Ménage de printemps
Gros nettoyage de tous les espaces et tabulations disgrâcieux
This commit is contained in:
parent
1b9e0bf9f5
commit
55709a882d
20 changed files with 664 additions and 662 deletions
|
@ -1,52 +1,52 @@
|
|||
// Config file : variables, mixins, ...
|
||||
// Config file and project variables
|
||||
|
||||
// font sizes
|
||||
@base-font-size : 14px; // if "14px" then 1em = 14px
|
||||
@line-height : 1.5; // equiv line-height 1.5
|
||||
@h1-size : 3.2rem; // equiv "32px"
|
||||
@h2-size : 2.8rem; // equiv "28px"
|
||||
@h3-size : 2.4rem; // equiv "24px"
|
||||
@h4-size : 2.0rem; // equiv "20px"
|
||||
@h5-size : 1.8rem; // equiv "18px"
|
||||
@h6-size : 1.6rem; // equiv "16px"
|
||||
@base-font-size : 14px; // if "14px" then 1em = 14px
|
||||
@line-height : 1.5; // equiv line-height 1.5
|
||||
@h1-size : 3.2rem; // equiv "32px"
|
||||
@h2-size : 2.8rem; // equiv "28px"
|
||||
@h3-size : 2.4rem; // equiv "24px"
|
||||
@h4-size : 2.0rem; // equiv "20px"
|
||||
@h5-size : 1.8rem; // equiv "18px"
|
||||
@h6-size : 1.6rem; // equiv "16px"
|
||||
|
||||
// font stacks
|
||||
@font-stack-common : Helvetica, Arial, sans-serif; // common font
|
||||
@font-stack-headings : Helvetica, Arial, sans-serif; // headings 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-common : Helvetica, Arial, sans-serif; // common font
|
||||
@font-stack-headings : Helvetica, Arial, sans-serif; // headings 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 colors
|
||||
@base-color : #000; // text color on body and content
|
||||
@primary-color : #000; // text color on primary elements
|
||||
@secondary-color : #000; // text color on secondary elements
|
||||
@headings-color : #000; // text color on headings
|
||||
@base-color-link : #333; // base links color
|
||||
@base-color-link-hover : #000; // base hovered/focused links color
|
||||
@base-color : #000; // text color on body and content
|
||||
@primary-color : #000; // text color on primary elements
|
||||
@secondary-color : #000; // text color on secondary elements
|
||||
@headings-color : #000; // text color on headings
|
||||
@base-color-link : #333; // base links color
|
||||
@base-color-link-hover : #000; // base hovered/focused links color
|
||||
|
||||
// backgrounds
|
||||
@base-background : #fff; // body background color
|
||||
@primary-background : #fff; // primary elements background color
|
||||
@secondary-background : #fff; // secondary elements background color
|
||||
@base-background : #fff; // body background color
|
||||
@primary-background : #fff; // primary elements background color
|
||||
@secondary-background : #fff; // secondary elements background color
|
||||
|
||||
// spacings (choose unit you prefer)
|
||||
@tiny-value : 5px; // tiny value for margins / paddings
|
||||
@small-value : 10px; // small value for margins / paddings
|
||||
@medium-value : 20px; // medium value for margins / paddings
|
||||
@large-value : 40px; // 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
|
||||
@tiny-value : 5px; // tiny value for margins / paddings
|
||||
@small-value : 10px; // small value for margins / paddings
|
||||
@medium-value : 20px; // medium value for margins / paddings
|
||||
@large-value : 40px; // 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
|
||||
|
||||
// breakpoints (choose unit you prefer)
|
||||
@tiny-screen : 480px; // tiny screens media query (less than 480px)
|
||||
@small-screen : 768px; // screens between 481px and 768px
|
||||
@medium-screen : 1024px; // screens between 769px and 1024px
|
||||
@large-screen : 1280px; // screens between 1025px and 1280px
|
||||
@extra-large-screen : 1600px; // screens between 1281px and 1600px
|
||||
@ultra-large-screen : 1920px; // ultra large screens
|
||||
@tiny-screen : 480px; // tiny screens media query (less than 480px)
|
||||
@small-screen : 768px; // screens between 481px and 768px
|
||||
@medium-screen : 1024px; // screens between 769px and 1024px
|
||||
@large-screen : 1280px; // screens between 1025px and 1280px
|
||||
@extra-large-screen : 1600px; // screens between 1281px and 1600px
|
||||
@ultra-large-screen : 1920px; // ultra large screens
|
||||
|
||||
// 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 ;)
|
||||
// px to em/rem
|
||||
|
|
|
@ -62,7 +62,7 @@ html {
|
|||
|
||||
/* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
|
||||
/* 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) */
|
||||
-webkit-text-size-adjust: 100%;
|
||||
|
@ -199,12 +199,12 @@ sup {
|
|||
/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
|
||||
.visually-hidden {
|
||||
position: absolute !important;
|
||||
border: 0 !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
padding: 0 !important;
|
||||
overflow: hidden !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
border: 0 !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
padding: 0 !important;
|
||||
overflow: hidden !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
}
|
||||
|
||||
body > script {
|
||||
|
@ -352,16 +352,16 @@ img.end {
|
|||
margin-bottom: @tiny-value;
|
||||
}
|
||||
|
||||
.center {
|
||||
.center {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.txtleft {
|
||||
.txtleft {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.txtright {
|
||||
.txtright {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
|
|
@ -56,52 +56,52 @@
|
|||
width: 90%;
|
||||
}
|
||||
|
||||
.w100 {
|
||||
.w100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.w50p {
|
||||
.w50p {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.w100p {
|
||||
.w100p {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.w150p {
|
||||
.w150p {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.w200p {
|
||||
.w200p {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.w300p {
|
||||
.w300p {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.w400p {
|
||||
.w400p {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.w500p {
|
||||
.w500p {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.w600p {
|
||||
.w600p {
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
.w700p {
|
||||
.w700p {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.w800p {
|
||||
.w800p {
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
.w960p {
|
||||
.w960p {
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
|
@ -109,7 +109,7 @@
|
|||
max-width: 960px;
|
||||
}
|
||||
|
||||
.w1140p {
|
||||
.w1140p {
|
||||
width: 1140px;
|
||||
}
|
||||
|
||||
|
@ -117,7 +117,7 @@
|
|||
max-width: 1140px;
|
||||
}
|
||||
|
||||
.wauto {
|
||||
.wauto {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
@ -126,11 +126,13 @@ p,m = padding,margin
|
|||
a,t,r,b,l = all,top,right,bottom,left
|
||||
s,m,l,n = small, medium, large, none
|
||||
*/
|
||||
.man {
|
||||
.man,
|
||||
.ma0 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pan {
|
||||
.pan,
|
||||
.pa0 {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
@ -158,7 +160,8 @@ s,m,l,n = small, medium, large, none
|
|||
padding: @large-value;
|
||||
}
|
||||
|
||||
.mtn {
|
||||
.mtn,
|
||||
.mt0 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
@ -174,7 +177,8 @@ s,m,l,n = small, medium, large, none
|
|||
margin-top: @large-value;
|
||||
}
|
||||
|
||||
.mrn {
|
||||
.mrn,
|
||||
.mr0 {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
@ -190,7 +194,8 @@ s,m,l,n = small, medium, large, none
|
|||
margin-right: @large-value;
|
||||
}
|
||||
|
||||
.mbn {
|
||||
.mbn,
|
||||
.mb0 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
@ -206,7 +211,8 @@ s,m,l,n = small, medium, large, none
|
|||
margin-bottom: @large-value;
|
||||
}
|
||||
|
||||
.mln {
|
||||
.mln,
|
||||
.ml0 {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
|
@ -222,7 +228,8 @@ s,m,l,n = small, medium, large, none
|
|||
margin-left: @large-value;
|
||||
}
|
||||
|
||||
.ptn {
|
||||
.ptn,
|
||||
.pt0 {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
|
@ -238,7 +245,8 @@ s,m,l,n = small, medium, large, none
|
|||
padding-top: @large-value;
|
||||
}
|
||||
|
||||
.prn {
|
||||
.prn,
|
||||
.pr0 {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
|
@ -254,7 +262,8 @@ s,m,l,n = small, medium, large, none
|
|||
padding-right: @large-value;
|
||||
}
|
||||
|
||||
.pbn {
|
||||
.pbn,
|
||||
.pb0 {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
|
@ -270,7 +279,8 @@ s,m,l,n = small, medium, large, none
|
|||
padding-bottom: @large-value;
|
||||
}
|
||||
|
||||
.pln {
|
||||
.pln,
|
||||
.pl0 {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
|
|
|
@ -14,16 +14,14 @@
|
|||
.grid > * {
|
||||
display: block;
|
||||
padding: 0;
|
||||
/* gutter value */
|
||||
margin-left: -@gutter;
|
||||
margin-left: -@gutter; /* gutter value */
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* global styles for each "cell" */
|
||||
.grid > * > * {
|
||||
display: inline-block;
|
||||
/* gutter value */
|
||||
padding-left: @gutter;
|
||||
padding-left: @gutter; /* gutter value */
|
||||
margin-left: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
@ -31,8 +29,7 @@
|
|||
/* whitespace fixing for modern browsers including IE9+ */
|
||||
:root .grid {
|
||||
font-size: 0;
|
||||
/* fallback for IE9+ */
|
||||
text-justify: distribute-all-lines;
|
||||
text-justify: distribute-all-lines; /* fallback for IE9+ */
|
||||
}
|
||||
|
||||
:root .grid > * > * {
|
||||
|
|
|
@ -34,11 +34,13 @@
|
|||
float: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.large-row {
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.large-col {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
|
@ -80,24 +82,6 @@
|
|||
.large-man {
|
||||
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;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.medium-row {
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.medium-col {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
|
@ -167,7 +153,8 @@
|
|||
}
|
||||
|
||||
/* margins for medium screens */
|
||||
.medium-man {
|
||||
.medium-man,
|
||||
.medium-ma0 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
|
@ -219,11 +206,13 @@
|
|||
float: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.small-row {
|
||||
display: table !important;
|
||||
table-layout: fixed !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.small-col {
|
||||
display: table-cell !important;
|
||||
vertical-align: top !important;
|
||||
|
@ -251,7 +240,7 @@
|
|||
}
|
||||
|
||||
.small-w100,
|
||||
.small-wauto {
|
||||
.small-wauto {
|
||||
display: block !important;
|
||||
float: none !important;
|
||||
clear: none !important;
|
||||
|
@ -262,11 +251,13 @@
|
|||
}
|
||||
|
||||
/* margins for small screens */
|
||||
.small-man {
|
||||
.small-man,
|
||||
.small-ma0 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.small-pan {
|
||||
.small-pan,
|
||||
.small-pa0 {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
|
@ -383,11 +374,13 @@
|
|||
}
|
||||
|
||||
/* margins for tiny screens */
|
||||
.tiny-man {
|
||||
.tiny-man,
|
||||
.tiny-ma0 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.tiny-pan {
|
||||
.tiny-pan,
|
||||
.tiny-pa0 {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
|
@ -401,4 +394,3 @@
|
|||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -1,52 +1,52 @@
|
|||
// Config file : variables, mixins, ...
|
||||
// Config file and project variables
|
||||
|
||||
// font sizes
|
||||
$base-font-size : 14px; // if "14px" then 1em = 14px
|
||||
$line-height : 1.5; // equiv line-height 1.5
|
||||
$h1-size : 3.2rem; // equiv "32px"
|
||||
$h2-size : 2.8rem; // equiv "28px"
|
||||
$h3-size : 2.4rem; // equiv "24px"
|
||||
$h4-size : 2.0rem; // equiv "20px"
|
||||
$h5-size : 1.8rem; // equiv "18px"
|
||||
$h6-size : 1.6rem; // equiv "16px"
|
||||
$base-font-size : 14px; // if "14px" then 1em = 14px
|
||||
$line-height : 1.5; // equiv line-height 1.5
|
||||
$h1-size : 3.2rem; // equiv "32px"
|
||||
$h2-size : 2.8rem; // equiv "28px"
|
||||
$h3-size : 2.4rem; // equiv "24px"
|
||||
$h4-size : 2.0rem; // equiv "20px"
|
||||
$h5-size : 1.8rem; // equiv "18px"
|
||||
$h6-size : 1.6rem; // equiv "16px"
|
||||
|
||||
// font stacks
|
||||
$font-stack-common : Helvetica, Arial, sans-serif; // common font
|
||||
$font-stack-headings : Helvetica, Arial, sans-serif; // headings 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-common : Helvetica, Arial, sans-serif; // common font
|
||||
$font-stack-headings : Helvetica, Arial, sans-serif; // headings 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 colors
|
||||
$base-color : #000; // text color on body and content
|
||||
$primary-color : #000; // text color on primary elements
|
||||
$secondary-color : #000; // text color on secondary elements
|
||||
$headings-color : #000; // text color on headings
|
||||
$base-color-link : #333; // base links color
|
||||
$base-color-link-hover : #000; // base hovered/focused links color
|
||||
$base-color : #000; // text color on body and content
|
||||
$primary-color : #000; // text color on primary elements
|
||||
$secondary-color : #000; // text color on secondary elements
|
||||
$headings-color : #000; // text color on headings
|
||||
$base-color-link : #333; // base links color
|
||||
$base-color-link-hover : #000; // base hovered/focused links color
|
||||
|
||||
// backgrounds
|
||||
$base-background : #fff; // body background color
|
||||
$primary-background : #fff; // primary elements background color
|
||||
$secondary-background : #fff; // secondary elements background color
|
||||
$base-background : #fff; // body background color
|
||||
$primary-background : #fff; // primary elements background color
|
||||
$secondary-background : #fff; // secondary elements background color
|
||||
|
||||
// spacings (choose unit you prefer)
|
||||
$tiny-value : 5px; // tiny value for margins / paddings
|
||||
$small-value : 10px; // small value for margins / paddings
|
||||
$medium-value : 20px; // medium value for margins / paddings
|
||||
$large-value : 40px; // 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
|
||||
$tiny-value : 5px; // tiny value for margins / paddings
|
||||
$small-value : 10px; // small value for margins / paddings
|
||||
$medium-value : 20px; // medium value for margins / paddings
|
||||
$large-value : 40px; // 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
|
||||
|
||||
// breakpoints (choose unit you prefer)
|
||||
$tiny-screen : 480px; // tiny screens media query (less than 480px)
|
||||
$small-screen : 768px; // screens between 481px and 768px
|
||||
$medium-screen : 1024px; // screens between 769px and 1024px
|
||||
$large-screen : 1280px; // screens between 1025px and 1280px
|
||||
$extra-large-screen : 1600px; // screens between 1281px and 1600px
|
||||
$ultra-large-screen : 1920px; // ultra large screens
|
||||
$tiny-screen : 480px; // tiny screens media query (less than 480px)
|
||||
$small-screen : 768px; // screens between 481px and 768px
|
||||
$medium-screen : 1024px; // screens between 769px and 1024px
|
||||
$large-screen : 1280px; // screens between 1025px and 1280px
|
||||
$extra-large-screen : 1600px; // screens between 1281px and 1600px
|
||||
$ultra-large-screen : 1920px; // ultra large screens
|
||||
|
||||
// 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 ;)
|
||||
// px to em/rem
|
||||
|
|
|
@ -61,7 +61,7 @@ html {
|
|||
|
||||
/* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
|
||||
/* 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) */
|
||||
-webkit-text-size-adjust: 100%;
|
||||
|
@ -192,12 +192,12 @@ sup {
|
|||
/* hidden but not for assistance tools, Yahoo! method */
|
||||
.visually-hidden {
|
||||
position: absolute !important;
|
||||
border: 0 !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
padding: 0 !important;
|
||||
overflow: hidden !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
border: 0 !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
padding: 0 !important;
|
||||
overflow: hidden !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
}
|
||||
|
||||
body > script {
|
||||
|
@ -314,7 +314,6 @@ table {
|
|||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
/* alignments (blocks and inline) */
|
||||
/* ------------------------------ */
|
||||
|
||||
|
@ -347,16 +346,16 @@ img.end {
|
|||
margin-bottom: $tiny-value;
|
||||
}
|
||||
|
||||
.center {
|
||||
.center {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.txtleft {
|
||||
.txtleft {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.txtright {
|
||||
.txtright {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
|
|
@ -4,103 +4,103 @@
|
|||
/* ---------------------------------- */
|
||||
|
||||
/* blocks widths (percentage and pixels) */
|
||||
.w10 {
|
||||
.w10 {
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
.w20 {
|
||||
.w20 {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.w25 {
|
||||
.w25 {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.w30 {
|
||||
.w30 {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.w33 {
|
||||
.w33 {
|
||||
width: 33.3333%;
|
||||
}
|
||||
|
||||
.w40 {
|
||||
.w40 {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.w50 {
|
||||
.w50 {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.w60 {
|
||||
.w60 {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.w66 {
|
||||
.w66 {
|
||||
width: 66.6666%;
|
||||
}
|
||||
|
||||
.w70 {
|
||||
.w70 {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.w75 {
|
||||
.w75 {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.w80 {
|
||||
.w80 {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.w90 {
|
||||
.w90 {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.w100 {
|
||||
.w100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.w50p {
|
||||
.w50p {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.w100p {
|
||||
.w100p {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.w150p {
|
||||
.w150p {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.w200p {
|
||||
.w200p {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.w300p {
|
||||
.w300p {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.w400p {
|
||||
.w400p {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.w500p {
|
||||
.w500p {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.w600p {
|
||||
.w600p {
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
.w700p {
|
||||
.w700p {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.w800p {
|
||||
.w800p {
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
.w960p {
|
||||
.w960p {
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
|
@ -108,7 +108,7 @@
|
|||
max-width: 960px;
|
||||
}
|
||||
|
||||
.w1140p {
|
||||
.w1140p {
|
||||
width: 1140px;
|
||||
}
|
||||
|
||||
|
@ -116,7 +116,7 @@
|
|||
max-width: 1140px;
|
||||
}
|
||||
|
||||
.wauto {
|
||||
.wauto {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
@ -125,11 +125,13 @@ p,m = padding,margin
|
|||
a,t,r,b,l = all,top,right,bottom,left
|
||||
s,m,l,n = small, medium, large, none
|
||||
*/
|
||||
.man {
|
||||
.man,
|
||||
.ma0 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pan {
|
||||
.pan,
|
||||
.pa0 {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
@ -157,7 +159,8 @@ s,m,l,n = small, medium, large, none
|
|||
padding: $large-value;
|
||||
}
|
||||
|
||||
.mtn {
|
||||
.mtn,
|
||||
.mt0 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
@ -173,7 +176,8 @@ s,m,l,n = small, medium, large, none
|
|||
margin-top: $large-value;
|
||||
}
|
||||
|
||||
.mrn {
|
||||
.mrn,
|
||||
.mr0 {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
@ -189,7 +193,8 @@ s,m,l,n = small, medium, large, none
|
|||
margin-right: $large-value;
|
||||
}
|
||||
|
||||
.mbn {
|
||||
.mbn,
|
||||
.mb0 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
@ -205,7 +210,8 @@ s,m,l,n = small, medium, large, none
|
|||
margin-bottom: $large-value;
|
||||
}
|
||||
|
||||
.mln {
|
||||
.mln,
|
||||
.ml0 {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
|
@ -221,7 +227,8 @@ s,m,l,n = small, medium, large, none
|
|||
margin-left: $large-value;
|
||||
}
|
||||
|
||||
.ptn {
|
||||
.ptn,
|
||||
.pt0 {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
|
@ -237,7 +244,8 @@ s,m,l,n = small, medium, large, none
|
|||
padding-top: $large-value;
|
||||
}
|
||||
|
||||
.prn {
|
||||
.prn,
|
||||
.pr0 {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
|
@ -253,7 +261,8 @@ s,m,l,n = small, medium, large, none
|
|||
padding-right: $large-value;
|
||||
}
|
||||
|
||||
.pbn {
|
||||
.pbn,
|
||||
.pb0 {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
|
@ -269,7 +278,8 @@ s,m,l,n = small, medium, large, none
|
|||
padding-bottom: $large-value;
|
||||
}
|
||||
|
||||
.pln {
|
||||
.pln,
|
||||
.pl0 {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
|
|
|
@ -77,27 +77,10 @@
|
|||
}
|
||||
|
||||
/* margins for large screens */
|
||||
.large-man {
|
||||
.large-man,
|
||||
.large-ma0 {
|
||||
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;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.medium-row {
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.medium-col {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
|
@ -167,7 +152,8 @@
|
|||
}
|
||||
|
||||
/* margins for medium screens */
|
||||
.medium-man {
|
||||
.medium-man,
|
||||
.medium-ma0 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
|
@ -219,11 +205,13 @@
|
|||
float: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.small-row {
|
||||
display: table !important;
|
||||
table-layout: fixed !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.small-col {
|
||||
display: table-cell !important;
|
||||
vertical-align: top !important;
|
||||
|
@ -251,7 +239,7 @@
|
|||
}
|
||||
|
||||
.small-w100,
|
||||
.small-wauto {
|
||||
.small-wauto {
|
||||
display: block !important;
|
||||
float: none !important;
|
||||
clear: none !important;
|
||||
|
@ -262,11 +250,13 @@
|
|||
}
|
||||
|
||||
/* margins for small screens */
|
||||
.small-man {
|
||||
.small-man,
|
||||
.small-ma0 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.small-pan {
|
||||
.small-pan,
|
||||
.small-pa0 {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
|
@ -346,7 +336,9 @@
|
|||
text-align: left !important;
|
||||
}
|
||||
|
||||
thead { display: none; }
|
||||
thead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* widths for tiny screens */
|
||||
.tiny-w25 {
|
||||
|
@ -381,11 +373,13 @@
|
|||
}
|
||||
|
||||
/* margins for tiny screens */
|
||||
.tiny-man {
|
||||
.tiny-man,
|
||||
.tiny-ma0 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.tiny-pan {
|
||||
.tiny-pan,
|
||||
.tiny-pa0 {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Reference in a new issue