dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ménage de printemps 

Gros nettoyage de tous les espaces et tabulations disgrâcieux
This commit is contained in:
raphaelgoettter 2015-03-04 11:47:46 +01:00
parent 1b9e0bf9f5
commit 55709a882d
20 changed files with 664 additions and 662 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
less/_00-config.less
View File

@ -1,52 +1,52 @@
// Config file : variables, mixins, ... // Config file and project variables
// font sizes // font sizes
@base-font-size : 14px; // if "14px" then 1em = 14px @base-font-size : 14px; // if "14px" then 1em = 14px
@line-height : 1.5; // equiv line-height 1.5 @line-height : 1.5; // equiv line-height 1.5
@h1-size : 3.2rem; // equiv "32px" @h1-size : 3.2rem; // equiv "32px"
@h2-size : 2.8rem; // equiv "28px" @h2-size : 2.8rem; // equiv "28px"
@h3-size : 2.4rem; // equiv "24px" @h3-size : 2.4rem; // equiv "24px"
@h4-size : 2.0rem; // equiv "20px" @h4-size : 2.0rem; // equiv "20px"
@h5-size : 1.8rem; // equiv "18px" @h5-size : 1.8rem; // equiv "18px"
@h6-size : 1.6rem; // equiv "16px" @h6-size : 1.6rem; // equiv "16px"
// font stacks // font stacks
@font-stack-common : Helvetica, Arial, sans-serif; // common font @font-stack-common : Helvetica, Arial, sans-serif; // common font
@font-stack-headings : Helvetica, Arial, sans-serif; // headings font @font-stack-headings : Helvetica, Arial, sans-serif; // headings font
@font-stack-monospace : Consolas, 'DejaVu Sans Mono', Courier, monospace; // monospace font @font-stack-monospace : Consolas, "DejaVu Sans Mono", Courier, monospace; // monospace font
@font-stack-universal : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; // universal stack @font-stack-universal : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; // universal stack
// font colors // font colors
@base-color : #000; // text color on body and content @base-color : #000; // text color on body and content
@primary-color : #000; // text color on primary elements @primary-color : #000; // text color on primary elements
@secondary-color : #000; // text color on secondary elements @secondary-color : #000; // text color on secondary elements
@headings-color : #000; // text color on headings @headings-color : #000; // text color on headings
@base-color-link : #333; // base links color @base-color-link : #333; // base links color
@base-color-link-hover : #000; // base hovered/focused links color @base-color-link-hover : #000; // base hovered/focused links color
// backgrounds // backgrounds
@base-background : #fff; // body background color @base-background : #fff; // body background color
@primary-background : #fff; // primary elements background color @primary-background : #fff; // primary elements background color
@secondary-background : #fff; // secondary elements background color @secondary-background : #fff; // secondary elements background color
// spacings (choose unit you prefer) // spacings (choose unit you prefer)
@tiny-value : 5px; // tiny value for margins / paddings @tiny-value : 5px; // tiny value for margins / paddings
@small-value : 10px; // small value for margins / paddings @small-value : 10px; // small value for margins / paddings
@medium-value : 20px; // medium value for margins / paddings @medium-value : 20px; // medium value for margins / paddings
@large-value : 40px; // large value for margins / paddings @large-value : 40px; // large value for margins / paddings
@extra-large-value : 80px; // extra large value for margins / paddings @extra-large-value : 80px; // extra large value for margins / paddings
@ultra-large-value : 160px; // ultra large value for margins / paddings @ultra-large-value : 160px; // ultra large value for margins / paddings
// breakpoints (choose unit you prefer) // breakpoints (choose unit you prefer)
@tiny-screen : 480px; // tiny screens media query (less than 480px) @tiny-screen : 480px; // tiny screens media query (less than 480px)
@small-screen : 768px; // screens between 481px and 768px @small-screen : 768px; // screens between 481px and 768px
@medium-screen : 1024px; // screens between 769px and 1024px @medium-screen : 1024px; // screens between 769px and 1024px
@large-screen : 1280px; // screens between 1025px and 1280px @large-screen : 1280px; // screens between 1025px and 1280px
@extra-large-screen : 1600px; // screens between 1281px and 1600px @extra-large-screen : 1600px; // screens between 1281px and 1600px
@ultra-large-screen : 1920px; // ultra large screens @ultra-large-screen : 1920px; // ultra large screens
// misc (choose unit you prefer) // misc (choose unit you prefer)
@gutter : 20px; // gutter value for grid layouts. Unit can be: %, px, em, rem @gutter : 20px; // gutter value for grid layouts. Unit can be: %, px, em, rem
// LESS mixins : don't touch or you'll be banned ;) // LESS mixins : don't touch or you'll be banned ;)
// px to em/rem // px to em/rem

20
less/_01-base.less
View File

@ -62,7 +62,7 @@ html {
/* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */ /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
/* thanks to @guardian, @victorbritopro and @eQRoeil */ /* thanks to @guardian, @victorbritopro and @eQRoeil */
font-size: calc(1em * 0.625); font-size: calc(1em * 0.625);
/* disallow text zooming on orientation change (non standard property) */ /* disallow text zooming on orientation change (non standard property) */
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
@ -199,12 +199,12 @@ sup {
/* hidden but not for an assistive technology like a screen reader, Yahoo! method */ /* hidden but not for an assistive technology like a screen reader, Yahoo! method */
.visually-hidden { .visually-hidden {
position: absolute !important; position: absolute !important;
border: 0 !important; border: 0 !important;
height: 1px !important; height: 1px !important;
width: 1px !important; width: 1px !important;
padding: 0 !important; padding: 0 !important;
overflow: hidden !important; overflow: hidden !important;
clip: rect(1px, 1px, 1px, 1px) !important; clip: rect(1px, 1px, 1px, 1px) !important;
} }
body > script { body > script {
@ -352,16 +352,16 @@ img.end {
margin-bottom: @tiny-value; margin-bottom: @tiny-value;
} }
.center { .center {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.txtleft { .txtleft {
text-align: left; text-align: left;
} }
.txtright { .txtright {
text-align: right; text-align: right;
} }

58
less/_02-helpers.less
View File

@ -56,52 +56,52 @@
width: 90%; width: 90%;
} }
.w100 { .w100 {
width: 100%; width: 100%;
} }
.w50p { .w50p {
width: 50px; width: 50px;
} }
.w100p { .w100p {
width: 100px; width: 100px;
} }
.w150p { .w150p {
width: 150px; width: 150px;
} }
.w200p { .w200p {
width: 200px; width: 200px;
} }
.w300p { .w300p {
width: 300px; width: 300px;
} }
.w400p { .w400p {
width: 400px; width: 400px;
} }
.w500p { .w500p {
width: 500px; width: 500px;
} }
.w600p { .w600p {
width: 600px; width: 600px;
} }
.w700p { .w700p {
width: 700px; width: 700px;
} }
.w800p { .w800p {
width: 800px; width: 800px;
} }
.w960p { .w960p {
width: 960px; width: 960px;
} }
@ -109,7 +109,7 @@
max-width: 960px; max-width: 960px;
} }
.w1140p { .w1140p {
width: 1140px; width: 1140px;
} }
@ -117,7 +117,7 @@
max-width: 1140px; max-width: 1140px;
} }
.wauto { .wauto {
width: auto; width: auto;
} }
@ -126,11 +126,13 @@ p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left a,t,r,b,l = all,top,right,bottom,left
s,m,l,n = small, medium, large, none s,m,l,n = small, medium, large, none
*/ */
.man { .man,
.ma0 {
margin: 0; margin: 0;
} }
.pan { .pan,
.pa0 {
padding: 0; padding: 0;
} }
@ -158,7 +160,8 @@ s,m,l,n = small, medium, large, none
padding: @large-value; padding: @large-value;
} }
.mtn { .mtn,
.mt0 {
margin-top: 0; margin-top: 0;
} }
@ -174,7 +177,8 @@ s,m,l,n = small, medium, large, none
margin-top: @large-value; margin-top: @large-value;
} }
.mrn { .mrn,
.mr0 {
margin-right: 0; margin-right: 0;
} }
@ -190,7 +194,8 @@ s,m,l,n = small, medium, large, none
margin-right: @large-value; margin-right: @large-value;
} }
.mbn { .mbn,
.mb0 {
margin-bottom: 0; margin-bottom: 0;
} }
@ -206,7 +211,8 @@ s,m,l,n = small, medium, large, none
margin-bottom: @large-value; margin-bottom: @large-value;
} }
.mln { .mln,
.ml0 {
margin-left: 0; margin-left: 0;
} }
@ -222,7 +228,8 @@ s,m,l,n = small, medium, large, none
margin-left: @large-value; margin-left: @large-value;
} }
.ptn { .ptn,
.pt0 {
padding-top: 0; padding-top: 0;
} }
@ -238,7 +245,8 @@ s,m,l,n = small, medium, large, none
padding-top: @large-value; padding-top: @large-value;
} }
.prn { .prn,
.pr0 {
padding-right: 0; padding-right: 0;
} }
@ -254,7 +262,8 @@ s,m,l,n = small, medium, large, none
padding-right: @large-value; padding-right: @large-value;
} }
.pbn { .pbn,
.pb0 {
padding-bottom: 0; padding-bottom: 0;
} }
@ -270,7 +279,8 @@ s,m,l,n = small, medium, large, none
padding-bottom: @large-value; padding-bottom: @large-value;
} }
.pln { .pln,
.pl0 {
padding-left: 0; padding-left: 0;
} }

9
less/_03-grids.less
View File

@ -14,16 +14,14 @@
.grid > * { .grid > * {
display: block; display: block;
padding: 0; padding: 0;
/* gutter value */ margin-left: -@gutter; /* gutter value */
margin-left: -@gutter;
text-align: left; text-align: left;
} }
/* global styles for each "cell" */ /* global styles for each "cell" */
.grid > * > * { .grid > * > * {
display: inline-block; display: inline-block;
/* gutter value */ padding-left: @gutter; /* gutter value */
padding-left: @gutter;
margin-left: 0; margin-left: 0;
vertical-align: top; vertical-align: top;
} }
@ -31,8 +29,7 @@
/* whitespace fixing for modern browsers including IE9+ */ /* whitespace fixing for modern browsers including IE9+ */
:root .grid { :root .grid {
font-size: 0; font-size: 0;
/* fallback for IE9+ */ text-justify: distribute-all-lines; /* fallback for IE9+ */
text-justify: distribute-all-lines;
} }
:root .grid > * > * { :root .grid > * > * {

42
less/_08-rwd.less
View File

@ -34,11 +34,13 @@
float: none; float: none;
vertical-align: top; vertical-align: top;
} }
.large-row { .large-row {
display: table; display: table;
table-layout: fixed; table-layout: fixed;
width: 100% !important; width: 100% !important;
} }
.large-col { .large-col {
display: table-cell; display: table-cell;
vertical-align: top; vertical-align: top;
@ -80,24 +82,6 @@
.large-man { .large-man {
margin: 0 !important; margin: 0 !important;
} }
/* grid rwd for large screens */
.grid5 > *,
.grid6 > *,
.grid8 > *,
.grid10 > *,
.grid12 > * {
width: 33.333%;
}
/* autogrid rwd for large screens */
.autogrid5 > *,
.autogrid6 > *,
.autogrid8 > *,
.autogrid10 > *,
.autogrid12 > * {
width: 32%;
}
} }
/* ---------------------------------- */ /* ---------------------------------- */
@ -124,11 +108,13 @@
float: none; float: none;
vertical-align: top; vertical-align: top;
} }
.medium-row { .medium-row {
display: table; display: table;
table-layout: fixed; table-layout: fixed;
width: 100% !important; width: 100% !important;
} }
.medium-col { .medium-col {
display: table-cell; display: table-cell;
vertical-align: top; vertical-align: top;
@ -167,7 +153,8 @@
} }
/* margins for medium screens */ /* margins for medium screens */
.medium-man { .medium-man,
.medium-ma0 {
margin: 0 !important; margin: 0 !important;
} }
} }
@ -219,11 +206,13 @@
float: none; float: none;
vertical-align: top; vertical-align: top;
} }
.small-row { .small-row {
display: table !important; display: table !important;
table-layout: fixed !important; table-layout: fixed !important;
width: 100% !important; width: 100% !important;
} }
.small-col { .small-col {
display: table-cell !important; display: table-cell !important;
vertical-align: top !important; vertical-align: top !important;
@ -251,7 +240,7 @@
} }
.small-w100, .small-w100,
.small-wauto { .small-wauto {
display: block !important; display: block !important;
float: none !important; float: none !important;
clear: none !important; clear: none !important;
@ -262,11 +251,13 @@
} }
/* margins for small screens */ /* margins for small screens */
.small-man { .small-man,
.small-ma0 {
margin: 0 !important; margin: 0 !important;
} }
.small-pan { .small-pan,
.small-pa0 {
padding: 0 !important; padding: 0 !important;
} }
@ -383,11 +374,13 @@
} }
/* margins for tiny screens */ /* margins for tiny screens */
.tiny-man { .tiny-man,
.tiny-ma0 {
margin: 0 !important; margin: 0 !important;
} }
.tiny-pan { .tiny-pan,
.tiny-pa0 {
padding: 0 !important; padding: 0 !important;
} }
@ -401,4 +394,3 @@
width: 100% !important; width: 100% !important;
} }
} }

70
sass/_00-config.scss
View File

@ -1,52 +1,52 @@
// Config file : variables, mixins, ... // Config file and project variables
// font sizes // font sizes
$base-font-size : 14px; // if "14px" then 1em = 14px $base-font-size : 14px; // if "14px" then 1em = 14px
$line-height : 1.5; // equiv line-height 1.5 $line-height : 1.5; // equiv line-height 1.5
$h1-size : 3.2rem; // equiv "32px" $h1-size : 3.2rem; // equiv "32px"
$h2-size : 2.8rem; // equiv "28px" $h2-size : 2.8rem; // equiv "28px"
$h3-size : 2.4rem; // equiv "24px" $h3-size : 2.4rem; // equiv "24px"
$h4-size : 2.0rem; // equiv "20px" $h4-size : 2.0rem; // equiv "20px"
$h5-size : 1.8rem; // equiv "18px" $h5-size : 1.8rem; // equiv "18px"
$h6-size : 1.6rem; // equiv "16px" $h6-size : 1.6rem; // equiv "16px"
// font stacks // font stacks
$font-stack-common : Helvetica, Arial, sans-serif; // common font $font-stack-common : Helvetica, Arial, sans-serif; // common font
$font-stack-headings : Helvetica, Arial, sans-serif; // headings font $font-stack-headings : Helvetica, Arial, sans-serif; // headings font
$font-stack-monospace : Consolas, 'DejaVu Sans Mono', Courier, monospace; // monospace font $font-stack-monospace : Consolas, DejaVu Sans Mono, Courier, monospace; // monospace font
$font-stack-universal : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; // universal stack $font-stack-universal : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; // universal stack
// font colors // font colors
$base-color : #000; // text color on body and content $base-color : #000; // text color on body and content
$primary-color : #000; // text color on primary elements $primary-color : #000; // text color on primary elements
$secondary-color : #000; // text color on secondary elements $secondary-color : #000; // text color on secondary elements
$headings-color : #000; // text color on headings $headings-color : #000; // text color on headings
$base-color-link : #333; // base links color $base-color-link : #333; // base links color
$base-color-link-hover : #000; // base hovered/focused links color $base-color-link-hover : #000; // base hovered/focused links color
// backgrounds // backgrounds
$base-background : #fff; // body background color $base-background : #fff; // body background color
$primary-background : #fff; // primary elements background color $primary-background : #fff; // primary elements background color
$secondary-background : #fff; // secondary elements background color $secondary-background : #fff; // secondary elements background color
// spacings (choose unit you prefer) // spacings (choose unit you prefer)
$tiny-value : 5px; // tiny value for margins / paddings $tiny-value : 5px; // tiny value for margins / paddings
$small-value : 10px; // small value for margins / paddings $small-value : 10px; // small value for margins / paddings
$medium-value : 20px; // medium value for margins / paddings $medium-value : 20px; // medium value for margins / paddings
$large-value : 40px; // large value for margins / paddings $large-value : 40px; // large value for margins / paddings
$extra-large-value : 80px; // extra large value for margins / paddings $extra-large-value : 80px; // extra large value for margins / paddings
$ultra-large-value : 160px; // ultra large value for margins / paddings $ultra-large-value : 160px; // ultra large value for margins / paddings
// breakpoints (choose unit you prefer) // breakpoints (choose unit you prefer)
$tiny-screen : 480px; // tiny screens media query (less than 480px) $tiny-screen : 480px; // tiny screens media query (less than 480px)
$small-screen : 768px; // screens between 481px and 768px $small-screen : 768px; // screens between 481px and 768px
$medium-screen : 1024px; // screens between 769px and 1024px $medium-screen : 1024px; // screens between 769px and 1024px
$large-screen : 1280px; // screens between 1025px and 1280px $large-screen : 1280px; // screens between 1025px and 1280px
$extra-large-screen : 1600px; // screens between 1281px and 1600px $extra-large-screen : 1600px; // screens between 1281px and 1600px
$ultra-large-screen : 1920px; // ultra large screens $ultra-large-screen : 1920px; // ultra large screens
// misc (choose unit you prefer) // misc (choose unit you prefer)
$gutter : 20px; // gutter value for grid layouts. Unit can be: %, px, em, rem $gutter : 20px; // gutter value for grid layouts. Unit can be: %, px, em, rem
// Sass mixins : don't touch or you'll be banned ;) // Sass mixins : don't touch or you'll be banned ;)
// px to em/rem // px to em/rem

21
sass/_01-base.scss
View File

@ -61,7 +61,7 @@ html {
/* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */ /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
/* thanks to @guardian, @victorbritopro and @eQRoeil */ /* thanks to @guardian, @victorbritopro and @eQRoeil */
font-size: calc(1em * 0.625); font-size: calc(1em * 0.625);
/* disallow text zooming on orientation change (non standard property) */ /* disallow text zooming on orientation change (non standard property) */
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
@ -192,12 +192,12 @@ sup {
/* hidden but not for assistance tools, Yahoo! method */ /* hidden but not for assistance tools, Yahoo! method */
.visually-hidden { .visually-hidden {
position: absolute !important; position: absolute !important;
border: 0 !important; border: 0 !important;
height: 1px !important; height: 1px !important;
width: 1px !important; width: 1px !important;
padding: 0 !important; padding: 0 !important;
overflow: hidden !important; overflow: hidden !important;
clip: rect(1px, 1px, 1px, 1px) !important; clip: rect(1px, 1px, 1px, 1px) !important;
} }
body > script { body > script {
@ -314,7 +314,6 @@ table {
vertical-align: top; vertical-align: top;
} }
/* alignments (blocks and inline) */ /* alignments (blocks and inline) */
/* ------------------------------ */ /* ------------------------------ */
@ -347,16 +346,16 @@ img.end {
margin-bottom: $tiny-value; margin-bottom: $tiny-value;
} }
.center { .center {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.txtleft { .txtleft {
text-align: left; text-align: left;
} }
.txtright { .txtright {
text-align: right; text-align: right;
} }

84
sass/_02-helpers.scss
View File

@ -4,103 +4,103 @@
/* ---------------------------------- */ /* ---------------------------------- */
/* blocks widths (percentage and pixels) */ /* blocks widths (percentage and pixels) */
.w10 { .w10 {
width: 10%; width: 10%;
} }
.w20 { .w20 {
width: 20%; width: 20%;
} }
.w25 { .w25 {
width: 25%; width: 25%;
} }
.w30 { .w30 {
width: 30%; width: 30%;
} }
.w33 { .w33 {
width: 33.3333%; width: 33.3333%;
} }
.w40 { .w40 {
width: 40%; width: 40%;
} }
.w50 { .w50 {
width: 50%; width: 50%;
} }
.w60 { .w60 {
width: 60%; width: 60%;
} }
.w66 { .w66 {
width: 66.6666%; width: 66.6666%;
} }
.w70 { .w70 {
width: 70%; width: 70%;
} }
.w75 { .w75 {
width: 75%; width: 75%;
} }
.w80 { .w80 {
width: 80%; width: 80%;
} }
.w90 { .w90 {
width: 90%; width: 90%;
} }
.w100 { .w100 {
width: 100%; width: 100%;
} }
.w50p { .w50p {
width: 50px; width: 50px;
} }
.w100p { .w100p {
width: 100px; width: 100px;
} }
.w150p { .w150p {
width: 150px; width: 150px;
} }
.w200p { .w200p {
width: 200px; width: 200px;
} }
.w300p { .w300p {
width: 300px; width: 300px;
} }
.w400p { .w400p {
width: 400px; width: 400px;
} }
.w500p { .w500p {
width: 500px; width: 500px;
} }
.w600p { .w600p {
width: 600px; width: 600px;
} }
.w700p { .w700p {
width: 700px; width: 700px;
} }
.w800p { .w800p {
width: 800px; width: 800px;
} }
.w960p { .w960p {
width: 960px; width: 960px;
} }
@ -108,7 +108,7 @@
max-width: 960px; max-width: 960px;
} }
.w1140p { .w1140p {
width: 1140px; width: 1140px;
} }
@ -116,7 +116,7 @@
max-width: 1140px; max-width: 1140px;
} }
.wauto { .wauto {
width: auto; width: auto;
} }
@ -125,11 +125,13 @@ p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left a,t,r,b,l = all,top,right,bottom,left
s,m,l,n = small, medium, large, none s,m,l,n = small, medium, large, none
*/ */
.man { .man,
.ma0 {
margin: 0; margin: 0;
} }
.pan { .pan,
.pa0 {
padding: 0; padding: 0;
} }
@ -157,7 +159,8 @@ s,m,l,n = small, medium, large, none
padding: $large-value; padding: $large-value;
} }
.mtn { .mtn,
.mt0 {
margin-top: 0; margin-top: 0;
} }
@ -173,7 +176,8 @@ s,m,l,n = small, medium, large, none
margin-top: $large-value; margin-top: $large-value;
} }
.mrn { .mrn,
.mr0 {
margin-right: 0; margin-right: 0;
} }
@ -189,7 +193,8 @@ s,m,l,n = small, medium, large, none
margin-right: $large-value; margin-right: $large-value;
} }
.mbn { .mbn,
.mb0 {
margin-bottom: 0; margin-bottom: 0;
} }
@ -205,7 +210,8 @@ s,m,l,n = small, medium, large, none
margin-bottom: $large-value; margin-bottom: $large-value;
} }
.mln { .mln,
.ml0 {
margin-left: 0; margin-left: 0;
} }
@ -221,7 +227,8 @@ s,m,l,n = small, medium, large, none
margin-left: $large-value; margin-left: $large-value;
} }
.ptn { .ptn,
.pt0 {
padding-top: 0; padding-top: 0;
} }
@ -237,7 +244,8 @@ s,m,l,n = small, medium, large, none
padding-top: $large-value; padding-top: $large-value;
} }
.prn { .prn,
.pr0 {
padding-right: 0; padding-right: 0;
} }
@ -253,7 +261,8 @@ s,m,l,n = small, medium, large, none
padding-right: $large-value; padding-right: $large-value;
} }
.pbn { .pbn,
.pb0 {
padding-bottom: 0; padding-bottom: 0;
} }
@ -269,7 +278,8 @@ s,m,l,n = small, medium, large, none
padding-bottom: $large-value; padding-bottom: $large-value;
} }
.pln { .pln,
.pl0 {
padding-left: 0; padding-left: 0;
} }

46
sass/_08-rwd.scss
View File

@ -77,27 +77,10 @@
} }
/* margins for large screens */ /* margins for large screens */
.large-man { .large-man,
.large-ma0 {
margin: 0 !important; margin: 0 !important;
} }
/* grid rwd for large screens */
.grid5 > *,
.grid6 > *,
.grid8 > *,
.grid10 > *,
.grid12 > * {
width: 33.333%;
}
/* autogrid rwd for large screens */
.autogrid5 > *,
.autogrid6 > *,
.autogrid8 > *,
.autogrid10 > *,
.autogrid12 > * {
width: 32%;
}
} }
/* ---------------------------------- */ /* ---------------------------------- */
@ -124,11 +107,13 @@
float: none; float: none;
vertical-align: top; vertical-align: top;
} }
.medium-row { .medium-row {
display: table; display: table;
table-layout: fixed; table-layout: fixed;
width: 100% !important; width: 100% !important;
} }
.medium-col { .medium-col {
display: table-cell; display: table-cell;
vertical-align: top; vertical-align: top;
@ -167,7 +152,8 @@
} }
/* margins for medium screens */ /* margins for medium screens */
.medium-man { .medium-man,
.medium-ma0 {
margin: 0 !important; margin: 0 !important;
} }
} }
@ -219,11 +205,13 @@
float: none; float: none;
vertical-align: top; vertical-align: top;
} }
.small-row { .small-row {
display: table !important; display: table !important;
table-layout: fixed !important; table-layout: fixed !important;
width: 100% !important; width: 100% !important;
} }
.small-col { .small-col {
display: table-cell !important; display: table-cell !important;
vertical-align: top !important; vertical-align: top !important;
@ -251,7 +239,7 @@
} }
.small-w100, .small-w100,
.small-wauto { .small-wauto {
display: block !important; display: block !important;
float: none !important; float: none !important;
clear: none !important; clear: none !important;
@ -262,11 +250,13 @@
} }
/* margins for small screens */ /* margins for small screens */
.small-man { .small-man,
.small-ma0 {
margin: 0 !important; margin: 0 !important;
} }
.small-pan { .small-pan,
.small-pa0 {
padding: 0 !important; padding: 0 !important;
} }
@ -346,7 +336,9 @@
text-align: left !important; text-align: left !important;
} }
thead { display: none; } thead {
display: none;
}
/* widths for tiny screens */ /* widths for tiny screens */
.tiny-w25 { .tiny-w25 {
@ -381,11 +373,13 @@
} }
/* margins for tiny screens */ /* margins for tiny screens */
.tiny-man { .tiny-man,
.tiny-ma0 {
margin: 0 !important; margin: 0 !important;
} }
.tiny-pan { .tiny-pan,
.tiny-pa0 {
padding: 0 !important; padding: 0 !important;
} }