Mini Kabibi Habibi
/*!
* Gridpak Beta CSS
*
* Generator - http://gridpak.com/
* Created by @erskinedesign
*/
/* Reusable column setup */
.col {
border:0px solid rgba(0,0,0,0);
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-moz-background-clip:padding-box !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important;
}
/* 1. 16 Column Grid 0px - Infinity
-----------------------------------------------------------------------------
Span 1: 6.25%
Span 2: 12.5%
Span 3: 18.75%
Span 4: 25.0%
Span 5: 31.25%
Span 6: 37.5%
Span 7: 43.75%
Span 8: 50.0%
Span 9: 56.25%
Span 10: 62.5%
Span 11: 68.75%
Span 12: 75.0%
Span 13: 81.25%
Span 14: 87.5%
Span 15: 93.75%
Span 16: 100%
----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) {
.row {
margin-left:-20px;
}
.col {
border-left-width:20px;
padding:0 0px;
}
/*
Add your semantic classnames in alongside their corresponding spans here. e.g.
.span_3,
.my_semantic_class_name {
...
}
*/
.span_1 {
width:6.25%;
}
.span_2 {
width:12.5%;
}
.span_3 {
width:18.75%;
}
.span_4 {
width:25.0%;
}
.span_5 {
width:31.25%;
}
.span_6 {
width:37.5%;
}
.span_7 {
width:43.75%;
}
.span_8 {
width:50.0%;
}
.span_9 {
width:56.25%;
}
.span_10 {
width:62.5%;
}
.span_11 {
width:68.75%;
}
.span_12 {
width:75.0%;
}
.span_13 {
width:81.25%;
}
.span_14 {
width:87.5%;
}
.span_15 {
width:93.75%;
}
.span_16 {
margin-left:0;
width:100%;
}
}