BitGoblin/Bones
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

Fixed one-third and two-third rule declarations

Browse Source 
Was only working for one column type and not both the 12 and 16. Updated minified version with latest code.
This commit is contained in:
Offshoot Studio 2011-06-23 23:44:23 -04:00
parent 6ee1a25631
commit f068644893
3 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
demo.html
View File

@ -75,6 +75,13 @@
<div class="two columns omega">Two</div>
<div class="eleven columns alpha">Eleven</div>
<div class="one column omega">One</div>
<div class="one-third column alpha">One-Third</div>
<div class="one-third column">One-Third</div>
<div class="one-third column omega">One-Third</div>
<div class="two-thirds column alpha">Two-Thirds</div>
<div class="one-third column omega">One-Third</div>
<div class="one-third column alpha">One-Third</div>
<div class="two-thirds column omega">Two-Thirds</div>
<h3>With Offsets</h3>
<div class="eleven columns offset-by-one omega">Eleven</div>
@ -125,6 +132,13 @@
<div class="two columns omega">Two</div>
<div class="fifteen columns alpha">Fifteen</div>
<div class="one column omega">One</div>
<div class="one-third column alpha">One-Third</div>
<div class="one-third column">One-Third</div>
<div class="one-third column omega">One-Third</div>
<div class="two-thirds column alpha">Two-Thirds</div>
<div class="one-third column omega">One-Third</div>
<div class="one-third column alpha">One-Thirds</div>
<div class="two-thirds column omega">Two-Thirds</div>
<h3>With Offsets</h3>
<div class="fifteen columns offset-by-one omega">Fifteen</div>

8
stylesheets/skeleton.css vendored
View File

@ -26,11 +26,11 @@
.row { margin-bottom: 20px; }
/* Nested Column Classes */
.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }
.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }
.container-twelve .one-third.column { width: 300px; }
.container-twelve .two-thirds.column { width: 620px; }
.container .one-third.column { width: 300px; }
.container .two-thirds.column { width: 620px; }
/*****************************
12 Column

2
stylesheets/skeleton.min.css vendored
View File

File diff suppressed because one or more lines are too long