compass_twitter_bootstrap 0.1.8 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (96) hide show
  1. data/CHANGELOG.md +6 -0
  2. data/README.md +14 -8
  3. data/build/convert.rb +58 -33
  4. data/lib/compass_twitter_bootstrap.rb +1 -1
  5. data/lib/compass_twitter_bootstrap/version.rb +1 -1
  6. data/stylesheets/_compass_twitter_bootstrap.scss +45 -7
  7. data/stylesheets/_compass_twitter_bootstrap_responsive.scss +322 -0
  8. data/stylesheets/compass_twitter_bootstrap/_accordion.scss +28 -0
  9. data/stylesheets/compass_twitter_bootstrap/_alerts.scss +70 -0
  10. data/stylesheets/compass_twitter_bootstrap/_breadcrumbs.scss +22 -0
  11. data/stylesheets/compass_twitter_bootstrap/_button-groups.scss +147 -0
  12. data/stylesheets/compass_twitter_bootstrap/_buttons.scss +165 -0
  13. data/stylesheets/compass_twitter_bootstrap/_carousel.scss +121 -0
  14. data/stylesheets/compass_twitter_bootstrap/_close.scss +18 -0
  15. data/stylesheets/compass_twitter_bootstrap/_code.scss +44 -0
  16. data/stylesheets/compass_twitter_bootstrap/_component-animations.scss +18 -0
  17. data/stylesheets/compass_twitter_bootstrap/_dropdowns.scss +131 -0
  18. data/stylesheets/compass_twitter_bootstrap/_forms.scss +335 -299
  19. data/stylesheets/compass_twitter_bootstrap/_grid.scss +8 -0
  20. data/stylesheets/compass_twitter_bootstrap/_hero-unit.scss +20 -0
  21. data/stylesheets/compass_twitter_bootstrap/_labels.scss +16 -0
  22. data/stylesheets/compass_twitter_bootstrap/_layouts.scss +17 -0
  23. data/stylesheets/compass_twitter_bootstrap/_mixins.scss +409 -68
  24. data/stylesheets/compass_twitter_bootstrap/_modals.scss +72 -0
  25. data/stylesheets/compass_twitter_bootstrap/_navbar.scss +292 -0
  26. data/stylesheets/compass_twitter_bootstrap/_navs.scss +344 -0
  27. data/stylesheets/compass_twitter_bootstrap/_pager.scss +30 -0
  28. data/stylesheets/compass_twitter_bootstrap/_pagination.scss +55 -0
  29. data/stylesheets/compass_twitter_bootstrap/_popovers.scss +49 -0
  30. data/stylesheets/compass_twitter_bootstrap/_progress-bars.scss +95 -0
  31. data/stylesheets/compass_twitter_bootstrap/_reset.scss +37 -52
  32. data/stylesheets/compass_twitter_bootstrap/_scaffolding.scss +13 -123
  33. data/stylesheets/compass_twitter_bootstrap/_sprites.scss +156 -0
  34. data/stylesheets/compass_twitter_bootstrap/_tables.scss +75 -160
  35. data/stylesheets/compass_twitter_bootstrap/_thumbnails.scss +35 -0
  36. data/stylesheets/compass_twitter_bootstrap/_tooltip.scss +35 -0
  37. data/stylesheets/compass_twitter_bootstrap/_type.scss +100 -70
  38. data/stylesheets/compass_twitter_bootstrap/_utilities.scss +23 -0
  39. data/stylesheets/compass_twitter_bootstrap/_variables.scss +94 -55
  40. data/stylesheets/compass_twitter_bootstrap/_wells.scss +17 -0
  41. data/stylesheets_sass/_compass_twitter_bootstrap.sass +49 -6
  42. data/stylesheets_sass/_compass_twitter_bootstrap_responsive.sass +252 -0
  43. data/stylesheets_sass/compass_twitter_bootstrap/_accordion.sass +24 -0
  44. data/stylesheets_sass/compass_twitter_bootstrap/_alerts.sass +65 -0
  45. data/stylesheets_sass/compass_twitter_bootstrap/_breadcrumbs.sass +18 -0
  46. data/stylesheets_sass/compass_twitter_bootstrap/_button-groups.sass +129 -0
  47. data/stylesheets_sass/compass_twitter_bootstrap/_buttons.sass +150 -0
  48. data/stylesheets_sass/compass_twitter_bootstrap/_carousel.sass +95 -0
  49. data/stylesheets_sass/compass_twitter_bootstrap/_close.sass +16 -0
  50. data/stylesheets_sass/compass_twitter_bootstrap/_code.sass +41 -0
  51. data/stylesheets_sass/compass_twitter_bootstrap/_component-animations.sass +16 -0
  52. data/stylesheets_sass/compass_twitter_bootstrap/_dropdowns.sass +121 -0
  53. data/stylesheets_sass/compass_twitter_bootstrap/_forms.sass +327 -306
  54. data/stylesheets_sass/compass_twitter_bootstrap/_grid.sass +8 -0
  55. data/stylesheets_sass/compass_twitter_bootstrap/_hero-unit.sass +17 -0
  56. data/stylesheets_sass/compass_twitter_bootstrap/_labels.sass +23 -0
  57. data/stylesheets_sass/compass_twitter_bootstrap/_layouts.sass +14 -0
  58. data/stylesheets_sass/compass_twitter_bootstrap/_mixins.sass +425 -57
  59. data/stylesheets_sass/compass_twitter_bootstrap/_modals.sass +75 -0
  60. data/stylesheets_sass/compass_twitter_bootstrap/_navbar.sass +258 -0
  61. data/stylesheets_sass/compass_twitter_bootstrap/_navs.sass +316 -0
  62. data/stylesheets_sass/compass_twitter_bootstrap/_pager.sass +29 -0
  63. data/stylesheets_sass/compass_twitter_bootstrap/_pagination.sass +53 -0
  64. data/stylesheets_sass/compass_twitter_bootstrap/_popovers.sass +55 -0
  65. data/stylesheets_sass/compass_twitter_bootstrap/_progress-bars.sass +89 -0
  66. data/stylesheets_sass/compass_twitter_bootstrap/_reset.sass +33 -67
  67. data/stylesheets_sass/compass_twitter_bootstrap/_scaffolding.sass +13 -175
  68. data/stylesheets_sass/compass_twitter_bootstrap/_sprites.sass +392 -0
  69. data/stylesheets_sass/compass_twitter_bootstrap/_tables.sass +67 -139
  70. data/stylesheets_sass/compass_twitter_bootstrap/_thumbnails.sass +34 -0
  71. data/stylesheets_sass/compass_twitter_bootstrap/_tooltip.sass +43 -0
  72. data/stylesheets_sass/compass_twitter_bootstrap/_type.sass +95 -65
  73. data/stylesheets_sass/compass_twitter_bootstrap/_utilities.sass +20 -0
  74. data/stylesheets_sass/compass_twitter_bootstrap/_variables.sass +67 -45
  75. data/stylesheets_sass/compass_twitter_bootstrap/_wells.sass +15 -0
  76. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  77. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  78. data/vendor/assets/javascripts/bootstrap-alert.js +91 -0
  79. data/vendor/assets/javascripts/bootstrap-button.js +98 -0
  80. data/vendor/assets/javascripts/bootstrap-carousel.js +154 -0
  81. data/vendor/assets/javascripts/bootstrap-collapse.js +136 -0
  82. data/vendor/assets/javascripts/bootstrap-dropdown.js +58 -21
  83. data/vendor/assets/javascripts/bootstrap-modal.js +63 -114
  84. data/vendor/assets/javascripts/bootstrap-popover.js +38 -33
  85. data/vendor/assets/javascripts/bootstrap-scrollspy.js +62 -44
  86. data/vendor/assets/javascripts/bootstrap-tab.js +130 -0
  87. data/vendor/assets/javascripts/bootstrap-tooltip.js +270 -0
  88. data/vendor/assets/javascripts/bootstrap-transition.js +51 -0
  89. data/vendor/assets/javascripts/bootstrap-typeahead.js +271 -0
  90. metadata +69 -17
  91. data/stylesheets/compass_twitter_bootstrap/_patterns.scss +0 -1058
  92. data/stylesheets_sass/compass_twitter_bootstrap/_patterns.sass +0 -923
  93. data/vendor/assets/javascripts/bootstrap-alerts.js +0 -124
  94. data/vendor/assets/javascripts/bootstrap-buttons.js +0 -64
  95. data/vendor/assets/javascripts/bootstrap-tabs.js +0 -80
  96. data/vendor/assets/javascripts/bootstrap-twipsy.js +0 -321
@@ -0,0 +1,30 @@
1
+ // PAGER
2
+ // -----
3
+
4
+ .pager {
5
+ margin-left: 0;
6
+ margin-bottom: $baseLineHeight;
7
+ list-style: none;
8
+ text-align: center;
9
+ @include clearfix();
10
+ }
11
+ .pager li {
12
+ display: inline;
13
+ }
14
+ .pager a {
15
+ display: inline-block;
16
+ padding: 5px 14px;
17
+ background-color: #fff;
18
+ border: 1px solid #ddd;
19
+ @include border-radius(15px);
20
+ }
21
+ .pager a:hover {
22
+ text-decoration: none;
23
+ background-color: #f5f5f5;
24
+ }
25
+ .pager .next a {
26
+ float: right;
27
+ }
28
+ .pager .previous a {
29
+ float: left;
30
+ }
@@ -0,0 +1,55 @@
1
+ // PAGINATION
2
+ // ----------
3
+
4
+ .pagination {
5
+ height: $baseLineHeight * 2;
6
+ margin: $baseLineHeight 0;
7
+ }
8
+ .pagination ul {
9
+ display: inline-block;
10
+ @include ie7-inline-block();
11
+ margin-left: 0;
12
+ margin-bottom: 0;
13
+ @include border-radius(3px);
14
+ @include box-shadow(0 1px 2px rgba(0,0,0,.05));
15
+ }
16
+ .pagination li {
17
+ display: inline;
18
+ }
19
+ .pagination a {
20
+ float: left;
21
+ padding: 0 14px;
22
+ line-height: ($baseLineHeight * 2) - 2;
23
+ text-decoration: none;
24
+ border: 1px solid #ddd;
25
+ border-left-width: 0;
26
+ }
27
+ .pagination a:hover,
28
+ .pagination .active a {
29
+ background-color: #f5f5f5;
30
+ }
31
+ .pagination .active a {
32
+ color: $grayLight;
33
+ cursor: default;
34
+ }
35
+ .pagination .disabled a,
36
+ .pagination .disabled a:hover {
37
+ color: $grayLight;
38
+ background-color: transparent;
39
+ cursor: default;
40
+ }
41
+ .pagination li:first-child a {
42
+ border-left-width: 1px;
43
+ @include border-radius(3px 0 0 3px);
44
+ }
45
+ .pagination li:last-child a {
46
+ @include border-radius(0 3px 3px 0);
47
+ }
48
+
49
+ // Centered
50
+ .pagination-centered {
51
+ text-align: center;
52
+ }
53
+ .pagination-right {
54
+ text-align: right;
55
+ }
@@ -0,0 +1,49 @@
1
+ // POPOVERS
2
+ // --------
3
+
4
+ .popover {
5
+ position: absolute;
6
+ top: 0;
7
+ left: 0;
8
+ z-index: $zindexPopover;
9
+ display: none;
10
+ padding: 5px;
11
+ &.top { margin-top: -5px; }
12
+ &.right { margin-left: 5px; }
13
+ &.bottom { margin-top: 5px; }
14
+ &.left { margin-left: -5px; }
15
+ &.top .arrow { @include popoverArrow-top(); }
16
+ &.right .arrow { @include popoverArrow-right(); }
17
+ &.bottom .arrow { @include popoverArrow-bottom(); }
18
+ &.left .arrow { @include popoverArrow-left(); }
19
+ .arrow {
20
+ position: absolute;
21
+ width: 0;
22
+ height: 0;
23
+ }
24
+ }
25
+ .popover-inner {
26
+ padding: 3px;
27
+ width: 280px;
28
+ overflow: hidden;
29
+ background: $black; // has to be full background declaration for IE fallback
30
+ background: rgba(0,0,0,.8);
31
+ @include border-radius(6px);
32
+ @include box-shadow(0 3px 7px rgba(0,0,0,0.3));
33
+ }
34
+ .popover-title {
35
+ padding: 9px 15px;
36
+ line-height: 1;
37
+ background-color: #f5f5f5;
38
+ border-bottom:1px solid #eee;
39
+ @include border-radius(3px 3px 0 0);
40
+ }
41
+ .popover-content {
42
+ padding: 14px;
43
+ background-color: $white;
44
+ @include border-radius(0 0 3px 3px);
45
+ @include background-clip(padding-box);
46
+ p, ul, ol {
47
+ margin-bottom: 0;
48
+ }
49
+ }
@@ -0,0 +1,95 @@
1
+ // PROGRESS BARS
2
+ // -------------
3
+
4
+
5
+ // ANIMATIONS
6
+ // ----------
7
+
8
+ // Webkit
9
+ @-webkit-keyframes progress-bar-stripes {
10
+ from { background-position: 0 0; }
11
+ to { background-position: 40px 0; }
12
+ }
13
+
14
+ // Firefox
15
+ @-moz-keyframes progress-bar-stripes {
16
+ from { background-position: 0 0; }
17
+ to { background-position: 40px 0; }
18
+ }
19
+
20
+ // Spec
21
+ @keyframes progress-bar-stripes {
22
+ from { background-position: 0 0; }
23
+ to { background-position: 40px 0; }
24
+ }
25
+
26
+
27
+
28
+ // THE BARS
29
+ // --------
30
+
31
+ // Outer container
32
+ .progress {
33
+ overflow: hidden;
34
+ height: 18px;
35
+ margin-bottom: 18px;
36
+ @include gradient-vertical(#f5f5f5, #f9f9f9);
37
+ @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
38
+ @include border-radius(4px);
39
+ }
40
+
41
+ // Bar of progress
42
+ .progress .bar {
43
+ width: 0%;
44
+ height: 18px;
45
+ color: $white;
46
+ font-size: 12px;
47
+ text-align: center;
48
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
49
+ @include gradient-vertical(#149bdf, #0480be);
50
+ @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
51
+ @include box-sizing(border-box);
52
+ @include transition(width .6s ease);
53
+ }
54
+
55
+ // Striped bars
56
+ .progress-striped .bar {
57
+ @include gradient-striped(#62c462);
58
+ @include background-size(40px 40px);
59
+ }
60
+
61
+ // Call animation for the active one
62
+ .progress.active .bar {
63
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
64
+ -moz-animation: progress-bar-stripes 2s linear infinite;
65
+ animation: progress-bar-stripes 2s linear infinite;
66
+ }
67
+
68
+
69
+
70
+ // COLORS
71
+ // ------
72
+
73
+ // Danger (red)
74
+ .progress-danger .bar {
75
+ @include gradient-vertical(#ee5f5b, #c43c35);
76
+ }
77
+ .progress-danger.progress-striped .bar {
78
+ @include gradient-striped(#ee5f5b);
79
+ }
80
+
81
+ // Success (green)
82
+ .progress-success .bar {
83
+ @include gradient-vertical(#62c462, #57a957);
84
+ }
85
+ .progress-success.progress-striped .bar {
86
+ @include gradient-striped(#62c462);
87
+ }
88
+
89
+ // Info (teal)
90
+ .progress-info .bar {
91
+ @include gradient-vertical(#5bc0de, #339bb9);
92
+ }
93
+ .progress-info.progress-striped .bar {
94
+ @include gradient-striped(#5bc0de);
95
+ }
@@ -1,44 +1,10 @@
1
- /* Reset.less
2
- * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
3
- * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
4
-
5
-
6
- // ERIC MEYER RESET
7
- // --------------------------------------------------
8
-
9
- html, body { margin: 0; padding: 0; }
10
- h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
11
- table { border-collapse: collapse; border-spacing: 0; }
12
- ol, ul { list-style: none; }
13
- q:before, q:after, blockquote:before, blockquote:after { content: ""; }
14
-
15
-
16
- // Normalize.css
17
- // Pulling in select resets form the normalize.css project
18
- // --------------------------------------------------
1
+ // Reset.less
2
+ // Adapted from Normalize.css http://github.com/necolas/normalize.css
3
+ // ------------------------------------------------------------------------
19
4
 
20
5
  // Display in IE6-9 and FF3
21
6
  // -------------------------
22
- // Source: http://github.com/necolas/normalize.css
23
- html {
24
- overflow-y: scroll;
25
- font-size: 100%;
26
- -webkit-text-size-adjust: 100%;
27
- -ms-text-size-adjust: 100%;
28
- }
29
- // Focus states
30
- a:focus {
31
- outline: thin dotted;
32
- }
33
- // Hover & Active
34
- a:hover,
35
- a:active {
36
- outline: 0;
37
- }
38
7
 
39
- // Display in IE6-9 and FF3
40
- // -------------------------
41
- // Source: http://github.com/necolas/normalize.css
42
8
  article,
43
9
  aside,
44
10
  details,
@@ -54,7 +20,7 @@ section {
54
20
 
55
21
  // Display block in IE6-9 and FF3
56
22
  // -------------------------
57
- // Source: http://github.com/necolas/normalize.css
23
+
58
24
  audio,
59
25
  canvas,
60
26
  video {
@@ -65,19 +31,37 @@ video {
65
31
 
66
32
  // Prevents modern browsers from displaying 'audio' without controls
67
33
  // -------------------------
68
- // Source: http://github.com/necolas/normalize.css
34
+
69
35
  audio:not([controls]) {
70
36
  display: none;
71
37
  }
72
38
 
39
+ // Base settings
40
+ // -------------------------
41
+
42
+ html {
43
+ font-size: 100%;
44
+ -webkit-text-size-adjust: 100%;
45
+ -ms-text-size-adjust: 100%;
46
+ }
47
+ // Focus states
48
+ a:focus {
49
+ @include tab-focus();
50
+ }
51
+ // Hover & Active
52
+ a:hover,
53
+ a:active {
54
+ outline: 0;
55
+ }
56
+
73
57
  // Prevents sub and sup affecting line-height in all browsers
74
58
  // -------------------------
75
- // Source: http://github.com/necolas/normalize.css
59
+
76
60
  sub,
77
61
  sup {
62
+ position: relative;
78
63
  font-size: 75%;
79
64
  line-height: 0;
80
- position: relative;
81
65
  vertical-align: baseline;
82
66
  }
83
67
  sup {
@@ -89,35 +73,35 @@ sub {
89
73
 
90
74
  // Img border in a's and image quality
91
75
  // -------------------------
92
- // Source: http://github.com/necolas/normalize.css
76
+
93
77
  img {
94
- border: 0;
95
- -ms-interpolation-mode: bicubic;
78
+ max-width: 100%;
79
+ height: auto;
80
+ border: 0;
81
+ -ms-interpolation-mode: bicubic;
96
82
  }
97
83
 
98
84
  // Forms
99
85
  // -------------------------
100
- // Source: http://github.com/necolas/normalize.css
101
86
 
102
87
  // Font size in all browsers, margin changes, misc consistency
103
88
  button,
104
89
  input,
105
90
  select,
106
91
  textarea {
107
- font-size: 100%;
108
92
  margin: 0;
109
- vertical-align: baseline;
110
- *vertical-align: middle;
93
+ font-size: 100%;
94
+ vertical-align: middle;
111
95
  }
112
96
  button,
113
97
  input {
114
- line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
115
98
  *overflow: visible; // Inner spacing ie IE6/7
99
+ line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
116
100
  }
117
101
  button::-moz-focus-inner,
118
102
  input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
119
- border: 0;
120
103
  padding: 0;
104
+ border: 0;
121
105
  }
122
106
  button,
123
107
  input[type="button"],
@@ -132,10 +116,11 @@ input[type="search"] { // Appearance in Safari/Chrome
132
116
  -moz-box-sizing: content-box;
133
117
  box-sizing: content-box;
134
118
  }
135
- input[type="search"]::-webkit-search-decoration {
119
+ input[type="search"]::-webkit-search-decoration,
120
+ input[type="search"]::-webkit-search-cancel-button {
136
121
  -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
137
122
  }
138
123
  textarea {
139
124
  overflow: auto; // Remove vertical scrollbar in IE6-9
140
125
  vertical-align: top; // Readability and alignment cross-browser
141
- }
126
+ }
@@ -1,139 +1,29 @@
1
- /*
2
- * Scaffolding
3
- * Basic and global styles for generating a grid system, structural layout, and page templates
4
- * ------------------------------------------------------------------------------------------- */
1
+ // Scaffolding
2
+ // Basic and global styles for generating a grid system, structural layout, and page templates
3
+ // -------------------------------------------------------------------------------------------
5
4
 
6
5
 
7
6
  // STRUCTURAL LAYOUT
8
7
  // -----------------
9
8
 
10
9
  body {
11
- background-color: $white;
12
10
  margin: 0;
13
- @include sans-serif(normal,$basefont,$baseline);
14
- color: $grayDark;
15
- }
16
-
17
- // Container (centered, fixed-width layouts)
18
- .container {
19
- @include fixed-container();
20
- }
21
-
22
- // Fluid layouts (left aligned, with sidebar, min- & max-width content)
23
- .container-fluid {
24
- position: relative;
25
- min-width: 940px;
26
- padding-left: 20px;
27
- padding-right: 20px;
28
- @include clearfix();
29
- > .sidebar {
30
- position: absolute;
31
- top: 0;
32
- left: 20px;
33
- width: 220px;
34
- }
35
- // TODO in v2: rename this and .popover .content to be more specific
36
- > .content {
37
- margin-left: 240px;
38
- }
11
+ font-family: $baseFontFamily;
12
+ font-size: $baseFontSize;
13
+ line-height: $baseLineHeight;
14
+ color: $textColor;
15
+ background-color: $white;
39
16
  }
40
17
 
41
18
 
42
- // BASE STYLES
43
- // -----------
19
+ // LINKS
20
+ // -----
44
21
 
45
- // Links
46
22
  a {
47
23
  color: $linkColor;
48
24
  text-decoration: none;
49
- line-height: inherit;
50
- font-weight: inherit;
51
- &:hover {
52
- color: $linkColorHover;
53
- text-decoration: underline;
54
- }
55
- }
56
-
57
- // Quick floats
58
- .pull-right {
59
- float: right;
60
- }
61
- .pull-left {
62
- float: left;
63
- }
64
-
65
- // Toggling content
66
- .hide {
67
- display: none;
68
25
  }
69
- .show {
70
- display: block;
26
+ a:hover {
27
+ color: $linkColorHover;
28
+ text-decoration: underline;
71
29
  }
72
-
73
-
74
- // GRID SYSTEM
75
- // -----------
76
- // To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there
77
-
78
- .row {
79
- @include clearfix();
80
- margin-left: -$gridGutterWidth;
81
- }
82
-
83
- // Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
84
- // Credit to $dhg for the idea
85
- .row > [class*="span"] {
86
- @include gridColumn();
87
- }
88
-
89
- // Default columns
90
- .span1 { @include columns(1); }
91
- .span2 { @include columns(2); }
92
- .span3 { @include columns(3); }
93
- .span4 { @include columns(4); }
94
- .span5 { @include columns(5); }
95
- .span6 { @include columns(6); }
96
- .span7 { @include columns(7); }
97
- .span8 { @include columns(8); }
98
- .span9 { @include columns(9); }
99
- .span10 { @include columns(10); }
100
- .span11 { @include columns(11); }
101
- .span12 { @include columns(12); }
102
- .span13 { @include columns(13); }
103
- .span14 { @include columns(14); }
104
- .span15 { @include columns(15); }
105
- .span16 { @include columns(16); }
106
-
107
- // For optional 24-column grid
108
- .span17 { @include columns(17); }
109
- .span18 { @include columns(18); }
110
- .span19 { @include columns(19); }
111
- .span20 { @include columns(20); }
112
- .span21 { @include columns(21); }
113
- .span22 { @include columns(22); }
114
- .span23 { @include columns(23); }
115
- .span24 { @include columns(24); }
116
-
117
- // Offset column options
118
- .row {
119
- > .offset1 { @include offset(1); }
120
- > .offset2 { @include offset(2); }
121
- > .offset3 { @include offset(3); }
122
- > .offset4 { @include offset(4); }
123
- > .offset5 { @include offset(5); }
124
- > .offset6 { @include offset(6); }
125
- > .offset7 { @include offset(7); }
126
- > .offset8 { @include offset(8); }
127
- > .offset9 { @include offset(9); }
128
- > .offset10 { @include offset(10); }
129
- > .offset11 { @include offset(11); }
130
- > .offset12 { @include offset(12); }
131
- }
132
-
133
- // Unique column sizes for 16-column grid
134
- .span-one-third { width: 300px; }
135
- .span-two-thirds { width: 620px; }
136
- .row {
137
- > .offset-one-third { margin-left: 340px; }
138
- > .offset-two-thirds { margin-left: 660px; }
139
- }