fortitude-sass 0.4.9 → 0.5.0

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.
Files changed (64) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +6 -5
  3. data/Gemfile.lock +1 -1
  4. data/app/assets/stylesheets/fortitude/base/_hr.scss +7 -7
  5. data/app/assets/stylesheets/fortitude/base/_images.scss +10 -12
  6. data/app/assets/stylesheets/fortitude/base/_lists.scss +6 -8
  7. data/app/assets/stylesheets/fortitude/base/_page.scss +14 -10
  8. data/app/assets/stylesheets/fortitude/blocks/_badge.scss +28 -137
  9. data/app/assets/stylesheets/fortitude/blocks/_bare-list.scss +0 -12
  10. data/app/assets/stylesheets/fortitude/blocks/_block-list.scss +20 -74
  11. data/app/assets/stylesheets/fortitude/blocks/_box.scss +1 -27
  12. data/app/assets/stylesheets/fortitude/blocks/_button.scss +38 -219
  13. data/app/assets/stylesheets/fortitude/blocks/_container.scss +2 -50
  14. data/app/assets/stylesheets/fortitude/blocks/_flag.scss +113 -397
  15. data/app/assets/stylesheets/fortitude/blocks/_flashbar.scss +0 -18
  16. data/app/assets/stylesheets/fortitude/blocks/_fluid-container.scss +2 -11
  17. data/app/assets/stylesheets/fortitude/blocks/_inline-list.scss +3 -15
  18. data/app/assets/stylesheets/fortitude/blocks/_input.scss +14 -355
  19. data/app/assets/stylesheets/fortitude/blocks/_layout.scss +77 -263
  20. data/app/assets/stylesheets/fortitude/blocks/_list-navigation.scss +6 -29
  21. data/app/assets/stylesheets/fortitude/blocks/_media.scss +104 -265
  22. data/app/assets/stylesheets/fortitude/blocks/_modal.scss +2 -2
  23. data/app/assets/stylesheets/fortitude/blocks/_navigationbar.scss +26 -43
  24. data/app/assets/stylesheets/fortitude/blocks/_shade.scss +2 -21
  25. data/app/assets/stylesheets/fortitude/blocks/_table.scss +11 -21
  26. data/app/assets/stylesheets/fortitude/blocks/_tabs-navigation.scss +8 -51
  27. data/app/assets/stylesheets/fortitude/blocks/_tabs.scss +1 -13
  28. data/app/assets/stylesheets/fortitude/blocks/_text.scss +7 -7
  29. data/app/assets/stylesheets/fortitude/blocks/_tooltip.scss +1 -171
  30. data/app/assets/stylesheets/fortitude/blocks/_ui-list.scss +20 -88
  31. data/app/assets/stylesheets/fortitude/blocks/_wings.scss +27 -28
  32. data/app/assets/stylesheets/fortitude/generic/_box-sizing.scss +8 -11
  33. data/app/assets/stylesheets/fortitude/generic/_clearfix.scss +1 -1
  34. data/app/assets/stylesheets/fortitude/generic/_normalize.scss +2 -4
  35. data/app/assets/stylesheets/fortitude/generic/_reset.scss +5 -32
  36. data/app/assets/stylesheets/fortitude/settings/_defaults.scss +15 -33
  37. data/app/assets/stylesheets/fortitude/tools/_functions.scss +57 -60
  38. data/app/assets/stylesheets/fortitude/tools/_mixins.scss +38 -35
  39. data/app/assets/stylesheets/fortitude/trumps/_responsive-border.scss +25 -32
  40. data/app/assets/stylesheets/fortitude/trumps/_responsive-column.scss +18 -19
  41. data/app/assets/stylesheets/fortitude/trumps/_responsive-display.scss +2 -9
  42. data/app/assets/stylesheets/fortitude/trumps/_responsive-float.scss +10 -10
  43. data/app/assets/stylesheets/fortitude/trumps/_responsive-font.scss +11 -9
  44. data/app/assets/stylesheets/fortitude/trumps/_responsive-height.scss +8 -6
  45. data/app/assets/stylesheets/fortitude/trumps/_responsive-line-height.scss +11 -10
  46. data/app/assets/stylesheets/fortitude/trumps/_responsive-margin.scss +88 -127
  47. data/app/assets/stylesheets/fortitude/trumps/_responsive-padding.scss +45 -62
  48. data/app/assets/stylesheets/fortitude/trumps/_responsive-text.scss +12 -13
  49. data/app/assets/stylesheets/fortitude/trumps/_screen-lock.scss +1 -1
  50. data/app/assets/stylesheets/fortitude.scss +24 -0
  51. data/bower.json +1 -1
  52. data/lib/fortitude-sass/version.rb +1 -1
  53. metadata +2 -13
  54. data/app/assets/stylesheets/fortitude/theme/base/_page.scss +0 -19
  55. data/app/assets/stylesheets/fortitude/theme/extensions/_badge.scss +0 -7
  56. data/app/assets/stylesheets/fortitude/theme/extensions/_box.scss +0 -13
  57. data/app/assets/stylesheets/fortitude/theme/extensions/_button.scss +0 -7
  58. data/app/assets/stylesheets/fortitude/theme/extensions/_flashbar.scss +0 -6
  59. data/app/assets/stylesheets/fortitude/theme/extensions/_navigationbar.scss +0 -50
  60. data/app/assets/stylesheets/fortitude/theme/extensions/_text.scss +0 -5
  61. data/app/assets/stylesheets/fortitude/theme/extensions/_wings.scss +0 -9
  62. data/app/assets/stylesheets/fortitude/theme/settings/_colors.scss +0 -53
  63. data/app/assets/stylesheets/fortitude/theme/settings/_defaults.scss +0 -5
  64. data/app/assets/stylesheets/fortitude/theme.scss +0 -11
@@ -1,21 +1,3 @@
1
- /*------------------------------------*\
2
- #FLASHBAR
3
- \*------------------------------------*/
4
-
5
- /**
6
- * A simple flashbar object.
7
- */
8
-
9
- @mixin fortitude-flashbar {
10
- @include fortitude-clearfix;
11
- position: relative;
12
- }
13
-
14
- @mixin fortitude-flashbar__close {
15
- position: absolute;
16
- right: halve($fortitude-base-spacing-unit);
17
- }
18
-
19
1
  .#{$fortitude-namespace}flashbar {
20
2
  @include fortitude-flashbar;
21
3
  }
@@ -1,12 +1,3 @@
1
- /*------------------------------------*\
2
- #FLUID-CONTAINER
3
- \*------------------------------------*/
4
-
5
- @mixin fortitude-fluid-container {
6
- @include fortitude-clearfix;
7
- width: 100%;
8
- }
9
-
10
1
  .#{$fortitude-namespace}fluid-container {
11
- @include fortitude-fluid-container;
12
- }
2
+ @include fortitude-fluid-container;
3
+ }
@@ -1,19 +1,7 @@
1
- /*------------------------------------*\
2
- #INLINE-LIST
3
- \*------------------------------------*/
4
-
5
- @mixin fortitude-inline-list {
6
- display: inline;
7
- }
8
-
9
- @mixin fortitude-inline-list__item {
10
- display: inline;
11
- }
12
-
13
1
  .#{$fortitude-namespace}inline-list {
14
2
  @include fortitude-inline-list;
15
3
  }
16
4
 
17
- .#{$fortitude-namespace}inline-list__item {
18
- @include fortitude-inline-list__item;
19
- }
5
+ .#{$fortitude-namespace}inline-list__item {
6
+ @include fortitude-inline-list__item;
7
+ }
@@ -1,377 +1,36 @@
1
- /*------------------------------------*\
2
- #INPUT
3
- \*------------------------------------*/
4
-
5
- $fortitude-field-input-placeholder-color: #a9a9a9 !default;
6
- $fortitude-field-input-height: double($fortitude-base-spacing-unit) !default;
7
- $fortitude-field-input-background-color: white !default;
8
- $fortitude-field-input-border-width: 0.1rem !default;
9
- $fortitude-field-input-border-style: solid !default;
10
- $fortitude-field-input-border-color: #a9a9a9 !default;
11
- $fortitude-field-input-border-radius: 0.2rem !default;
12
-
13
- $fortitude-text-input-placeholder-color: $fortitude-field-input-placeholder-color !default;
14
- $fortitude-text-input-height: $fortitude-field-input-height !default;
15
- $fortitude-text-input-background-color: $fortitude-field-input-background-color !default;
16
- $fortitude-text-input-border-width: $fortitude-field-input-border-width !default;
17
- $fortitude-text-input-border-style: $fortitude-field-input-border-style !default;
18
- $fortitude-text-input-border-color: $fortitude-field-input-border-color !default;
19
- $fortitude-text-input-border-radius: $fortitude-field-input-border-radius !default;
20
-
21
- $fortitude-textarea-input-placeholder-color: $fortitude-field-input-placeholder-color !default;
22
- $fortitude-textarea-input-height: $fortitude-field-input-height !default;
23
- $fortitude-textarea-input-background-color: $fortitude-field-input-background-color !default;
24
- $fortitude-textarea-input-border-width: $fortitude-field-input-border-width !default;
25
- $fortitude-textarea-input-border-style: $fortitude-field-input-border-style !default;
26
- $fortitude-textarea-input-border-color: $fortitude-field-input-border-color !default;
27
- $fortitude-textarea-input-border-radius: $fortitude-field-input-border-radius !default;
28
-
29
- $fortitude-select-input-placeholder-color: $fortitude-field-input-placeholder-color !default;
30
- $fortitude-select-input-height: $fortitude-field-input-height !default;
31
- $fortitude-select-input-background-color: $fortitude-field-input-background-color !default;
32
- $fortitude-select-input-border-width: $fortitude-field-input-border-width !default;
33
- $fortitude-select-input-border-style: $fortitude-field-input-border-style !default;
34
- $fortitude-select-input-border-color: $fortitude-field-input-border-color !default;
35
- $fortitude-select-input-border-radius: $fortitude-field-input-border-radius !default;
36
-
37
- $fortitude-color-input-placeholder-color: $fortitude-field-input-placeholder-color !default;
38
- $fortitude-color-input-height: $fortitude-field-input-height !default;
39
- $fortitude-color-input-background-color: $fortitude-field-input-background-color !default;
40
- $fortitude-color-input-border-width: $fortitude-field-input-border-width !default;
41
- $fortitude-color-input-border-style: $fortitude-field-input-border-style !default;
42
- $fortitude-color-input-border-color: $fortitude-field-input-border-color !default;
43
- $fortitude-color-input-border-radius: $fortitude-field-input-border-radius !default;
44
-
45
- $fortitude-range-input-height: $fortitude-field-input-height !default;
46
- $fortitude-range-input-background-color: false !default;
47
- $fortitude-range-input-border-width: 0 !default;
48
- $fortitude-range-input-border-style: $fortitude-field-input-border-style !default;
49
- $fortitude-range-input-border-color: $fortitude-field-input-border-color !default;
50
- $fortitude-range-input-border-radius: $fortitude-field-input-border-radius !default;
51
-
52
- $fortitude-switch-input-size: $fortitude-base-spacing-unit - 0.4rem !default;
53
- $fortitude-switch-input-background-color: false !default;
54
- $fortitude-switch-input-border-width: 0.1rem !default;
55
- $fortitude-switch-input-border-style: solid !default;
56
- $fortitude-switch-input-border-color: #a9a9a9 !default;
57
- $fortitude-switch-input-border-radius: 0.2rem !default;
58
-
59
- $fortitude-checkbox-input-size: $fortitude-switch-input-size !default;
60
- $fortitude-checkbox-input-background-color: $fortitude-switch-input-background-color !default;
61
- $fortitude-checkbox-input-border-width: $fortitude-switch-input-border-width !default;
62
- $fortitude-checkbox-input-border-style: $fortitude-switch-input-border-style !default;
63
- $fortitude-checkbox-input-border-color: $fortitude-switch-input-border-color !default;
64
- $fortitude-checkbox-input-border-radius: $fortitude-switch-input-border-radius !default;
65
-
66
- $fortitude-radio-input-size: $fortitude-switch-input-size !default;
67
- $fortitude-radio-input-background-color: $fortitude-switch-input-background-color !default;
68
- $fortitude-radio-input-border-width: $fortitude-switch-input-border-width !default;
69
- $fortitude-radio-input-border-style: $fortitude-switch-input-border-style !default;
70
- $fortitude-radio-input-border-color: $fortitude-switch-input-border-color !default;
71
- $fortitude-radio-input-border-radius: 10rem !default;
72
-
73
- $fortitude-enable-input--full: false !default;
74
- $fortitude-enable-input--pill: false !default;
75
-
76
-
77
-
78
-
79
- // Here we set a variable assuming that `box-sizing: border-box;` is not set
80
- // globally. If it has been previously been defined, the following variable will
81
- // be overriden and will be set to `true`.
82
- $fortitude-global-border-box: false !default;
83
-
84
-
85
- @mixin fortitude-input {
86
- /**
87
- * 1. Allow us to style box model properties.
88
- * 2. Line different sized inputs up a little nicer.
89
- * 3. Make inputs inherit use their initial styles (fixes zooming on iOS).
90
- * 4. Fixes odd inner spacing in IE7.
91
- */
92
- @include fortitude-font-size($fortitude-base-font-size); /* [3] */
93
- display: inline-block; /* [1] */
94
- vertical-align: middle; /* [2] */
95
- font: inherit;
96
- overflow: visible; /* [4] */
97
- max-width: 100%;
98
-
99
- @if $fortitude-global-border-box == false {
100
- box-sizing: border-box; /* [10] */
101
- }
102
- }
103
-
104
- @mixin fortitude-text-input {
105
- @include fortitude-input;
106
-
107
- /**
108
- * 5. Reset/normalize some styles.
109
- * 6. Subtract the border size from the padding value so that inputs do not
110
- * grow larger as we add borders.
111
- */
112
-
113
- height: $fortitude-text-input-height;
114
- margin: fortitude-block-margin($fortitude-text-input-height, $fortitude-text-input-border-width, $fortitude-base-line-height) 0; /* [5] */
115
- padding: fortitude-block-padding($fortitude-text-input-height, $fortitude-text-input-border-width, $fortitude-base-line-height); /* [6] */
116
-
117
- @if ($fortitude-text-input-border-width != 0) {
118
- border: $fortitude-text-input-border-width $fortitude-text-input-border-style $fortitude-text-input-border-color;
119
- } @else {
120
- border: 0; /* [5] */
121
- }
122
-
123
- @if ($fortitude-text-input-border-radius != 0) {
124
- border-radius: $fortitude-text-input-border-radius;
125
- } @else {
126
- border-radius: 0; /* [5] */
127
- }
128
-
129
- @if ($fortitude-text-input-background-color) {
130
- background-color: $fortitude-text-input-background-color;
131
- }
132
-
133
- &::placeholder {
134
- color: $fortitude-text-input-placeholder-color;
135
- }
136
- }
137
-
138
- @mixin fortitude-textarea-input {
139
- @include fortitude-input;
140
-
141
- /**
142
- * 5. Reset/normalize some styles.
143
- * 6. Subtract the border size from the padding value so that inputs do not
144
- * grow larger as we add borders.
145
- */
146
-
147
- min-height: $fortitude-textarea-input-height;
148
- margin: fortitude-block-margin($fortitude-textarea-input-height, $fortitude-textarea-input-border-width, $fortitude-base-line-height) 0; /* [5] */
149
- padding: fortitude-block-padding($fortitude-textarea-input-height, $fortitude-textarea-input-border-width, $fortitude-base-line-height); /* [6] */
150
-
151
- @if($fortitude-textarea-input-border-width != 0) {
152
- border: $fortitude-textarea-input-border-width $fortitude-textarea-input-border-style $fortitude-textarea-input-border-color;
153
- } @else {
154
- border: 0; /* [5] */
155
- }
156
-
157
- @if ($fortitude-textarea-input-border-radius != 0) {
158
- border-radius: $fortitude-textarea-input-border-radius;
159
- } @else {
160
- border-radius: 0; /* [5] */
161
- }
162
-
163
- @if ($fortitude-textarea-input-background-color) {
164
- background-color: $fortitude-textarea-input-background-color;
165
- }
166
-
167
- &::placeholder {
168
- color: $fortitude-textarea-input-placeholder-color;
169
- }
170
- }
171
-
172
- @mixin fortitude-select-input {
173
- @include fortitude-input;
174
-
175
- /**
176
- * 5. Reset/normalize some styles.
177
- * 6. Subtract the border size from the padding value so that inputs do not
178
- * grow larger as we add borders.
179
- */
180
-
181
- height: $fortitude-select-input-height;
182
- margin: fortitude-block-margin($fortitude-select-input-height, $fortitude-select-input-border-width, $fortitude-base-line-height) 0; /* [5] */
183
- padding: fortitude-block-padding($fortitude-select-input-height, $fortitude-select-input-border-width, $fortitude-base-line-height); /* [6] */
184
-
185
- @if($fortitude-select-input-border-width != 0) {
186
- border: $fortitude-select-input-border-width $fortitude-select-input-border-style $fortitude-select-input-border-color;
187
- } @else {
188
- border: 0; /* [5] */
189
- }
190
-
191
- @if ($fortitude-select-input-border-radius != 0) {
192
- border-radius: $fortitude-select-input-border-radius;
193
- } @else {
194
- border-radius: 0; /* [5] */
195
- }
196
-
197
- @if ($fortitude-select-input-background-color) {
198
- background-color: $fortitude-select-input-background-color;
199
- }
200
-
201
- &.placeholder {
202
- color: $fortitude-select-input-placeholder-color;
203
- }
204
-
205
- &[multiple] {
206
- height: auto;
207
- }
208
- }
209
-
210
- @mixin fortitude-checkbox-input {
211
- @include fortitude-input;
212
-
213
- /**
214
- * 5. Reset/normalize some styles.
215
- * 6. Subtract the border size from the padding value so that inputs do not
216
- * grow larger as we add borders.
217
- */
218
-
219
- width: $fortitude-checkbox-input-size;
220
- height: $fortitude-checkbox-input-size;
221
- margin: fortitude-block-margin($fortitude-checkbox-input-size + 0.2rem, $fortitude-checkbox-input-border-width, $fortitude-base-line-height) 0; /* [5] */
222
- padding: fortitude-block-padding($fortitude-checkbox-input-size, $fortitude-checkbox-input-border-width, $fortitude-base-line-height); /* [6] */
223
-
224
- @if ($fortitude-checkbox-input-border-width != 0) {
225
- border: $fortitude-checkbox-input-border-width $fortitude-checkbox-input-border-style $fortitude-checkbox-input-border-color;
226
- } @else {
227
- border: 0; /* [5] */
228
- }
229
-
230
- @if ($fortitude-checkbox-input-border-radius != 0) {
231
- border-radius: $fortitude-checkbox-input-border-radius;
232
- } @else {
233
- border-radius: 0; /* [5] */
234
- }
235
-
236
- @if ($fortitude-checkbox-input-background-color) {
237
- background-color: $fortitude-checkbox-input-background-color;
238
- }
239
- }
240
-
241
- @mixin fortitude-radio-input {
242
- @include fortitude-input;
243
-
244
- /**
245
- * 5. Reset/normalize some styles.
246
- * 6. Subtract the border size from the padding value so that inputs do not
247
- * grow larger as we add borders.
248
- */
249
-
250
- width: $fortitude-radio-input-size;
251
- height: $fortitude-radio-input-size;
252
- margin: fortitude-block-margin($fortitude-radio-input-size + 0.4rem, $fortitude-radio-input-border-width, $fortitude-base-line-height) 0; /* [5] */
253
- padding: fortitude-block-padding($fortitude-radio-input-size, $fortitude-radio-input-border-width, $fortitude-base-line-height); /* [6] */
254
-
255
- @if ($fortitude-radio-input-border-width != 0) {
256
- border: $fortitude-radio-input-border-width $fortitude-radio-input-border-style $fortitude-radio-input-border-color;
257
- } @else {
258
- border: 0; /* [5] */
259
- }
260
-
261
- @if ($fortitude-radio-input-border-radius != 0) {
262
- border-radius: $fortitude-radio-input-border-radius;
263
- } @else {
264
- border-radius: 0; /* [5] */
265
- }
266
-
267
- @if ($fortitude-radio-input-background-color) {
268
- background-color: $fortitude-radio-input-background-color;
269
- }
270
- }
271
-
272
- @mixin fortitude-range-input {
273
- @include fortitude-input;
274
-
275
- /**
276
- * 5. Reset/normalize some styles.
277
- * 6. Subtract the border size from the padding value so that inputs do not
278
- * grow larger as we add borders.
279
- */
280
-
281
- height: $fortitude-range-input-height;
282
- margin: fortitude-block-margin($fortitude-range-input-height, $fortitude-range-input-border-width, $fortitude-base-line-height) 0; /* [5] */
283
- padding: fortitude-block-padding($fortitude-range-input-height, $fortitude-range-input-border-width, $fortitude-base-line-height) 0; /* [6] */
284
-
285
- @if ($fortitude-range-input-border-width != 0) {
286
- border: $fortitude-range-input-border-width $fortitude-range-input-border-style $fortitude-range-input-border-color;
287
- } @else {
288
- border: 0; /* [5] */
289
- }
290
-
291
- @if ($fortitude-range-input-border-radius != 0) {
292
- border-radius: $fortitude-range-input-border-radius;
293
- } @else {
294
- border-radius: 0; /* [5] */
295
- }
296
-
297
- @if ($fortitude-range-input-background-color) {
298
- background-color: $fortitude-range-input-background-color;
299
- }
300
- }
301
-
302
- @mixin fortitude-color-input {
303
- @include fortitude-input;
304
-
305
- /**
306
- * 5. Reset/normalize some styles.
307
- * 6. Subtract the border size from the padding value so that inputs do not
308
- * grow larger as we add borders.
309
- */
310
-
311
- height: $fortitude-color-input-height;
312
- margin: fortitude-block-margin($fortitude-color-input-height, $fortitude-color-input-border-width, $fortitude-base-line-height) 0; /* [5] */
313
- padding: fortitude-block-padding($fortitude-color-input-height, $fortitude-color-input-border-width, $fortitude-base-line-height); /* [6] */
314
-
315
- @if ($fortitude-color-input-border-width != 0) {
316
- border: $fortitude-color-input-border-width $fortitude-color-input-border-style $fortitude-color-input-border-color;
317
- } @else {
318
- border: 0; /* [5] */
319
- }
320
-
321
- @if ($fortitude-color-input-border-radius != 0) {
322
- border-radius: $fortitude-color-input-border-radius;
323
- } @else {
324
- border-radius: 0; /* [5] */
325
- }
326
-
327
- @if ($fortitude-color-input-background-color) {
328
- background-color: $fortitude-color-input-background-color;
329
- }
330
-
331
- &::placeholder {
332
- color: $fortitude-color-input-placeholder-color;
333
- }
334
- }
335
-
336
- @mixin fortitude-input--full { width: 100%; }
337
-
338
- @mixin fortitude-input--pill { border-radius: 10rem; }
339
-
340
1
  .#{$fortitude-namespace}checkbox-input {
341
- @include fortitude-checkbox-input;
2
+ @include fortitude-checkbox-input;
342
3
  }
343
4
 
344
5
  .#{$fortitude-namespace}radio-input {
345
- @include fortitude-radio-input;
6
+ @include fortitude-radio-input;
346
7
  }
347
8
 
348
9
  .#{$fortitude-namespace}text-input {
349
- @include fortitude-text-input;
10
+ @include fortitude-text-input;
350
11
  }
351
12
 
352
13
  .#{$fortitude-namespace}textarea-input {
353
- @include fortitude-textarea-input;
14
+ @include fortitude-textarea-input;
354
15
  }
355
16
 
356
17
  .#{$fortitude-namespace}select-input {
357
- @include fortitude-select-input;
18
+ @include fortitude-select-input;
358
19
  }
359
20
 
360
21
  .#{$fortitude-namespace}range-input {
361
- @include fortitude-range-input;
22
+ @include fortitude-range-input;
362
23
  }
363
24
 
364
25
  .#{$fortitude-namespace}color-input {
365
- @include fortitude-color-input;
26
+ @include fortitude-color-input;
366
27
  }
367
28
 
368
-
369
29
  .#{$fortitude-namespace}input {
370
- &--full {
371
- @include fortitude-input--full;
372
- }
373
-
374
- &--pill {
375
- @include fortitude-input--pill;
376
- }
377
- }
30
+ &--full {
31
+ @include fortitude-input--full;
32
+ }
33
+ &--pill {
34
+ @include fortitude-input--pill;
35
+ }
36
+ }