Tip: Click lines to highlight, hold ctrl/cmd to multi-select
http://codedumper.com/alimi (9-Mar @ 22:52)
Syntax Highlighted Code
- /* Containers
- ----------------------------------------------------------------------------------------------------*/
- .container_ {
- margin-left: auto;
- margin-right: auto;
- width: 0px;
- }
- /* Grid >> Global
- ----------------------------------------------------------------------------------------------------*/
- .grid_{
- display:inline;
- float: left;
- position: relative;
- margin-left: 0px;
- margin-right: 0px;
- }
- /* Grid >> Children (Alpha ~ First, Omega ~ Last)
- ----------------------------------------------------------------------------------------------------*/
- .alpha {
- margin-left: 0;
- }
- .omega {
- margin-right: 0;
- }
- /* Grid >> 2 Columns
- ----------------------------------------------------------------------------------------------------*/
- /* Prefix Extra Space >> 2 Columns
- ----------------------------------------------------------------------------------------------------*/
- /* Suffix Extra Space >> 2 Columns
- ----------------------------------------------------------------------------------------------------*/
- /* Push Space >> 2 Columns
- ----------------------------------------------------------------------------------------------------*/
- /* Pull Space >> 2 Columns
- ----------------------------------------------------------------------------------------------------*/
- /* Clear Floated Elements
- ----------------------------------------------------------------------------------------------------*/
- .clear {
- clear: both;
- display: block;
- overflow: hidden;
- visibility: hidden;
- width: 0;
- height: 0;
- }
- .clearfix:after {
- clear: both;
- content: ' ';
- display: block;
- font-size: 0;
- line-height: 0;
- visibility: hidden;
- width: 0;
- height: 0;
- }
- .clearfix {
- display: inline-block;
- }
- * html .clearfix {
- height: 1%;
- }
- .clearfix {
- display: block;
- }
Plain Code
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_ {
margin-left: auto;
margin-right: auto;
width: 0px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_{
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}