table_beet 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/README.md +1 -1
- data/lib/table_beet/formatters/html_template/data/js/jquery.quicksearch.js +181 -0
- data/lib/table_beet/formatters/html_template/index.erb +45 -7
- data/lib/table_beet/version.rb +1 -1
- metadata +5 -32
- data/lib/table_beet/formatters/html_template/data/js/coffee/groundwork.coffee +0 -207
- data/lib/table_beet/formatters/html_template/data/scss/_buttons.scss +0 -178
- data/lib/table_beet/formatters/html_template/data/scss/_callouts.scss +0 -51
- data/lib/table_beet/formatters/html_template/data/scss/_font-awesome.scss +0 -534
- data/lib/table_beet/formatters/html_template/data/scss/_forms.scss +0 -164
- data/lib/table_beet/formatters/html_template/data/scss/_global.scss +0 -31
- data/lib/table_beet/formatters/html_template/data/scss/_grid.scss +0 -384
- data/lib/table_beet/formatters/html_template/data/scss/_layout.scss +0 -78
- data/lib/table_beet/formatters/html_template/data/scss/_messages.scss +0 -59
- data/lib/table_beet/formatters/html_template/data/scss/_mixins.scss +0 -197
- data/lib/table_beet/formatters/html_template/data/scss/_mobile-reset.scss +0 -11
- data/lib/table_beet/formatters/html_template/data/scss/_modals.scss +0 -101
- data/lib/table_beet/formatters/html_template/data/scss/_navigation.scss +0 -284
- data/lib/table_beet/formatters/html_template/data/scss/_orbit.scss +0 -239
- data/lib/table_beet/formatters/html_template/data/scss/_popovers.scss +0 -10
- data/lib/table_beet/formatters/html_template/data/scss/_reset.scss +0 -77
- data/lib/table_beet/formatters/html_template/data/scss/_responsive.scss +0 -293
- data/lib/table_beet/formatters/html_template/data/scss/_social-icons.scss +0 -92
- data/lib/table_beet/formatters/html_template/data/scss/_tables.scss +0 -80
- data/lib/table_beet/formatters/html_template/data/scss/_tabs.scss +0 -137
- data/lib/table_beet/formatters/html_template/data/scss/_tooltips.scss +0 -161
- data/lib/table_beet/formatters/html_template/data/scss/_typography.scss +0 -263
- data/lib/table_beet/formatters/html_template/data/scss/_ui-elements.scss +0 -10
- data/lib/table_beet/formatters/html_template/data/scss/_variables.scss +0 -134
- data/lib/table_beet/formatters/html_template/data/scss/_webfonts.scss +0 -19
- data/lib/table_beet/formatters/html_template/data/scss/groundwork-ie.scss +0 -64
- data/lib/table_beet/formatters/html_template/data/scss/groundwork.scss +0 -37
- data/lib/table_beet/formatters/html_template/data/scss/no-svg.scss +0 -69
@@ -1,164 +0,0 @@
|
|
1
|
-
// ===================================
|
2
|
-
// GroundworkCSS Forms
|
3
|
-
// ===================================
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
form {
|
8
|
-
|
9
|
-
}
|
10
|
-
fieldset {
|
11
|
-
border:1px solid $border-color;
|
12
|
-
padding:$gutter;
|
13
|
-
legend {
|
14
|
-
font-weight:900;
|
15
|
-
font-size:0.8em;
|
16
|
-
color:darken($background-color, 35%);
|
17
|
-
margin-bottom:0;
|
18
|
-
}
|
19
|
-
}
|
20
|
-
label {
|
21
|
-
display:block;
|
22
|
-
padding:0.4em 0.2em;
|
23
|
-
}
|
24
|
-
input, select, textarea {
|
25
|
-
display:block;
|
26
|
-
width:100%;
|
27
|
-
margin:0;
|
28
|
-
padding:0.4em;
|
29
|
-
font-family:monospace;
|
30
|
-
font-size:1em;
|
31
|
-
line-height:1.5;
|
32
|
-
height:2.25em;
|
33
|
-
background:white;
|
34
|
-
border:1px solid $border-color;
|
35
|
-
@include rounded($radius);
|
36
|
-
&[type=checkbox], &[type=radio] {
|
37
|
-
display:inline-block;
|
38
|
-
width:1em;
|
39
|
-
height:1em;
|
40
|
-
margin:0 0 0 0.2em;
|
41
|
-
background:white;
|
42
|
-
border:1px solid $border-color;
|
43
|
-
@include rounded($radius);
|
44
|
-
}
|
45
|
-
&.error, &.invalid {
|
46
|
-
color:$error-color;
|
47
|
-
background:lighten($error-color, 62%);
|
48
|
-
border-color:$error-color;
|
49
|
-
}
|
50
|
-
&.success, &.valid {
|
51
|
-
color:$success-color;
|
52
|
-
background:lighten($success-color, 62%);
|
53
|
-
border-color:$success-color;
|
54
|
-
}
|
55
|
-
}
|
56
|
-
.error, .invalid {
|
57
|
-
input, select, textarea {
|
58
|
-
color:$error-color;
|
59
|
-
background:lighten($error-color, 62%);
|
60
|
-
border-color:$error-color;
|
61
|
-
}
|
62
|
-
.prefix, .suffix {
|
63
|
-
color:lighten($error-color, 62%);;
|
64
|
-
background:$error-color;
|
65
|
-
border-color:$error-color;
|
66
|
-
}
|
67
|
-
}
|
68
|
-
.success, .valid {
|
69
|
-
input, select, textarea {
|
70
|
-
color:$success-color;
|
71
|
-
background:lighten($success-color, 56%);
|
72
|
-
border-color:$success-color;
|
73
|
-
}
|
74
|
-
.prefix, .suffix {
|
75
|
-
color:lighten($success-color, 62%);;
|
76
|
-
background:$success-color;
|
77
|
-
border-color:$success-color;
|
78
|
-
}
|
79
|
-
}
|
80
|
-
textarea {
|
81
|
-
height:10em;
|
82
|
-
&:focus {
|
83
|
-
@include drop-shadow(rgba(0,0,0,0.125), 15px, 0, 0);
|
84
|
-
}
|
85
|
-
}
|
86
|
-
span.select select {
|
87
|
-
&:focus {
|
88
|
-
@include drop-shadow(rgba(0,0,0,0.35), 15px, 0, 0);
|
89
|
-
}
|
90
|
-
}
|
91
|
-
span.select {
|
92
|
-
display:block;
|
93
|
-
color:gray;
|
94
|
-
background:white;
|
95
|
-
border:1px solid $border-color;
|
96
|
-
position:relative;
|
97
|
-
@include rounded($radius);
|
98
|
-
&:after {
|
99
|
-
content:'...';
|
100
|
-
display:block;
|
101
|
-
width:1.5em;
|
102
|
-
text-align:center;
|
103
|
-
height:100%;
|
104
|
-
position:absolute;
|
105
|
-
z-index:1;
|
106
|
-
font-size:1.5em;
|
107
|
-
line-height:1.25;
|
108
|
-
top:0;
|
109
|
-
right:0;
|
110
|
-
background:darken(white, 12.5%);
|
111
|
-
}
|
112
|
-
select {
|
113
|
-
-ms-appearance:none;
|
114
|
-
-o-appearance:none;
|
115
|
-
-moz-appearance:none;
|
116
|
-
-webkit-appearance:none;
|
117
|
-
appearance:none;
|
118
|
-
border:none;
|
119
|
-
background:none;
|
120
|
-
padding:0.4em;
|
121
|
-
font-family:monospace;
|
122
|
-
font-size:1em;
|
123
|
-
line-height:1.5;
|
124
|
-
height:2.25em;
|
125
|
-
padding-right:2.5em;
|
126
|
-
position:relative;
|
127
|
-
z-index:2;
|
128
|
-
&.unselected {
|
129
|
-
color:#999;
|
130
|
-
}
|
131
|
-
}
|
132
|
-
}
|
133
|
-
ul.radio-list {
|
134
|
-
list-style:none;
|
135
|
-
margin:0;
|
136
|
-
padding:0;
|
137
|
-
}
|
138
|
-
.prefix, .suffix {
|
139
|
-
display:block;
|
140
|
-
position:relative;
|
141
|
-
z-index:1;
|
142
|
-
width:100%;
|
143
|
-
overflow:hidden;
|
144
|
-
white-space:nowrap;
|
145
|
-
text-overflow:ellipsis;
|
146
|
-
margin:0;
|
147
|
-
padding:0.4em;
|
148
|
-
font-family:monospace;
|
149
|
-
font-size:1em;
|
150
|
-
line-height:1.25;
|
151
|
-
height:2.25em;
|
152
|
-
text-align:center;
|
153
|
-
color:gray;
|
154
|
-
background:darken(white, 12.5%);
|
155
|
-
border:1px solid darken(white, 17.5%);
|
156
|
-
}
|
157
|
-
.prefix {
|
158
|
-
left:2px;
|
159
|
-
@include rounded($radius 0 0 $radius);
|
160
|
-
}
|
161
|
-
.suffix {
|
162
|
-
left:-2px;
|
163
|
-
@include rounded(0 $radius $radius 0);
|
164
|
-
}
|
@@ -1,31 +0,0 @@
|
|
1
|
-
// =============================================
|
2
|
-
// Global styles by Gary Hepting
|
3
|
-
// Last Updated:2013-1-23
|
4
|
-
// =============================================
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
///////////////////////
|
10
|
-
// global styles //
|
11
|
-
///////////////////////
|
12
|
-
html {
|
13
|
-
width:100%;
|
14
|
-
height:100%;
|
15
|
-
}
|
16
|
-
html, body {
|
17
|
-
width:100% !important;
|
18
|
-
min-height:100%;
|
19
|
-
background:$background-color;
|
20
|
-
padding:0;
|
21
|
-
}
|
22
|
-
hr {
|
23
|
-
border:0;
|
24
|
-
border-bottom:1px solid $border-color;
|
25
|
-
margin:$gutter auto;
|
26
|
-
clear:both;
|
27
|
-
}
|
28
|
-
img, a img {
|
29
|
-
max-width:100%;
|
30
|
-
border:none;
|
31
|
-
}
|
@@ -1,384 +0,0 @@
|
|
1
|
-
// =============================================
|
2
|
-
// Fractional grid system by Gary Hepting
|
3
|
-
// Last Updated:2013-2-20
|
4
|
-
//
|
5
|
-
// ***** REQUIRES BORDER BOX SIZING *****
|
6
|
-
//
|
7
|
-
// =============================================
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
///////////////////////
|
13
|
-
// grid system //
|
14
|
-
///////////////////////
|
15
|
-
.container { max-width:$max-width;margin:0 auto; }
|
16
|
-
.row { @extend .clear;width:$one-whole; }
|
17
|
-
%column { float:left;position:relative;min-height:1px; }
|
18
|
-
.centered { float:none !important;margin:0 auto !important; }
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
///////////////////////
|
24
|
-
// fractions //
|
25
|
-
///////////////////////
|
26
|
-
// wholes
|
27
|
-
.whole,
|
28
|
-
.wholes { @extend %column;
|
29
|
-
&.one { width:$one-whole; }
|
30
|
-
}
|
31
|
-
|
32
|
-
// halves
|
33
|
-
.half,
|
34
|
-
.halves { @extend %column;
|
35
|
-
&.one { width:$one-half; }
|
36
|
-
&.two { width:$one-whole; }
|
37
|
-
// helpers
|
38
|
-
&.right-one { left:$one-half; }
|
39
|
-
&.left-one { right:$one-half; }
|
40
|
-
&.skip-one { margin-left:$one-half; }
|
41
|
-
}
|
42
|
-
|
43
|
-
// thirds
|
44
|
-
.third,
|
45
|
-
.thirds { @extend %column;
|
46
|
-
&.one { width:$one-third; }
|
47
|
-
&.two { width:$two-thirds; }
|
48
|
-
&.three { width:$three-thirds; }
|
49
|
-
// helpers
|
50
|
-
&.right-one { left:$one-third; }
|
51
|
-
&.right-two { left:$two-thirds; }
|
52
|
-
&.left-one { right:$one-third; }
|
53
|
-
&.left-two { right:$two-thirds; }
|
54
|
-
&.skip-one { margin-left:$one-third; }
|
55
|
-
&.skip-two { margin-left:$two-thirds; }
|
56
|
-
}
|
57
|
-
|
58
|
-
// fourths
|
59
|
-
.fourth,
|
60
|
-
.fourths { @extend %column;
|
61
|
-
&.one { width:$one-fourth; }
|
62
|
-
&.two { width:$two-fourths; }
|
63
|
-
&.three { width:$three-fourths; }
|
64
|
-
&.four { width:$four-fourths; }
|
65
|
-
// helpers
|
66
|
-
&.right-one { left:$one-fourth; }
|
67
|
-
&.right-two { left:$one-half; }
|
68
|
-
&.right-three { left:$three-fourths; }
|
69
|
-
&.left-one { right:$one-fourth; }
|
70
|
-
&.left-two { right:$one-half; }
|
71
|
-
&.left-three { right:$three-fourths; }
|
72
|
-
&.skip-one { margin-left:$one-fourth; }
|
73
|
-
&.skip-two { margin-left:$one-half; }
|
74
|
-
&.skip-three { margin-left:$three-fourths; }
|
75
|
-
}
|
76
|
-
|
77
|
-
// fifths
|
78
|
-
.fifth,
|
79
|
-
.fifths { @extend %column;
|
80
|
-
&.one { width:$one-fifth; }
|
81
|
-
&.two { width:$two-fifths; }
|
82
|
-
&.three { width:$three-fifths; }
|
83
|
-
&.four { width:$four-fifths; }
|
84
|
-
&.five { width:$five-fifths; }
|
85
|
-
// helpers
|
86
|
-
&.right-one { left:$one-fifth; }
|
87
|
-
&.right-two { left:$two-fifths; }
|
88
|
-
&.right-three { left:$three-fifths; }
|
89
|
-
&.right-four { left:$four-fifths; }
|
90
|
-
&.left-one { right:$one-fifth; }
|
91
|
-
&.left-two { right:$two-fifths; }
|
92
|
-
&.left-three { right:$three-fifths; }
|
93
|
-
&.left-four { right:$four-fifths; }
|
94
|
-
&.skip-one { margin-left:$one-fifth; }
|
95
|
-
&.skip-two { margin-left:$two-fifths; }
|
96
|
-
&.skip-three { margin-left:$three-fifths; }
|
97
|
-
&.skip-four { margin-left:$four-fifths; }
|
98
|
-
// helpers
|
99
|
-
&.right-one { left:$one-fifth; }
|
100
|
-
&.right-two { left:$two-fifths; }
|
101
|
-
&.right-three { left:$three-fifths; }
|
102
|
-
&.right-four { left:$four-fifths; }
|
103
|
-
&.left-one { right:$one-fifth; }
|
104
|
-
&.left-two { right:$two-fifths; }
|
105
|
-
&.left-three { right:$three-fifths; }
|
106
|
-
&.left-four { right:$four-fifths; }
|
107
|
-
&.skip-one { margin-left:$one-fifth; }
|
108
|
-
&.skip-two { margin-left:$two-fifths; }
|
109
|
-
&.skip-three { margin-left:$three-fifths; }
|
110
|
-
&.skip-four { margin-left:$four-fifths; }
|
111
|
-
}
|
112
|
-
|
113
|
-
// sixths
|
114
|
-
.sixth,
|
115
|
-
.sixths { @extend %column;
|
116
|
-
&.one { width:$one-sixth; }
|
117
|
-
&.two { width:$two-sixths; }
|
118
|
-
&.three { width:$three-sixths; }
|
119
|
-
&.four { width:$four-sixths; }
|
120
|
-
&.five { width:$five-sixths; }
|
121
|
-
&.six { width:$six-sixths; }
|
122
|
-
// helpers
|
123
|
-
&.right-one { left:$one-sixth; }
|
124
|
-
&.right-two { left:$two-sixths; }
|
125
|
-
&.right-three { left:$three-sixths; }
|
126
|
-
&.right-four { left:$four-sixths; }
|
127
|
-
&.right-five { left:$five-sixths; }
|
128
|
-
&.left-one { right:$one-sixth; }
|
129
|
-
&.left-two { right:$two-sixths; }
|
130
|
-
&.left-three { right:$three-sixths; }
|
131
|
-
&.left-four { right:$four-sixths; }
|
132
|
-
&.left-five { right:$five-sixths; }
|
133
|
-
&.skip-one { margin-left:$one-sixth; }
|
134
|
-
&.skip-two { margin-left:$two-sixths; }
|
135
|
-
&.skip-three { margin-left:$three-sixths; }
|
136
|
-
&.skip-four { margin-left:$four-sixths; }
|
137
|
-
&.skip-five { margin-left:$five-sixths; }
|
138
|
-
}
|
139
|
-
|
140
|
-
// sevenths
|
141
|
-
.seventh,
|
142
|
-
.sevenths { @extend %column;
|
143
|
-
&.one { width:$one-seventh; }
|
144
|
-
&.two { width:$two-sevenths; }
|
145
|
-
&.three { width:$three-sevenths; }
|
146
|
-
&.four { width:$four-sevenths; }
|
147
|
-
&.five { width:$five-sevenths; }
|
148
|
-
&.six { width:$six-sevenths; }
|
149
|
-
&.seven { width:$seven-sevenths; }
|
150
|
-
// helpers
|
151
|
-
&.right-one { left:$one-seventh; }
|
152
|
-
&.right-two { left:$two-sevenths; }
|
153
|
-
&.right-three { left:$three-sevenths; }
|
154
|
-
&.right-four { left:$four-sevenths; }
|
155
|
-
&.right-five { left:$five-sevenths; }
|
156
|
-
&.right-six { left:$six-sevenths; }
|
157
|
-
&.left-one { right:$one-seventh; }
|
158
|
-
&.left-two { right:$two-sevenths; }
|
159
|
-
&.left-three { right:$three-sevenths; }
|
160
|
-
&.left-four { right:$four-sevenths; }
|
161
|
-
&.left-five { right:$five-sevenths; }
|
162
|
-
&.left-six { right:$six-sevenths; }
|
163
|
-
&.skip-one { margin-left:$one-seventh; }
|
164
|
-
&.skip-two { margin-left:$two-sevenths; }
|
165
|
-
&.skip-three { margin-left:$three-sevenths; }
|
166
|
-
&.skip-four { margin-left:$four-sevenths; }
|
167
|
-
&.skip-five { margin-left:$five-sevenths; }
|
168
|
-
&.skip-six { margin-left:$six-sevenths; }
|
169
|
-
}
|
170
|
-
|
171
|
-
// eighths
|
172
|
-
.eighth,
|
173
|
-
.eighths { @extend %column;
|
174
|
-
&.one { width:$one-eighth; }
|
175
|
-
&.two { width:$two-eighths; }
|
176
|
-
&.three { width:$three-eighths; }
|
177
|
-
&.four { width:$four-eighths; }
|
178
|
-
&.five { width:$five-eighths; }
|
179
|
-
&.six { width:$six-eighths; }
|
180
|
-
&.seven { width:$seven-eighths; }
|
181
|
-
&.eight { width:$eight-eighths; }
|
182
|
-
// helpers
|
183
|
-
&.right-one { left:$one-eighth; }
|
184
|
-
&.right-two { left:$two-eighths; }
|
185
|
-
&.right-three { left:$three-eighths; }
|
186
|
-
&.right-four { left:$four-eighths; }
|
187
|
-
&.right-five { left:$five-eighths; }
|
188
|
-
&.right-six { left:$six-eighths; }
|
189
|
-
&.right-seven { left:$seven-eighths; }
|
190
|
-
&.left-one { right:$one-eighth; }
|
191
|
-
&.left-two { right:$two-eighths; }
|
192
|
-
&.left-three { right:$three-eighths; }
|
193
|
-
&.left-four { right:$four-eighths; }
|
194
|
-
&.left-five { right:$five-eighths; }
|
195
|
-
&.left-six { right:$six-eighths; }
|
196
|
-
&.left-seven { right:$seven-eighths; }
|
197
|
-
&.skip-one { margin-left:$one-eighth; }
|
198
|
-
&.skip-two { margin-left:$two-eighths; }
|
199
|
-
&.skip-three { margin-left:$three-eighths; }
|
200
|
-
&.skip-four { margin-left:$four-eighths; }
|
201
|
-
&.skip-five { margin-left:$five-eighths; }
|
202
|
-
&.skip-six { margin-left:$six-eighths; }
|
203
|
-
&.skip-seven { margin-left:$seven-eighths; }
|
204
|
-
}
|
205
|
-
|
206
|
-
// ninths
|
207
|
-
.ninth,
|
208
|
-
.ninths { @extend %column;
|
209
|
-
&.one { width:$one-ninth; }
|
210
|
-
&.two { width:$two-ninths; }
|
211
|
-
&.three { width:$three-ninths; }
|
212
|
-
&.four { width:$four-ninths; }
|
213
|
-
&.five { width:$five-ninths; }
|
214
|
-
&.six { width:$six-ninths; }
|
215
|
-
&.seven { width:$seven-ninths; }
|
216
|
-
&.eight { width:$eight-ninths; }
|
217
|
-
&.nine { width:$nine-ninths; }
|
218
|
-
// helpers
|
219
|
-
&.right-one { left:$one-ninth; }
|
220
|
-
&.right-two { left:$two-ninths; }
|
221
|
-
&.right-three { left:$three-ninths; }
|
222
|
-
&.right-four { left:$four-ninths; }
|
223
|
-
&.right-five { left:$five-ninths; }
|
224
|
-
&.right-six { left:$six-ninths; }
|
225
|
-
&.right-seven { left:$seven-ninths; }
|
226
|
-
&.right-eight { left:$eight-ninths; }
|
227
|
-
&.left-one { right:$one-ninth; }
|
228
|
-
&.left-two { right:$two-ninths; }
|
229
|
-
&.left-three { right:$three-ninths; }
|
230
|
-
&.left-four { right:$four-ninths; }
|
231
|
-
&.left-five { right:$five-ninths; }
|
232
|
-
&.left-six { right:$six-ninths; }
|
233
|
-
&.left-seven { right:$seven-ninths; }
|
234
|
-
&.left-eight { right:$eight-ninths; }
|
235
|
-
&.skip-one { margin-left:$one-ninth; }
|
236
|
-
&.skip-two { margin-left:$two-ninths; }
|
237
|
-
&.skip-three { margin-left:$three-ninths; }
|
238
|
-
&.skip-four { margin-left:$four-ninths; }
|
239
|
-
&.skip-five { margin-left:$five-ninths; }
|
240
|
-
&.skip-six { margin-left:$six-ninths; }
|
241
|
-
&.skip-seven { margin-left:$seven-ninths; }
|
242
|
-
&.skip-eight { margin-left:$eight-ninths; }
|
243
|
-
}
|
244
|
-
|
245
|
-
// tenths
|
246
|
-
.tenth,
|
247
|
-
.tenths { @extend %column;
|
248
|
-
&.one { width:$one-tenth; }
|
249
|
-
&.two { width:$two-tenths; }
|
250
|
-
&.three { width:$three-tenths; }
|
251
|
-
&.four { width:$four-tenths; }
|
252
|
-
&.five { width:$five-tenths; }
|
253
|
-
&.six { width:$six-tenths; }
|
254
|
-
&.seven { width:$seven-tenths; }
|
255
|
-
&.eight { width:$eight-tenths; }
|
256
|
-
&.nine { width:$nine-tenths; }
|
257
|
-
&.ten { width:$ten-tenths; }
|
258
|
-
// helpers
|
259
|
-
&.right-one { left:$one-tenth; }
|
260
|
-
&.right-two { left:$two-tenths; }
|
261
|
-
&.right-three { left:$three-tenths; }
|
262
|
-
&.right-four { left:$four-tenths; }
|
263
|
-
&.right-five { left:$five-tenths; }
|
264
|
-
&.right-six { left:$six-tenths; }
|
265
|
-
&.right-seven { left:$seven-tenths; }
|
266
|
-
&.right-eight { left:$eight-tenths; }
|
267
|
-
&.right-nine { left:$nine-tenths; }
|
268
|
-
&.left-one { right:$one-tenth; }
|
269
|
-
&.left-two { right:$two-tenths; }
|
270
|
-
&.left-three { right:$three-tenths; }
|
271
|
-
&.left-four { right:$four-tenths; }
|
272
|
-
&.left-five { right:$five-tenths; }
|
273
|
-
&.left-six { right:$six-tenths; }
|
274
|
-
&.left-seven { right:$seven-tenths; }
|
275
|
-
&.left-eight { right:$eight-tenths; }
|
276
|
-
&.left-nine { right:$nine-tenths; }
|
277
|
-
&.skip-one { margin-left:$one-tenth; }
|
278
|
-
&.skip-two { margin-left:$two-tenths; }
|
279
|
-
&.skip-three { margin-left:$three-tenths; }
|
280
|
-
&.skip-four { margin-left:$four-tenths; }
|
281
|
-
&.skip-five { margin-left:$five-tenths; }
|
282
|
-
&.skip-six { margin-left:$six-tenths; }
|
283
|
-
&.skip-seven { margin-left:$seven-tenths; }
|
284
|
-
&.skip-eight { margin-left:$eight-tenths; }
|
285
|
-
&.skip-nine { margin-left:$nine-tenths; }
|
286
|
-
}
|
287
|
-
|
288
|
-
// elevenths
|
289
|
-
.eleventh,
|
290
|
-
.elevenths { @extend %column;
|
291
|
-
&.one { width:$one-eleventh; }
|
292
|
-
&.two { width:$two-elevenths; }
|
293
|
-
&.three { width:$three-elevenths; }
|
294
|
-
&.four { width:$four-elevenths; }
|
295
|
-
&.five { width:$five-elevenths; }
|
296
|
-
&.six { width:$six-elevenths; }
|
297
|
-
&.seven { width:$seven-elevenths; }
|
298
|
-
&.eight { width:$eight-elevenths; }
|
299
|
-
&.nine { width:$nine-elevenths; }
|
300
|
-
&.ten { width:$ten-elevenths; }
|
301
|
-
&.eleven { width:$eleven-elevenths; }
|
302
|
-
// helpers
|
303
|
-
&.right-one { left:$one-eleventh; }
|
304
|
-
&.right-two { left:$two-elevenths; }
|
305
|
-
&.right-three { left:$three-elevenths; }
|
306
|
-
&.right-four { left:$four-elevenths; }
|
307
|
-
&.right-five { left:$five-elevenths; }
|
308
|
-
&.right-six { left:$six-elevenths; }
|
309
|
-
&.right-seven { left:$seven-elevenths; }
|
310
|
-
&.right-eight { left:$eight-elevenths; }
|
311
|
-
&.right-nine { left:$nine-elevenths; }
|
312
|
-
&.right-ten { left:$ten-elevenths; }
|
313
|
-
&.left-one { right:$one-eleventh; }
|
314
|
-
&.left-two { right:$two-elevenths; }
|
315
|
-
&.left-three { right:$three-elevenths; }
|
316
|
-
&.left-four { right:$four-elevenths; }
|
317
|
-
&.left-five { right:$five-elevenths; }
|
318
|
-
&.left-six { right:$six-elevenths; }
|
319
|
-
&.left-seven { right:$seven-elevenths; }
|
320
|
-
&.left-eight { right:$eight-elevenths; }
|
321
|
-
&.left-nine { right:$nine-elevenths; }
|
322
|
-
&.left-ten { right:$ten-elevenths; }
|
323
|
-
&.skip-one { margin-left:$one-eleventh; }
|
324
|
-
&.skip-two { margin-left:$two-elevenths; }
|
325
|
-
&.skip-three { margin-left:$three-elevenths; }
|
326
|
-
&.skip-four { margin-left:$four-elevenths; }
|
327
|
-
&.skip-five { margin-left:$five-elevenths; }
|
328
|
-
&.skip-six { margin-left:$six-elevenths; }
|
329
|
-
&.skip-seven { margin-left:$seven-elevenths; }
|
330
|
-
&.skip-eight { margin-left:$eight-elevenths; }
|
331
|
-
&.skip-nine { margin-left:$nine-elevenths; }
|
332
|
-
&.skip-ten { margin-left:$ten-elevenths; }
|
333
|
-
}
|
334
|
-
|
335
|
-
// twelfths
|
336
|
-
.twelfth,
|
337
|
-
.twelfths { @extend %column;
|
338
|
-
&.one { width:$one-twelfth; }
|
339
|
-
&.two { width:$two-twelfths; }
|
340
|
-
&.three { width:$three-twelfths; }
|
341
|
-
&.four { width:$four-twelfths; }
|
342
|
-
&.five { width:$five-twelfths; }
|
343
|
-
&.six { width:$six-twelfths; }
|
344
|
-
&.seven { width:$seven-twelfths; }
|
345
|
-
&.eight { width:$eight-twelfths; }
|
346
|
-
&.nine { width:$nine-twelfths; }
|
347
|
-
&.ten { width:$ten-twelfths; }
|
348
|
-
&.eleven { width:$eleven-twelfths; }
|
349
|
-
&.twelve { width:$twelve-twelfths; }
|
350
|
-
// helpers
|
351
|
-
&.right-one { left:$one-twelfth; }
|
352
|
-
&.right-two { left:$two-twelfths; }
|
353
|
-
&.right-three { left:$three-twelfths; }
|
354
|
-
&.right-four { left:$four-twelfths; }
|
355
|
-
&.right-five { left:$five-twelfths; }
|
356
|
-
&.right-six { left:$six-twelfths; }
|
357
|
-
&.right-seven { left:$seven-twelfths; }
|
358
|
-
&.right-eight { left:$eight-twelfths; }
|
359
|
-
&.right-nine { left:$nine-twelfths; }
|
360
|
-
&.right-ten { left:$ten-twelfths; }
|
361
|
-
&.right-eleven { left:$eleven-twelfths; }
|
362
|
-
&.left-one { right:$one-twelfth; }
|
363
|
-
&.left-two { right:$two-twelfths; }
|
364
|
-
&.left-three { right:$three-twelfths; }
|
365
|
-
&.left-four { right:$four-twelfths; }
|
366
|
-
&.left-five { right:$five-twelfths; }
|
367
|
-
&.left-six { right:$six-twelfths; }
|
368
|
-
&.left-seven { right:$seven-twelfths; }
|
369
|
-
&.left-eight { right:$eight-twelfths; }
|
370
|
-
&.left-nine { right:$nine-twelfths; }
|
371
|
-
&.left-ten { right:$ten-twelfths; }
|
372
|
-
&.right-eleven { right:$eleven-twelfths; }
|
373
|
-
&.skip-one { margin-left:$one-twelfth; }
|
374
|
-
&.skip-two { margin-left:$two-twelfths; }
|
375
|
-
&.skip-three { margin-left:$three-twelfths; }
|
376
|
-
&.skip-four { margin-left:$four-twelfths; }
|
377
|
-
&.skip-five { margin-left:$five-twelfths; }
|
378
|
-
&.skip-six { margin-left:$six-twelfths; }
|
379
|
-
&.skip-seven { margin-left:$seven-twelfths; }
|
380
|
-
&.skip-eight { margin-left:$eight-twelfths; }
|
381
|
-
&.skip-nine { margin-left:$nine-twelfths; }
|
382
|
-
&.skip-ten { margin-left:$ten-twelfths; }
|
383
|
-
&.skip-eleven { margin-left:$eleven-twelfths; }
|
384
|
-
}
|