I have created paddings also at right side.

This commit is contained in:
Michał Leśniowski 2011-10-08 23:48:04 +02:00
parent 2dfa28cea9
commit 82d6b394bf

View File

@ -5,6 +5,9 @@
* Free to use under the MIT license. * Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php * http://www.opensource.org/licenses/mit-license.php
* 8/17/2011 * 8/17/2011
*
* Edited by Michał Leśniowski
* https://github.com/lesniak/Skeleton
*/ */
@ -50,22 +53,40 @@
.container .one-third.column { width: 300px; } .container .one-third.column { width: 300px; }
.container .two-thirds.column { width: 620px; } .container .two-thirds.column { width: 620px; }
/* Offsets */ /* Paddings */
.container .offset-by-one { padding-left: 60px; } .container .left-by-one { padding-left: 60px; }
.container .offset-by-two { padding-left: 120px; } .container .left-by-two { padding-left: 120px; }
.container .offset-by-three { padding-left: 180px; } .container .left-by-three { padding-left: 180px; }
.container .offset-by-four { padding-left: 240px; } .container .left-by-four { padding-left: 240px; }
.container .offset-by-five { padding-left: 300px; } .container .left-by-five { padding-left: 300px; }
.container .offset-by-six { padding-left: 360px; } .container .left-by-six { padding-left: 360px; }
.container .offset-by-seven { padding-left: 420px; } .container .left-by-seven { padding-left: 420px; }
.container .offset-by-eight { padding-left: 480px; } .container .left-by-eight { padding-left: 480px; }
.container .offset-by-nine { padding-left: 540px; } .container .left-by-nine { padding-left: 540px; }
.container .offset-by-ten { padding-left: 600px; } .container .left-by-ten { padding-left: 600px; }
.container .offset-by-eleven { padding-left: 660px; } .container .left-by-eleven { padding-left: 660px; }
.container .offset-by-twelve { padding-left: 720px; } .container .left-by-twelve { padding-left: 720px; }
.container .offset-by-thirteen { padding-left: 780px; } .container .left-by-thirteen { padding-left: 780px; }
.container .offset-by-fourteen { padding-left: 840px; } .container .left-by-fourteen { padding-left: 840px; }
.container .offset-by-fifteen { padding-left: 900px; } .container .left-by-fifteen { padding-left: 900px; }
.container .right-by-one { padding-right: 60px; }
.container .right-by-two { padding-right: 120px; }
.container .right-by-three { padding-right: 180px; }
.container .right-by-four { padding-right: 240px; }
.container .right-by-five { padding-right: 300px; }
.container .right-by-six { padding-right: 360px; }
.container .right-by-seven { padding-right: 420px; }
.container .right-by-eight { padding-right: 480px; }
.container .right-by-nine { padding-right: 540px; }
.container .right-by-ten { padding-right: 600px; }
.container .right-by-eleven { padding-right: 660px; }
.container .right-by-twelve { padding-right: 720px; }
.container .right-by-thirteen { padding-right: 780px; }
.container .right-by-fourteen { padding-right: 840px; }
.container .right-by-fifteen { padding-right: 900px; }
@ -101,22 +122,38 @@
.container .one-third.column { width: 236px; } .container .one-third.column { width: 236px; }
.container .two-thirds.column { width: 492px; } .container .two-thirds.column { width: 492px; }
/* Offsets */ /* Paddings */
.container .offset-by-one { padding-left: 48px; } .container .left-by-one { padding-left: 48px; }
.container .offset-by-two { padding-left: 96px; } .container .left-by-two { padding-left: 96px; }
.container .offset-by-three { padding-left: 144px; } .container .left-by-three { padding-left: 144px; }
.container .offset-by-four { padding-left: 192px; } .container .left-by-four { padding-left: 192px; }
.container .offset-by-five { padding-left: 240px; } .container .left-by-five { padding-left: 240px; }
.container .offset-by-six { padding-left: 288px; } .container .left-by-six { padding-left: 288px; }
.container .offset-by-seven { padding-left: 336px; } .container .left-by-seven { padding-left: 336px; }
.container .offset-by-eight { padding-left: 348px; } .container .left-by-eight { padding-left: 348px; }
.container .offset-by-nine { padding-left: 432px; } .container .left-by-nine { padding-left: 432px; }
.container .offset-by-ten { padding-left: 480px; } .container .left-by-ten { padding-left: 480px; }
.container .offset-by-eleven { padding-left: 528px; } .container .left-by-eleven { padding-left: 528px; }
.container .offset-by-twelve { padding-left: 576px; } .container .left-by-twelve { padding-left: 576px; }
.container .offset-by-thirteen { padding-left: 624px; } .container .left-by-thirteen { padding-left: 624px; }
.container .offset-by-fourteen { padding-left: 672px; } .container .left-by-fourteen { padding-left: 672px; }
.container .offset-by-fifteen { padding-left: 720px; } .container .left-by-fifteen { padding-left: 720px; }
.container .right-by-one { padding-right: 48px; }
.container .right-by-two { padding-right: 96px; }
.container .right-by-three { padding-right: 144px; }
.container .right-by-four { padding-right: 192px; }
.container .right-by-five { padding-right: 240px; }
.container .right-by-six { padding-right: 288px; }
.container .right-by-seven { padding-right: 336px; }
.container .right-by-eight { padding-right: 348px; }
.container .right-by-nine { padding-right: 432px; }
.container .right-by-ten { padding-right: 480px; }
.container .right-by-eleven { padding-right: 528px; }
.container .right-by-twelve { padding-right: 576px; }
.container .right-by-thirteen { padding-right: 624px; }
.container .right-by-fourteen { padding-right: 672px; }
.container .right-by-fifteen { padding-right: 720px; }
} }
@ -148,22 +185,38 @@
.container .one-third.column, .container .one-third.column,
.container .two-thirds.column { width: 300px; } .container .two-thirds.column { width: 300px; }
/* Offsets */ /* Paddings */
.container .offset-by-one, .container .left-by-one,
.container .offset-by-two, .container .left-by-two,
.container .offset-by-three, .container .left-by-three,
.container .offset-by-four, .container .left-by-four,
.container .offset-by-five, .container .left-by-five,
.container .offset-by-six, .container .left-by-six,
.container .offset-by-seven, .container .left-by-seven,
.container .offset-by-eight, .container .left-by-eight,
.container .offset-by-nine, .container .left-by-nine,
.container .offset-by-ten, .container .left-by-ten,
.container .offset-by-eleven, .container .left-by-eleven,
.container .offset-by-twelve, .container .left-by-twelve,
.container .offset-by-thirteen, .container .left-by-thirteen,
.container .offset-by-fourteen, .container .left-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; } .container .left-by-fifteen { padding-left: 0; }
.container .right-by-one,
.container .right-by-two,
.container .right-by-three,
.container .right-by-four,
.container .right-by-five,
.container .right-by-six,
.container .right-by-seven,
.container .right-by-eight,
.container .right-by-nine,
.container .right-by-ten,
.container .right-by-eleven,
.container .right-by-twelve,
.container .right-by-thirteen,
.container .right-by-fourteen,
.container .right-by-fifteen { padding-right: 0; }
} }