timequake 1.0.8 → 2.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (50) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/hamburgers/_base.scss +86 -0
  3. data/app/assets/stylesheets/hamburgers/hamburgers.scss +118 -0
  4. data/app/assets/stylesheets/hamburgers/types/_3dx-r.scss +35 -0
  5. data/app/assets/stylesheets/hamburgers/types/_3dx.scss +35 -0
  6. data/app/assets/stylesheets/hamburgers/types/_3dxy-r.scss +35 -0
  7. data/app/assets/stylesheets/hamburgers/types/_3dxy.scss +35 -0
  8. data/app/assets/stylesheets/hamburgers/types/_3dy-r.scss +35 -0
  9. data/app/assets/stylesheets/hamburgers/types/_3dy.scss +35 -0
  10. data/app/assets/stylesheets/hamburgers/types/_arrow-r.scss +16 -0
  11. data/app/assets/stylesheets/hamburgers/types/_arrow.scss +16 -0
  12. data/app/assets/stylesheets/hamburgers/types/_arrowalt-r.scss +36 -0
  13. data/app/assets/stylesheets/hamburgers/types/_arrowalt.scss +36 -0
  14. data/app/assets/stylesheets/hamburgers/types/_arrowturn-r.scss +18 -0
  15. data/app/assets/stylesheets/hamburgers/types/_arrowturn.scss +18 -0
  16. data/app/assets/stylesheets/hamburgers/types/_boring.scss +30 -0
  17. data/app/assets/stylesheets/hamburgers/types/_collapse-r.scss +47 -0
  18. data/app/assets/stylesheets/hamburgers/types/_collapse.scss +47 -0
  19. data/app/assets/stylesheets/hamburgers/types/_elastic-r.scss +41 -0
  20. data/app/assets/stylesheets/hamburgers/types/_elastic.scss +41 -0
  21. data/app/assets/stylesheets/hamburgers/types/_emphatic-r.scss +53 -0
  22. data/app/assets/stylesheets/hamburgers/types/_emphatic.scss +53 -0
  23. data/app/assets/stylesheets/hamburgers/types/_minus.scss +34 -0
  24. data/app/assets/stylesheets/hamburgers/types/_slider-r.scss +38 -0
  25. data/app/assets/stylesheets/hamburgers/types/_slider.scss +38 -0
  26. data/app/assets/stylesheets/hamburgers/types/_spin-r.scss +43 -0
  27. data/app/assets/stylesheets/hamburgers/types/_spin.scss +43 -0
  28. data/app/assets/stylesheets/hamburgers/types/_spring-r.scss +47 -0
  29. data/app/assets/stylesheets/hamburgers/types/_spring.scss +44 -0
  30. data/app/assets/stylesheets/hamburgers/types/_squeeze.scss +43 -0
  31. data/app/assets/stylesheets/hamburgers/types/_stand-r.scss +45 -0
  32. data/app/assets/stylesheets/hamburgers/types/_stand.scss +45 -0
  33. data/app/assets/stylesheets/hamburgers/types/_vortex-r.scss +48 -0
  34. data/app/assets/stylesheets/hamburgers/types/_vortex.scss +48 -0
  35. data/app/assets/stylesheets/timequake/_index.scss +7 -1
  36. data/app/assets/stylesheets/timequake/buttons.scss +3 -1
  37. data/app/assets/stylesheets/timequake/colors.scss +1 -0
  38. data/app/assets/stylesheets/timequake/display.scss +143 -0
  39. data/app/assets/stylesheets/timequake/flex.scss +128 -0
  40. data/app/assets/stylesheets/timequake/forms.scss +18 -0
  41. data/app/assets/stylesheets/timequake/layout.scss +59 -0
  42. data/app/assets/stylesheets/timequake/margin.scss +246 -0
  43. data/app/assets/stylesheets/timequake/padding.scss +246 -0
  44. data/app/assets/stylesheets/timequake/typography.scss +58 -0
  45. data/app/assets/stylesheets/timequake/universal.scss +17 -1
  46. data/app/assets/stylesheets/timequake/visibility.scss +39 -0
  47. data/lib/generators/timequake/templates/timequake_overrides.scss +77 -0
  48. data/lib/timequake/version.rb +1 -1
  49. data/timequake-2.0.1.gem +0 -0
  50. metadata +43 -3
@@ -0,0 +1,246 @@
1
+ .mx-hr {
2
+ margin-left: .5rem !important;
3
+ margin-right: .5rem !important;
4
+ }
5
+
6
+ .my-hr {
7
+ margin-top: .5rem !important;
8
+ margin-bottom: .5rem !important;
9
+ }
10
+
11
+ @for $i from 0 through 8 {
12
+ .mx-#{$i} {
13
+ margin-left: #{$i}rem !important;
14
+ margin-right: #{$i}rem !important;
15
+ }
16
+
17
+ .my-#{$i} {
18
+ margin-top: #{$i}rem !important;
19
+ margin-bottom: #{$i}rem !important;
20
+ }
21
+ }
22
+
23
+ .m-hr { margin: .5rem !important; }
24
+ @for $i from 0 through 8 {
25
+ .m-#{$i} { margin: #{$i}rem !important; }
26
+ }
27
+
28
+ .mb-hr { margin-bottom: .5rem !important; }
29
+ @for $i from 0 through 8 {
30
+ .mb-#{$i} { margin-bottom: #{$i}rem !important; }
31
+ }
32
+
33
+ .mt-hr { margin-top: .5rem !important; }
34
+ @for $i from 0 through 8 {
35
+ .mt-#{$i} { margin-top: #{$i}rem !important; }
36
+ }
37
+
38
+ .mr-hr { margin-right: .5rem !important; }
39
+ @for $i from 0 through 8 {
40
+ .mr-#{$i} { margin-right: #{$i}rem !important; }
41
+ }
42
+
43
+ .ml-hr { margin-left: .5rem !important; }
44
+ @for $i from 0 through 8 {
45
+ .ml-#{$i} { margin-left: #{$i}rem !important; }
46
+ }
47
+
48
+ // MEDIUM
49
+ @media (min-width: $medium) {
50
+ .md-mx-hr {
51
+ margin-left: .5rem !important;
52
+ margin-right: .5rem !important;
53
+ }
54
+
55
+ .md-my-hr {
56
+ margin-top: .5rem !important;
57
+ margin-bottom: .5rem !important;
58
+ }
59
+
60
+ @for $i from 0 through 8 {
61
+ .md-mx-#{$i} {
62
+ margin-left: #{$i}rem !important;
63
+ margin-right: #{$i}rem !important;
64
+ }
65
+
66
+ .md-my-#{$i} {
67
+ margin-top: #{$i}rem !important;
68
+ margin-bottom: #{$i}rem !important;
69
+ }
70
+ }
71
+
72
+ .md-m-hr { margin: .5rem !important; }
73
+ @for $i from 0 through 8 {
74
+ .md-m-#{$i} { margin: #{$i}rem !important; }
75
+ }
76
+
77
+ .md-mb-hr { margin-bottom: .5rem !important; }
78
+ @for $i from 0 through 8 {
79
+ .md-mb-#{$i} { margin-bottom: #{$i}rem !important; }
80
+ }
81
+
82
+ .md-mt-hr { margin-top: .5rem !important; }
83
+ @for $i from 0 through 8 {
84
+ .md-mt-#{$i} { margin-top: #{$i}rem !important; }
85
+ }
86
+
87
+ .md-mr-hr { margin-right: .5rem !important; }
88
+ @for $i from 0 through 8 {
89
+ .md-mr-#{$i} { margin-right: #{$i}rem !important; }
90
+ }
91
+
92
+ .md-ml-hr { margin-left: .5rem !important; }
93
+ @for $i from 0 through 8 {
94
+ .md-ml-#{$i} { margin-left: #{$i}rem !important; }
95
+ }
96
+ }
97
+
98
+ // LARGE
99
+ @media (min-width: $large) {
100
+ .lg-mx-hr {
101
+ margin-left: .5rem !important;
102
+ margin-right: .5rem !important;
103
+ }
104
+
105
+ .lg-my-hr {
106
+ margin-top: .5rem !important;
107
+ margin-bottom: .5rem !important;
108
+ }
109
+
110
+ @for $i from 0 through 8 {
111
+ .lg-mx-#{$i} {
112
+ margin-left: #{$i}rem !important;
113
+ margin-right: #{$i}rem !important;
114
+ }
115
+
116
+ .lg-my-#{$i} {
117
+ margin-top: #{$i}rem !important;
118
+ margin-bottom: #{$i}rem !important;
119
+ }
120
+ }
121
+
122
+ .lg-m-hr { margin: .5rem !important; }
123
+ @for $i from 0 through 8 {
124
+ .lg-m-#{$i} { margin: #{$i}rem !important; }
125
+ }
126
+
127
+ .lg-mb-hr { margin-bottom: .5rem !important; }
128
+ @for $i from 0 through 8 {
129
+ .lg-mb-#{$i} { margin-bottom: #{$i}rem !important; }
130
+ }
131
+
132
+ .lg-mt-hr { margin-top: .5rem !important; }
133
+ @for $i from 0 through 8 {
134
+ .lg-mt-#{$i} { margin-top: #{$i}rem !important; }
135
+ }
136
+
137
+ .lg-mr-hr { margin-right: .5rem !important; }
138
+ @for $i from 0 through 8 {
139
+ .lg-mr-#{$i} { margin-right: #{$i}rem !important; }
140
+ }
141
+
142
+ .lg-ml-hr { margin-left: .5rem !important; }
143
+ @for $i from 0 through 8 {
144
+ .lg-ml-#{$i} { margin-left: #{$i}rem !important; }
145
+ }
146
+ }
147
+
148
+ // XLARGE
149
+ @media (min-width: $xlarge) {
150
+ .xlg-mx-hr {
151
+ margin-left: .5rem !important;
152
+ margin-right: .5rem !important;
153
+ }
154
+
155
+ .xlg-my-hr {
156
+ margin-top: .5rem !important;
157
+ margin-bottom: .5rem !important;
158
+ }
159
+
160
+ @for $i from 0 through 8 {
161
+ .xlg-mx-#{$i} {
162
+ margin-left: #{$i}rem !important;
163
+ margin-right: #{$i}rem !important;
164
+ }
165
+
166
+ .xlg-my-#{$i} {
167
+ margin-top: #{$i}rem !important;
168
+ margin-bottom: #{$i}rem !important;
169
+ }
170
+ }
171
+
172
+ .xlg-m-hr { margin: .5rem !important; }
173
+ @for $i from 0 through 8 {
174
+ .xlg-m-#{$i} { margin: #{$i}rem !important; }
175
+ }
176
+
177
+ .xlg-mb-hr { margin-bottom: .5rem !important; }
178
+ @for $i from 0 through 8 {
179
+ .xlg-mb-#{$i} { margin-bottom: #{$i}rem !important; }
180
+ }
181
+
182
+ .xlg-mt-hr { margin-top: .5rem !important; }
183
+ @for $i from 0 through 8 {
184
+ .xlg-mt-#{$i} { margin-top: #{$i}rem !important; }
185
+ }
186
+
187
+ .xlg-mr-hr { margin-right: .5rem !important; }
188
+ @for $i from 0 through 8 {
189
+ .xlg-mr-#{$i} { margin-right: #{$i}rem !important; }
190
+ }
191
+
192
+ .xlg-ml-hr { margin-left: .5rem !important; }
193
+ @for $i from 0 through 8 {
194
+ .xlg-ml-#{$i} { margin-left: #{$i}rem !important; }
195
+ }
196
+ }
197
+
198
+ // XXLARGE
199
+ @media (min-width: $xxlarge) {
200
+ .xxlg-mx-hr {
201
+ margin-left: .5rem !important;
202
+ margin-right: .5rem !important;
203
+ }
204
+
205
+ .xxlg-my-hr {
206
+ margin-top: .5rem !important;
207
+ margin-bottom: .5rem !important;
208
+ }
209
+
210
+ @for $i from 0 through 8 {
211
+ .xxlg-mx-#{$i} {
212
+ margin-left: #{$i}rem !important;
213
+ margin-right: #{$i}rem !important;
214
+ }
215
+
216
+ .xxlg-my-#{$i} {
217
+ margin-top: #{$i}rem !important;
218
+ margin-bottom: #{$i}rem !important;
219
+ }
220
+ }
221
+
222
+ .xxlg-m-hr { margin: .5rem !important; }
223
+ @for $i from 0 through 8 {
224
+ .xxlg-m-#{$i} { margin: #{$i}rem !important; }
225
+ }
226
+
227
+ .xxlg-mb-hr { margin-bottom: .5rem !important; }
228
+ @for $i from 0 through 8 {
229
+ .xxlg-mb-#{$i} { margin-bottom: #{$i}rem !important; }
230
+ }
231
+
232
+ .xxlg-mt-hr { margin-top: .5rem !important; }
233
+ @for $i from 0 through 8 {
234
+ .xxlg-mt-#{$i} { margin-top: #{$i}rem !important; }
235
+ }
236
+
237
+ .xxlg-mr-hr { margin-right: .5rem !important; }
238
+ @for $i from 0 through 8 {
239
+ .xxlg-mr-#{$i} { margin-right: #{$i}rem !important; }
240
+ }
241
+
242
+ .xxlg-ml-hr { margin-left: .5rem !important; }
243
+ @for $i from 0 through 8 {
244
+ .xxlg-ml-#{$i} { margin-left: #{$i}rem !important; }
245
+ }
246
+ }
@@ -0,0 +1,246 @@
1
+ .px-hr {
2
+ padding-left: .5rem !important;
3
+ padding-right: .5rem !important;
4
+ }
5
+
6
+ .py-hr {
7
+ padding-top: .5rem !important;
8
+ padding-bottom: .5rem !important;
9
+ }
10
+
11
+ @for $i from 0 through 8 {
12
+ .px-#{$i} {
13
+ padding-left: #{$i}rem !important;
14
+ padding-right: #{$i}rem !important;
15
+ }
16
+
17
+ .py-#{$i} {
18
+ padding-top: #{$i}rem !important;
19
+ padding-bottom: #{$i}rem !important;
20
+ }
21
+ }
22
+
23
+ .p-hr { padding: .5rem !important; }
24
+ @for $i from 0 through 8 {
25
+ .p-#{$i} { padding: #{$i}rem !important; }
26
+ }
27
+
28
+ .pb-hr { padding-bottom: .5rem !important; }
29
+ @for $i from 0 through 8 {
30
+ .pb-#{$i} { padding-bottom: #{$i}rem !important; }
31
+ }
32
+
33
+ .pt-hr { padding-top: .5rem !important; }
34
+ @for $i from 0 through 8 {
35
+ .pt-#{$i} { padding-top: #{$i}rem !important; }
36
+ }
37
+
38
+ .pr-hr { padding-right: .5rem !important; }
39
+ @for $i from 0 through 8 {
40
+ .pr-#{$i} { padding-right: #{$i}rem !important; }
41
+ }
42
+
43
+ .pl-hr { padding-left: .5rem !important; }
44
+ @for $i from 0 through 8 {
45
+ .pl-#{$i} { padding-left: #{$i}rem !important; }
46
+ }
47
+
48
+ // MEDIUM
49
+ @media (min-width: $medium) {
50
+ .md-px-hr {
51
+ padding-left: .5rem !important;
52
+ padding-right: .5rem !important;
53
+ }
54
+
55
+ .md-py-hr {
56
+ padding-top: .5rem !important;
57
+ padding-bottom: .5rem !important;
58
+ }
59
+
60
+ @for $i from 0 through 8 {
61
+ .md-px-#{$i} {
62
+ padding-left: #{$i}rem !important;
63
+ padding-right: #{$i}rem !important;
64
+ }
65
+
66
+ .md-py-#{$i} {
67
+ padding-top: #{$i}rem !important;
68
+ padding-bottom: #{$i}rem !important;
69
+ }
70
+ }
71
+
72
+ .md-p-hr { padding: .5rem !important; }
73
+ @for $i from 0 through 8 {
74
+ .md-p-#{$i} { padding: #{$i}rem !important; }
75
+ }
76
+
77
+ .md-pb-hr { padding-bottom: .5rem !important; }
78
+ @for $i from 0 through 8 {
79
+ .md-pb-#{$i} { padding-bottom: #{$i}rem !important; }
80
+ }
81
+
82
+ .md-pt-hr { padding-top: .5rem !important; }
83
+ @for $i from 0 through 8 {
84
+ .md-pt-#{$i} { padding-top: #{$i}rem !important; }
85
+ }
86
+
87
+ .md-pr-hr { padding-right: .5rem !important; }
88
+ @for $i from 0 through 8 {
89
+ .md-pr-#{$i} { padding-right: #{$i}rem !important; }
90
+ }
91
+
92
+ .md-pl-hr { padding-left: .5rem !important; }
93
+ @for $i from 0 through 8 {
94
+ .md-pl-#{$i} { padding-left: #{$i}rem !important; }
95
+ }
96
+ }
97
+
98
+ // LARGE
99
+ @media (min-width: $large) {
100
+ .lg-px-hr {
101
+ padding-left: .5rem !important;
102
+ padding-right: .5rem !important;
103
+ }
104
+
105
+ .lg-py-hr {
106
+ padding-top: .5rem !important;
107
+ padding-bottom: .5rem !important;
108
+ }
109
+
110
+ @for $i from 0 through 8 {
111
+ .lg-px-#{$i} {
112
+ padding-left: #{$i}rem !important;
113
+ padding-right: #{$i}rem !important;
114
+ }
115
+
116
+ .lg-py-#{$i} {
117
+ padding-top: #{$i}rem !important;
118
+ padding-bottom: #{$i}rem !important;
119
+ }
120
+ }
121
+
122
+ .lg-p-hr { padding: .5rem !important; }
123
+ @for $i from 0 through 8 {
124
+ .lg-p-#{$i} { padding: #{$i}rem !important; }
125
+ }
126
+
127
+ .lg-pb-hr { padding-bottom: .5rem !important; }
128
+ @for $i from 0 through 8 {
129
+ .lg-pb-#{$i} { padding-bottom: #{$i}rem !important; }
130
+ }
131
+
132
+ .lg-pt-hr { padding-top: .5rem !important; }
133
+ @for $i from 0 through 8 {
134
+ .lg-pt-#{$i} { padding-top: #{$i}rem !important; }
135
+ }
136
+
137
+ .lg-pr-hr { padding-right: .5rem !important; }
138
+ @for $i from 0 through 8 {
139
+ .lg-pr-#{$i} { padding-right: #{$i}rem !important; }
140
+ }
141
+
142
+ .lg-pl-hr { padding-left: .5rem !important; }
143
+ @for $i from 0 through 8 {
144
+ .lg-pl-#{$i} { padding-left: #{$i}rem !important; }
145
+ }
146
+ }
147
+
148
+ // XLARGE
149
+ @media (min-width: $xlarge) {
150
+ .xlg-px-hr {
151
+ padding-left: .5rem !important;
152
+ padding-right: .5rem !important;
153
+ }
154
+
155
+ .xlg-py-hr {
156
+ padding-top: .5rem !important;
157
+ padding-bottom: .5rem !important;
158
+ }
159
+
160
+ @for $i from 0 through 8 {
161
+ .xlg-px-#{$i} {
162
+ padding-left: #{$i}rem !important;
163
+ padding-right: #{$i}rem !important;
164
+ }
165
+
166
+ .xlg-py-#{$i} {
167
+ padding-top: #{$i}rem !important;
168
+ padding-bottom: #{$i}rem !important;
169
+ }
170
+ }
171
+
172
+ .xlg-p-hr { padding: .5rem !important; }
173
+ @for $i from 0 through 8 {
174
+ .xlg-p-#{$i} { padding: #{$i}rem !important; }
175
+ }
176
+
177
+ .xlg-pb-hr { padding-bottom: .5rem !important; }
178
+ @for $i from 0 through 8 {
179
+ .xlg-pb-#{$i} { padding-bottom: #{$i}rem !important; }
180
+ }
181
+
182
+ .xlg-pt-hr { padding-top: .5rem !important; }
183
+ @for $i from 0 through 8 {
184
+ .xlg-pt-#{$i} { padding-top: #{$i}rem !important; }
185
+ }
186
+
187
+ .xlg-pr-hr { padding-right: .5rem !important; }
188
+ @for $i from 0 through 8 {
189
+ .xlg-pr-#{$i} { padding-right: #{$i}rem !important; }
190
+ }
191
+
192
+ .xlg-pl-hr { padding-left: .5rem !important; }
193
+ @for $i from 0 through 8 {
194
+ .xlg-pl-#{$i} { padding-left: #{$i}rem !important; }
195
+ }
196
+ }
197
+
198
+ // XXLARGE
199
+ @media (min-width: $xxlarge) {
200
+ .xxlg-px-hr {
201
+ padding-left: .5rem !important;
202
+ padding-right: .5rem !important;
203
+ }
204
+
205
+ .xxlg-py-hr {
206
+ padding-top: .5rem !important;
207
+ padding-bottom: .5rem !important;
208
+ }
209
+
210
+ @for $i from 0 through 8 {
211
+ .xxlg-px-#{$i} {
212
+ padding-left: #{$i}rem !important;
213
+ padding-right: #{$i}rem !important;
214
+ }
215
+
216
+ .xxlg-py-#{$i} {
217
+ padding-top: #{$i}rem !important;
218
+ padding-bottom: #{$i}rem !important;
219
+ }
220
+ }
221
+
222
+ .xxlg-p-hr { padding: .5rem !important; }
223
+ @for $i from 0 through 8 {
224
+ .xxlg-p-#{$i} { padding: #{$i}rem !important; }
225
+ }
226
+
227
+ .xxlg-pb-hr { padding-bottom: .5rem !important; }
228
+ @for $i from 0 through 8 {
229
+ .xxlg-pb-#{$i} { padding-bottom: #{$i}rem !important; }
230
+ }
231
+
232
+ .xxlg-pt-hr { padding-top: .5rem !important; }
233
+ @for $i from 0 through 8 {
234
+ .xxlg-pt-#{$i} { padding-top: #{$i}rem !important; }
235
+ }
236
+
237
+ .xxlg-pr-hr { padding-right: .5rem !important; }
238
+ @for $i from 0 through 8 {
239
+ .xxlg-pr-#{$i} { padding-right: #{$i}rem !important; }
240
+ }
241
+
242
+ .xxlg-pl-hr { padding-left: .5rem !important; }
243
+ @for $i from 0 through 8 {
244
+ .xxlg-pl-#{$i} { padding-left: #{$i}rem !important; }
245
+ }
246
+ }
@@ -16,6 +16,7 @@ $btn-font: $copy-font !default;
16
16
  html {
17
17
  font-family: $body-font;
18
18
  font-size: $body-font-size;
19
+ color: $heading-color;
19
20
  }
20
21
 
21
22
  .copy {
@@ -42,3 +43,60 @@ html {
42
43
  .heading-4 { font-size: $heading-4-font-size; }
43
44
  .heading-5 { font-size: $heading-5-font-size; }
44
45
  .heading-6 { font-size: $heading-6-font-size; }
46
+
47
+ @for $i from 1 through 200 {
48
+ .fz-#{$i} { font-size: #{$i}px !important; }
49
+ }
50
+
51
+ .fw-100 { font-weight: 100 !important; }
52
+ .fw-200 { font-weight: 200 !important; }
53
+ .fw-300 { font-weight: 300 !important; }
54
+ .fw-400 { font-weight: 400 !important; }
55
+ .fw-500 { font-weight: 500 !important; }
56
+ .fw-600 { font-weight: 600 !important; }
57
+ .fw-700 { font-weight: 700 !important; }
58
+ .fw-800 { font-weight: 800 !important; }
59
+ .fw-900 { font-weight: 900 !important; }
60
+
61
+ /* TEXT HELPERS */
62
+ .bold { font-weight: bold !important; }
63
+ .italic { font-style: italic !important; }
64
+ .uppercase { text-transform: uppercase !important; }
65
+ .lowercase { text-transform: lowercase !important; }
66
+ .capitalize { text-transform: capitalize !important; }
67
+ .nowrap { white-space: nowrap !important; }
68
+ .underline { text-decoration: underline !important; }
69
+ .line-through { text-decoration: line-through !important; }
70
+
71
+ .text-center { text-align: center !important; }
72
+ .text-right { text-align: right !important; }
73
+ .text-left { text-align: left !important; }
74
+ .text-justify { text-align: justify !important; }
75
+
76
+ @media (min-width: $medium) {
77
+ .md-text-center { text-align: center !important; }
78
+ .md-text-right { text-align: right !important; }
79
+ .md-text-left { text-align: left !important; }
80
+ .md-text-justify { text-align: justify !important; }
81
+ }
82
+
83
+ @media (min-width: $large) {
84
+ .lg-text-center { text-align: center !important; }
85
+ .lg-text-right { text-align: right !important; }
86
+ .lg-text-left { text-align: left !important; }
87
+ .lg-text-justify { text-align: justify !important; }
88
+ }
89
+
90
+ @media (min-width: $xlarge) {
91
+ .xlg-text-center { text-align: center !important; }
92
+ .xlg-text-right { text-align: right !important; }
93
+ .xlg-text-left { text-align: left !important; }
94
+ .xlg-text-justify { text-align: justify !important; }
95
+ }
96
+
97
+ @media (min-width: $xxlarge) {
98
+ .xxlg-text-center { text-align: center !important; }
99
+ .xxlg-text-right { text-align: right !important; }
100
+ .xxlg-text-left { text-align: left !important; }
101
+ .xxlg-text-justify { text-align: justify !important; }
102
+ }
@@ -1,13 +1,20 @@
1
1
  $main-overflow: hidden !default;
2
2
  $section-padding-desktop: 2rem 0 !default;
3
3
  $section-padding-mobile: 1rem 0 !default;
4
+ $link-hover-color: $primary-color !default;
5
+
6
+ * {
7
+ box-sizing: border-box;
8
+ padding: 0;
9
+ margin: 0;
10
+ }
4
11
 
5
12
  main { overflow: $main-overflow; }
6
13
 
7
14
  section {
8
15
  padding: $section-padding-mobile;
9
16
 
10
- @include breakpoint('large') {
17
+ @media (min-width: $large) {
11
18
  padding: $section-padding-desktop;
12
19
  }
13
20
  }
@@ -15,16 +22,25 @@ section {
15
22
  a {
16
23
  color: inherit;
17
24
  text-decoration: none;
25
+ transition: 300ms;
26
+
27
+ &.link:hover { color: $link-hover-color; }
18
28
  }
19
29
 
20
30
  ul,
21
31
  ol {
22
32
  &.no-style { list-style-type: none; }
33
+ &.circle { list-style-type: circle; }
34
+ &.square { list-style-type: square; }
35
+ &.upper-roman { list-style-type: upper-roman; }
36
+ &.lower-alpha { list-style-type: lower-alpha; }
23
37
  }
24
38
 
25
39
  img {
26
40
  display: inline-block;
27
41
  vertical-align: middle;
28
42
  max-width: 100%;
43
+ max-height: 100%;
44
+ width: auto;
29
45
  height: auto;
30
46
  }
@@ -0,0 +1,39 @@
1
+ /* VISIBILITY HELPERS */
2
+ .hide { display: none !important; }
3
+ .md-show { display: none !important; }
4
+ .md-show-inline { display: none !important; }
5
+ .lg-show { display: none !important; }
6
+ .lg-show-inline { display: none !important; }
7
+ .xlg-show { display: none !important; }
8
+ .xlg-show-inline { display: none !important; }
9
+ .xxlg-show { display: none !important; }
10
+ .xxlg-show-inline { display: none !important; }
11
+ .invisible { visibility: hidden !important; }
12
+
13
+ @media (min-width: $medium) {
14
+ .md-hide { display: none !important; }
15
+ .md-show { display: block !important; }
16
+ .md-show-inline { display: inline-block !important; }
17
+ .md-invisible { visibility: hidden !important; }
18
+ }
19
+
20
+ @media (min-width: $large) {
21
+ .lg-hide { display: none !important; }
22
+ .lg-show { display: block !important; }
23
+ .lg-show-inline { display: inline-block !important; }
24
+ .lg-invisible { visibility: hidden !important; }
25
+ }
26
+
27
+ @media (min-width: $xlarge) {
28
+ .xlg-hide { display: none !important; }
29
+ .xlg-show { display: block !important; }
30
+ .xlg-show-inline { display: inline-block !important; }
31
+ .xlg-invisible { visibility: hidden !important; }
32
+ }
33
+
34
+ @media (min-width: $xxlarge) {
35
+ .xxlg-hide { display: none !important; }
36
+ .xxlg-show { display: block !important; }
37
+ .xxlg-show-inline { display: inline-block !important; }
38
+ .xxlg-invisible { visibility: hidden !important; }
39
+ }