groundworkcss-rails 0.2.1 → 0.2.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/app/helpers/breadcrumbs_helper.rb~ +5 -0
- data/app/helpers/flash_block_helper.rb~ +18 -0
- data/app/helpers/flash_helper.rb~ +21 -0
- data/app/helpers/groundwork_flash_helper.rb~ +21 -0
- data/app/helpers/modal_helper.rb~ +42 -0
- data/app/helpers/social_glyph_helper.rb~ +12 -0
- data/lib/generators/groundworkcss/install/install_generator.rb~ +44 -0
- data/lib/generators/groundworkcss/install/templates/application.css.scss~ +8 -0
- data/lib/generators/groundworkcss/install/templates/application.css~ +7 -0
- data/lib/generators/groundworkcss/install/templates/application.js~ +10 -0
- data/lib/generators/groundworkcss/install/templates/groundwork-and-overrides.scss~ +12 -0
- data/lib/generators/groundworkcss/install/templates/groundwork-overrides.scss~ +7 -0
- data/lib/generators/groundworkcss/install/templates/groundwork.coffee~ +0 -0
- data/lib/generators/groundworkcss/install/templates/groundwork.js~ +1 -0
- data/lib/generators/groundworkcss/layout/layout_generator.rb~ +1 -1
- data/lib/generators/groundworkcss/layout/templates/_header.html.erb~ +24 -0
- data/lib/generators/groundworkcss/layout/templates/_sidebar.html.erb~ +18 -0
- data/lib/generators/groundworkcss/layout/templates/layout.html.erb~ +44 -0
- data/lib/groundworkcss/rails/bootstrap.rb~ +2 -0
- data/lib/groundworkcss/rails/engine.rb~ +30 -0
- data/lib/groundworkcss/rails/version.rb +1 -1
- data/lib/groundworkcss/rails/version.rb~ +1 -1
- data/lib/twitter-bootstrap-rails.rb~ +10 -0
- data/vendor/assets/javascripts/groundwork.js~ +8 -0
- data/vendor/assets/javascripts/groundworkcss/groundwork.js +24 -217
- data/vendor/assets/javascripts/groundworkcss/groundwork.js~ +7 -0
- data/vendor/assets/javascripts/groundworkcss/plugins/jquery.modals.js +1 -1
- data/vendor/assets/javascripts/groundworkcss/plugins/jquery.popover.js +1 -1
- data/vendor/assets/javascripts/groundworkcss/plugins/jquery.responsiveTables.js +1 -1
- data/vendor/assets/javascripts/groundworkcss/plugins/jquery.responsiveText.js +1 -1
- data/vendor/assets/javascripts/groundworkcss/plugins/jquery.tooltip.js +24 -10
- data/vendor/assets/stylesheets/groundworkcss-scss/_buttons.scss +3 -0
- data/vendor/assets/stylesheets/groundworkcss-scss/_classes.scss +149 -0
- data/vendor/assets/stylesheets/groundworkcss-scss/_font-awesome.scss~ +534 -0
- data/vendor/assets/stylesheets/groundworkcss-scss/_grid.scss +46 -366
- data/vendor/assets/stylesheets/groundworkcss-scss/_layout.scss +11 -11
- data/vendor/assets/stylesheets/groundworkcss-scss/_mixins.scss +9 -0
- data/vendor/assets/stylesheets/groundworkcss-scss/_responsive.scss +4 -106
- data/vendor/assets/stylesheets/groundworkcss-scss/_social-icons.scss~ +92 -0
- data/vendor/assets/stylesheets/groundworkcss-scss/_tooltips.scss +5 -5
- data/vendor/assets/stylesheets/groundworkcss-scss/_typography.scss +48 -43
- data/vendor/assets/stylesheets/groundworkcss-scss/_variables.scss +47 -46
- data/vendor/assets/stylesheets/groundworkcss-scss/groundwork.scss +3 -0
- metadata +318 -299
- data/vendor/assets/javascripts/groundworkcss/coffee/groundwork.coffee +0 -207
- data/vendor/assets/javascripts/groundworkcss/coffee/plugins/jquery.modals.coffee +0 -162
- data/vendor/assets/javascripts/groundworkcss/coffee/plugins/jquery.popover.coffee +0 -198
- data/vendor/assets/javascripts/groundworkcss/coffee/plugins/jquery.responsiveTables.coffee +0 -56
- data/vendor/assets/javascripts/groundworkcss/coffee/plugins/jquery.responsiveText.coffee +0 -32
- data/vendor/assets/javascripts/groundworkcss/coffee/plugins/jquery.tooltip.coffee +0 -121
|
@@ -21,59 +21,8 @@
|
|
|
21
21
|
// small tablets //
|
|
22
22
|
///////////////////////
|
|
23
23
|
@media only screen and (max-width:767px) {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
.third, .thirds,
|
|
27
|
-
.fourth, .fourths,
|
|
28
|
-
.fifth, .fifths,
|
|
29
|
-
.sixth, .sixths,
|
|
30
|
-
.seventh, .sevenths,
|
|
31
|
-
.eighth, .eighths,
|
|
32
|
-
.ninth, .ninths,
|
|
33
|
-
.tenth, .tenths,
|
|
34
|
-
.eleventh, .elevenths,
|
|
35
|
-
.twelfth, .twelfths {
|
|
36
|
-
&:not(.small-tablet):not(.mobile) {
|
|
37
|
-
width:100% !important;
|
|
38
|
-
float:none;
|
|
39
|
-
clear:both;
|
|
40
|
-
// reset push
|
|
41
|
-
&.right-one,
|
|
42
|
-
&.right-two,
|
|
43
|
-
&.right-three,
|
|
44
|
-
&.right-four,
|
|
45
|
-
&.right-five,
|
|
46
|
-
&.right-six,
|
|
47
|
-
&.right-seven,
|
|
48
|
-
&.right-eight,
|
|
49
|
-
&.right-nine,
|
|
50
|
-
&.right-ten,
|
|
51
|
-
&.right-eleven { left:0; }
|
|
52
|
-
// reset pull
|
|
53
|
-
&.left-one,
|
|
54
|
-
&.left-two,
|
|
55
|
-
&.left-three,
|
|
56
|
-
&.left-four,
|
|
57
|
-
&.left-five,
|
|
58
|
-
&.left-six,
|
|
59
|
-
&.left-seven,
|
|
60
|
-
&.left-eight,
|
|
61
|
-
&.left-nine,
|
|
62
|
-
&.left-ten,
|
|
63
|
-
&.left-eleven { right:0; }
|
|
64
|
-
// reset offset
|
|
65
|
-
&.skip-one,
|
|
66
|
-
&.skip-two,
|
|
67
|
-
&.skip-three,
|
|
68
|
-
&.skip-four,
|
|
69
|
-
&.skip-five,
|
|
70
|
-
&.skip-six,
|
|
71
|
-
&.skip-seven,
|
|
72
|
-
&.skip-eight,
|
|
73
|
-
&.skip-nine,
|
|
74
|
-
&.skip-ten,
|
|
75
|
-
&.skip-eleven { margin-left:0; }
|
|
76
|
-
}
|
|
24
|
+
@if $classes {
|
|
25
|
+
@include grid-responsive();
|
|
77
26
|
}
|
|
78
27
|
nav:not(.pagination), nav.inline {
|
|
79
28
|
width:100%;
|
|
@@ -205,59 +154,8 @@
|
|
|
205
154
|
// handhelds //
|
|
206
155
|
///////////////////////
|
|
207
156
|
@media only screen and (max-width:480px) {
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
.third, .thirds,
|
|
211
|
-
.fourth, .fourths,
|
|
212
|
-
.fifth, .fifths,
|
|
213
|
-
.sixth, .sixths,
|
|
214
|
-
.seventh, .sevenths,
|
|
215
|
-
.eighth, .eighths,
|
|
216
|
-
.ninth, .ninths,
|
|
217
|
-
.tenth, .tenths,
|
|
218
|
-
.eleventh, .elevenths,
|
|
219
|
-
.twelfth, .twelfths {
|
|
220
|
-
&:not(.mobile) {
|
|
221
|
-
width:100% !important;
|
|
222
|
-
float:none;
|
|
223
|
-
clear:both;
|
|
224
|
-
// reset push
|
|
225
|
-
&.right-one,
|
|
226
|
-
&.right-two,
|
|
227
|
-
&.right-three,
|
|
228
|
-
&.right-four,
|
|
229
|
-
&.right-five,
|
|
230
|
-
&.right-six,
|
|
231
|
-
&.right-seven,
|
|
232
|
-
&.right-eight,
|
|
233
|
-
&.right-nine,
|
|
234
|
-
&.right-ten,
|
|
235
|
-
&.right-eleven { left:0; }
|
|
236
|
-
// reset pull
|
|
237
|
-
&.left-one,
|
|
238
|
-
&.left-two,
|
|
239
|
-
&.left-three,
|
|
240
|
-
&.left-four,
|
|
241
|
-
&.left-five,
|
|
242
|
-
&.left-six,
|
|
243
|
-
&.left-seven,
|
|
244
|
-
&.left-eight,
|
|
245
|
-
&.left-nine,
|
|
246
|
-
&.left-ten,
|
|
247
|
-
&.left-eleven { right:0; }
|
|
248
|
-
// reset offset
|
|
249
|
-
&.skip-one,
|
|
250
|
-
&.skip-two,
|
|
251
|
-
&.skip-three,
|
|
252
|
-
&.skip-four,
|
|
253
|
-
&.skip-five,
|
|
254
|
-
&.skip-six,
|
|
255
|
-
&.skip-seven,
|
|
256
|
-
&.skip-eight,
|
|
257
|
-
&.skip-nine,
|
|
258
|
-
&.skip-ten,
|
|
259
|
-
&.skip-eleven { margin-left:0; }
|
|
260
|
-
}
|
|
157
|
+
@if $classes {
|
|
158
|
+
@include grid-responsive(false);
|
|
261
159
|
}
|
|
262
160
|
.tabs:not(.mobile) {
|
|
263
161
|
> ul {
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
// =============================================
|
|
2
|
+
// Social icons by Gary Hepting
|
|
3
|
+
// Last Updated:2013-1-18
|
|
4
|
+
// =============================================
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
.social-icon {
|
|
10
|
+
display: inline-block;
|
|
11
|
+
background-size: 100%;
|
|
12
|
+
width:1em;
|
|
13
|
+
height:1em;
|
|
14
|
+
text-indent: -999em;
|
|
15
|
+
text-align: left;
|
|
16
|
+
@include rounded(2px);
|
|
17
|
+
margin-bottom: 3px;
|
|
18
|
+
vertical-align: bottom;
|
|
19
|
+
@include drop-shadow(rgba(0,0,0,0.2), 5px, 0, 0); // color, alpha, blur, x, y
|
|
20
|
+
&.small {
|
|
21
|
+
width: 20px;
|
|
22
|
+
height: 20px;
|
|
23
|
+
@include rounded(3px);
|
|
24
|
+
}
|
|
25
|
+
&.medium {
|
|
26
|
+
width: 30px;
|
|
27
|
+
height: 30px;
|
|
28
|
+
@include rounded(5px);
|
|
29
|
+
}
|
|
30
|
+
&.large {
|
|
31
|
+
width: 48px;
|
|
32
|
+
height: 48px;
|
|
33
|
+
@include rounded(6px);
|
|
34
|
+
}
|
|
35
|
+
&.round {
|
|
36
|
+
@include rounded(50% 50%);
|
|
37
|
+
}
|
|
38
|
+
&.aboutme { @include data-image("social-icons/aboutme.svg"); }
|
|
39
|
+
&.adn { @include data-image("social-icons/adn.svg"); }
|
|
40
|
+
&.android { @include data-image("social-icons/android.svg"); }
|
|
41
|
+
&.apple { @include data-image("social-icons/apple.svg"); }
|
|
42
|
+
&.behance { @include data-image("social-icons/behance.svg"); }
|
|
43
|
+
&.bitbucket { @include data-image("social-icons/bitbucket.svg"); }
|
|
44
|
+
&.coderwall { @include data-image("social-icons/coderwall.svg"); }
|
|
45
|
+
&.creativecloud { @include data-image("social-icons/creativecloud.svg"); }
|
|
46
|
+
&.dribbble { @include data-image("social-icons/dribbble.svg"); }
|
|
47
|
+
&.dropbox { @include data-image("social-icons/dropbox.svg"); }
|
|
48
|
+
&.evernote { @include data-image("social-icons/evernote.svg"); }
|
|
49
|
+
&.facebook { @include data-image("social-icons/facebook.svg"); }
|
|
50
|
+
&.flickr { @include data-image("social-icons/flickr.svg"); }
|
|
51
|
+
&.foursquare { @include data-image("social-icons/foursquare.svg"); }
|
|
52
|
+
&.git { @include data-image("social-icons/git.svg"); }
|
|
53
|
+
&.github { @include data-image("social-icons/github.svg"); }
|
|
54
|
+
&.googleplay { @include data-image("social-icons/googleplay.svg"); }
|
|
55
|
+
&.googleplus { @include data-image("social-icons/googleplus.svg"); }
|
|
56
|
+
&.html5 { @include data-image("social-icons/html5.svg"); }
|
|
57
|
+
&.icloud { @include data-image("social-icons/icloud.svg"); }
|
|
58
|
+
&.instagram { @include data-image("social-icons/instagram.svg"); }
|
|
59
|
+
&.lastfm { @include data-image("social-icons/lastfm.svg"); }
|
|
60
|
+
&.linkedin { @include data-image("social-icons/linkedin.svg"); }
|
|
61
|
+
&.mail { @include data-image("social-icons/mail.svg"); }
|
|
62
|
+
&.mixi { @include data-image("social-icons/mixi.svg"); }
|
|
63
|
+
&.msn { @include data-image("social-icons/msn.svg"); }
|
|
64
|
+
&.pinterest { @include data-image("social-icons/pinterest.svg"); }
|
|
65
|
+
&.pocket { @include data-image("social-icons/pocketapp.svg"); }
|
|
66
|
+
&.quora { @include data-image("social-icons/quora.svg"); }
|
|
67
|
+
&.orkut { @include data-image("social-icons/orkut.svg"); }
|
|
68
|
+
&.mercurial { @include data-image("social-icons/mercurial.svg"); }
|
|
69
|
+
&.rdio { @include data-image("social-icons/rdio.svg"); }
|
|
70
|
+
&.renren { @include data-image("social-icons/renren.svg"); }
|
|
71
|
+
&.rss { @include data-image("social-icons/rss.svg"); }
|
|
72
|
+
&.skitch { @include data-image("social-icons/skitch.svg"); }
|
|
73
|
+
&.skype { @include data-image("social-icons/skype.svg"); }
|
|
74
|
+
&.soundcloud { @include data-image("social-icons/soundcloud.svg"); }
|
|
75
|
+
&.spotify { @include data-image("social-icons/spotify.svg"); }
|
|
76
|
+
&.stackoverflow { @include data-image("social-icons/stackoverflow.svg"); }
|
|
77
|
+
&.stumbleupon { @include data-image("social-icons/stumbleupon.svg"); }
|
|
78
|
+
&.svn { @include data-image("social-icons/svn.svg"); }
|
|
79
|
+
&.tent { @include data-image("social-icons/tent.svg"); }
|
|
80
|
+
&.tripadvisor { @include data-image("social-icons/tripadvisor.svg"); }
|
|
81
|
+
&.tumblr { @include data-image("social-icons/tumblr.svg"); }
|
|
82
|
+
&.twitter { @include data-image("social-icons/twitter.svg"); }
|
|
83
|
+
&.vimeo { @include data-image("social-icons/vimeo.svg"); }
|
|
84
|
+
&.weibo { @include data-image("social-icons/weibo.svg"); }
|
|
85
|
+
&.windows { @include data-image("social-icons/windows.svg"); }
|
|
86
|
+
&.wordpress { @include data-image("social-icons/wordpress.svg"); }
|
|
87
|
+
&.xing { @include data-image("social-icons/xing.svg"); }
|
|
88
|
+
&.yelp { @include data-image("social-icons/yelp.svg"); }
|
|
89
|
+
&.youtube { @include data-image("social-icons/youtube.svg"); }
|
|
90
|
+
&.youversion { @include data-image("social-icons/youversion.svg"); }
|
|
91
|
+
&.zerply { @include data-image("social-icons/zerply.svg"); }
|
|
92
|
+
}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
background:$button-color;
|
|
12
12
|
border:1px solid $border-color;
|
|
13
13
|
@include rounded($radius);
|
|
14
|
-
@include
|
|
14
|
+
@include drop-shadow(rgba(0,0,0,0.15), 8px, 3px, 3px); // color, blur, x, y
|
|
15
15
|
font-size:13px;
|
|
16
16
|
color:$button-text;
|
|
17
17
|
&:after {
|
|
@@ -59,24 +59,24 @@
|
|
|
59
59
|
display:block;
|
|
60
60
|
max-width:640px;
|
|
61
61
|
position:absolute;
|
|
62
|
-
z-index:
|
|
62
|
+
z-index:101;
|
|
63
63
|
padding:5px 15px;
|
|
64
64
|
background:$button-color;
|
|
65
65
|
border:1px solid $border-color;
|
|
66
66
|
@include rounded($radius);
|
|
67
|
-
@include
|
|
67
|
+
@include drop-shadow(rgba(0,0,0,0.15), 8px, 3px, 3px); // color, blur, x, y
|
|
68
68
|
font-size:13px;
|
|
69
69
|
text-transform:normal;
|
|
70
70
|
color:$button-text;
|
|
71
71
|
&:after, &:before {
|
|
72
72
|
content:'';
|
|
73
73
|
position:absolute;
|
|
74
|
-
z-index:
|
|
74
|
+
z-index:101;
|
|
75
75
|
width:0;
|
|
76
76
|
height:0;
|
|
77
77
|
}
|
|
78
78
|
&:after {
|
|
79
|
-
z-index:
|
|
79
|
+
z-index:102;
|
|
80
80
|
}
|
|
81
81
|
&.top.right {
|
|
82
82
|
&:after {
|
|
@@ -79,21 +79,21 @@ ul.list {
|
|
|
79
79
|
> li {
|
|
80
80
|
&:before {
|
|
81
81
|
content:'\f00c';
|
|
82
|
-
display:
|
|
83
|
-
width:
|
|
82
|
+
display:inline-block;
|
|
83
|
+
width:1.1em;
|
|
84
84
|
margin-right:0.25em;
|
|
85
|
-
font-family:
|
|
86
|
-
font-weight:
|
|
87
|
-
font-style:
|
|
85
|
+
font-family:FontAwesome;
|
|
86
|
+
font-weight:normal;
|
|
87
|
+
font-style:normal;
|
|
88
88
|
font-size:1.1em;
|
|
89
|
-
text-decoration:
|
|
90
|
-
-webkit-font-smoothing:
|
|
91
|
-
line-height:
|
|
92
|
-
vertical-align:
|
|
93
|
-
background-image:
|
|
94
|
-
background-position:
|
|
95
|
-
background-repeat:
|
|
96
|
-
margin-top:
|
|
89
|
+
text-decoration:inherit;
|
|
90
|
+
-webkit-font-smoothing:antialiased;
|
|
91
|
+
line-height:normal;
|
|
92
|
+
vertical-align:baseline;
|
|
93
|
+
background-image:none;
|
|
94
|
+
background-position:0% 0%;
|
|
95
|
+
background-repeat:repeat;
|
|
96
|
+
margin-top:0;
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
}
|
|
@@ -178,40 +178,45 @@ em, .italic { font-style:italic; }
|
|
|
178
178
|
b, strong, .bold, .strong { font-weight:900; }
|
|
179
179
|
sup { font-size:0.8em; }
|
|
180
180
|
sub { font-size:0.8em; }
|
|
181
|
+
|
|
181
182
|
code {
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
border:none;
|
|
193
|
-
padding:0 0.3em;
|
|
194
|
-
margin:0 0.2em;
|
|
195
|
-
font-weight:normal;
|
|
196
|
-
line-height:inherit;
|
|
197
|
-
}
|
|
183
|
+
white-space:pre-wrap;
|
|
184
|
+
word-wrap:break-word;
|
|
185
|
+
min-height:1em;
|
|
186
|
+
display:inline-block;
|
|
187
|
+
background:lighten(gray, 30%);
|
|
188
|
+
border:none;
|
|
189
|
+
padding:0 0.3em;
|
|
190
|
+
margin:0 0.2em;
|
|
191
|
+
font-weight:normal;
|
|
192
|
+
line-height:inherit;
|
|
198
193
|
}
|
|
194
|
+
|
|
199
195
|
pre {
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
196
|
+
$border:2.6em;
|
|
197
|
+
color:white;
|
|
198
|
+
background:#050505;
|
|
199
|
+
font-size:0.9em;
|
|
200
|
+
padding:0.5em;
|
|
201
|
+
display:block;
|
|
202
|
+
border-left:#{$border} solid gray;
|
|
203
|
+
counter-reset:linenumber;
|
|
204
|
+
code {
|
|
205
|
+
background:inherit;
|
|
206
|
+
margin:0;
|
|
207
|
+
padding:0;
|
|
208
|
+
&:before {
|
|
209
|
+
text-align:right;
|
|
210
|
+
color:white;
|
|
211
|
+
counter-increment:linenumber;
|
|
212
|
+
content:counter(linenumber) ".";
|
|
213
|
+
position:absolute;
|
|
214
|
+
left:0.65em;
|
|
215
|
+
width:#{$border};
|
|
216
|
+
}
|
|
217
|
+
}
|
|
214
218
|
}
|
|
219
|
+
|
|
215
220
|
.error, .invalid {
|
|
216
221
|
color:$error-color;
|
|
217
222
|
}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
///////////////////////
|
|
4
4
|
$max-width: 1200px; // max container width (i.e. - 960px)
|
|
5
5
|
$gutter: 10px; // gutter spacing
|
|
6
|
+
$classes: true; // enable CSS classes
|
|
6
7
|
|
|
7
8
|
|
|
8
9
|
// base styles
|
|
@@ -32,103 +33,103 @@ $radius: 4px;
|
|
|
32
33
|
///////////////////////
|
|
33
34
|
|
|
34
35
|
// wholes
|
|
35
|
-
$one-whole:
|
|
36
|
+
$one-whole: percentage(1);
|
|
36
37
|
|
|
37
38
|
// halves
|
|
38
|
-
$one-half:
|
|
39
|
+
$one-half: percentage(1/2);
|
|
39
40
|
$two-halves: $one-whole;
|
|
40
41
|
|
|
41
42
|
// thirds
|
|
42
|
-
$one-third:
|
|
43
|
-
$two-thirds:
|
|
43
|
+
$one-third: percentage(1/3);
|
|
44
|
+
$two-thirds: percentage(2/3);
|
|
44
45
|
$three-thirds: $one-whole;
|
|
45
46
|
|
|
46
47
|
// fourths
|
|
47
|
-
$one-fourth:
|
|
48
|
+
$one-fourth: percentage(1/4);
|
|
48
49
|
$two-fourths: $one-half;
|
|
49
|
-
$three-fourths:
|
|
50
|
+
$three-fourths: percentage(3/4);
|
|
50
51
|
$four-fourths: $one-whole;
|
|
51
52
|
|
|
52
53
|
// fifths
|
|
53
|
-
$one-fifth:
|
|
54
|
-
$two-fifths:
|
|
55
|
-
$three-fifths:
|
|
56
|
-
$four-fifths:
|
|
54
|
+
$one-fifth: percentage(1/5);
|
|
55
|
+
$two-fifths: percentage(2/5);
|
|
56
|
+
$three-fifths: percentage(3/5);
|
|
57
|
+
$four-fifths: percentage(4/5);
|
|
57
58
|
$five-fifths: $one-whole;
|
|
58
59
|
|
|
59
60
|
// sixths
|
|
60
|
-
$one-sixth:
|
|
61
|
+
$one-sixth: percentage(1/6);
|
|
61
62
|
$two-sixths: $one-third;
|
|
62
63
|
$three-sixths: $one-half;
|
|
63
64
|
$four-sixths: $two-thirds;
|
|
64
|
-
$five-sixths:
|
|
65
|
+
$five-sixths: percentage(5/6);
|
|
65
66
|
$six-sixths: $one-whole;
|
|
66
67
|
|
|
67
68
|
// sevenths
|
|
68
|
-
$one-seventh:
|
|
69
|
-
$two-sevenths:
|
|
70
|
-
$three-sevenths:
|
|
71
|
-
$four-sevenths:
|
|
72
|
-
$five-sevenths:
|
|
73
|
-
$six-sevenths:
|
|
69
|
+
$one-seventh: percentage(1/7);
|
|
70
|
+
$two-sevenths: percentage(2/7);
|
|
71
|
+
$three-sevenths: percentage(3/7);
|
|
72
|
+
$four-sevenths: percentage(4/7);
|
|
73
|
+
$five-sevenths: percentage(5/7);
|
|
74
|
+
$six-sevenths: percentage(6/7);
|
|
74
75
|
$seven-sevenths: $one-whole;
|
|
75
76
|
|
|
76
77
|
// eighths
|
|
77
|
-
$one-eighth:
|
|
78
|
+
$one-eighth: percentage(1/8);
|
|
78
79
|
$two-eighths: $one-fourth;
|
|
79
|
-
$three-eighths:
|
|
80
|
+
$three-eighths: percentage(3/8);
|
|
80
81
|
$four-eighths: $one-half;
|
|
81
|
-
$five-eighths:
|
|
82
|
+
$five-eighths: percentage(5/8);
|
|
82
83
|
$six-eighths: $three-fourths;
|
|
83
|
-
$seven-eighths:
|
|
84
|
+
$seven-eighths: percentage(7/8);
|
|
84
85
|
$eight-eighths: $one-whole;
|
|
85
86
|
|
|
86
87
|
// ninths
|
|
87
|
-
$one-ninth:
|
|
88
|
-
$two-ninths:
|
|
88
|
+
$one-ninth: percentage(1/9);
|
|
89
|
+
$two-ninths: percentage(2/9);
|
|
89
90
|
$three-ninths: $one-third;
|
|
90
|
-
$four-ninths:
|
|
91
|
-
$five-ninths:
|
|
91
|
+
$four-ninths: percentage(4/9);
|
|
92
|
+
$five-ninths: percentage(5/9);
|
|
92
93
|
$six-ninths: $two-thirds;
|
|
93
|
-
$seven-ninths:
|
|
94
|
-
$eight-ninths:
|
|
94
|
+
$seven-ninths: percentage(7/9);
|
|
95
|
+
$eight-ninths: percentage(8/9);
|
|
95
96
|
$nine-ninths: $one-whole;
|
|
96
97
|
|
|
97
98
|
// tenths
|
|
98
|
-
$one-tenth: 10
|
|
99
|
+
$one-tenth: percentage(1/10);
|
|
99
100
|
$two-tenths: $one-fifth;
|
|
100
|
-
$three-tenths:
|
|
101
|
+
$three-tenths: percentage(3/10);
|
|
101
102
|
$four-tenths: $two-fifths;
|
|
102
103
|
$five-tenths: $one-half;
|
|
103
104
|
$six-tenths: $three-fifths;
|
|
104
|
-
$seven-tenths:
|
|
105
|
+
$seven-tenths: percentage(7/10);
|
|
105
106
|
$eight-tenths: $four-fifths;
|
|
106
|
-
$nine-tenths:
|
|
107
|
+
$nine-tenths: percentage(9/10);
|
|
107
108
|
$ten-tenths: $one-whole;
|
|
108
109
|
|
|
109
110
|
// elevenths
|
|
110
|
-
$one-eleventh:
|
|
111
|
-
$two-elevenths:
|
|
112
|
-
$three-elevenths:
|
|
113
|
-
$four-elevenths:
|
|
114
|
-
$five-elevenths:
|
|
115
|
-
$six-elevenths:
|
|
116
|
-
$seven-elevenths:
|
|
117
|
-
$eight-elevenths:
|
|
118
|
-
$nine-elevenths:
|
|
119
|
-
$ten-elevenths:
|
|
111
|
+
$one-eleventh: percentage(1/11);
|
|
112
|
+
$two-elevenths: percentage(2/11);
|
|
113
|
+
$three-elevenths: percentage(3/11);
|
|
114
|
+
$four-elevenths: percentage(4/11);
|
|
115
|
+
$five-elevenths: percentage(5/11);
|
|
116
|
+
$six-elevenths: percentage(6/11);
|
|
117
|
+
$seven-elevenths: percentage(7/11);
|
|
118
|
+
$eight-elevenths: percentage(8/11);
|
|
119
|
+
$nine-elevenths: percentage(9/11);
|
|
120
|
+
$ten-elevenths: percentage(10/11);
|
|
120
121
|
$eleven-elevenths: $one-whole;
|
|
121
122
|
|
|
122
123
|
// twelfths
|
|
123
|
-
$one-twelfth:
|
|
124
|
+
$one-twelfth: percentage(1/12);
|
|
124
125
|
$two-twelfths: $one-sixth;
|
|
125
126
|
$three-twelfths: $one-fourth;
|
|
126
127
|
$four-twelfths: $one-third;
|
|
127
|
-
$five-twelfths:
|
|
128
|
+
$five-twelfths: percentage(5/12);
|
|
128
129
|
$six-twelfths: $one-half;
|
|
129
|
-
$seven-twelfths:
|
|
130
|
+
$seven-twelfths: percentage(7/12);
|
|
130
131
|
$eight-twelfths: $two-thirds;
|
|
131
132
|
$nine-twelfths: $three-fourths;
|
|
132
133
|
$ten-twelfths: $five-sixths;
|
|
133
|
-
$eleven-twelfths:
|
|
134
|
+
$eleven-twelfths: percentage(11/12);
|
|
134
135
|
$twelve-twelfths: $one-whole;
|