vital 1.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +27 -0
- data/.ruby-version +1 -0
- data/CHANGELOG.md +18 -0
- data/CONTRIBUTING.md +31 -0
- data/Gemfile +2 -0
- data/Gemfile.lock +42 -0
- data/LICENSE.md +13 -0
- data/README.md +92 -0
- data/Rakefile +41 -0
- data/dist/css/vital.css +1355 -0
- data/dist/css/vital.css.map +7 -0
- data/dist/css/vital.min.css +2 -0
- data/dist/css/vital.min.css.map +7 -0
- data/dist/fonts/icons.eot +0 -0
- data/dist/fonts/icons.svg +50 -0
- data/dist/fonts/icons.ttf +0 -0
- data/dist/fonts/icons.woff +0 -0
- data/fontcustom.yml +24 -0
- data/fonts/icons.eot +0 -0
- data/fonts/icons.svg +50 -0
- data/fonts/icons.ttf +0 -0
- data/fonts/icons.woff +0 -0
- data/lib/vital/engine.rb +10 -0
- data/lib/vital/version.rb +3 -0
- data/lib/vital.rb +57 -0
- data/releases/v1.0.0/fonts/icons.eot +0 -0
- data/releases/v1.0.0/fonts/icons.svg +50 -0
- data/releases/v1.0.0/fonts/icons.ttf +0 -0
- data/releases/v1.0.0/fonts/icons.woff +0 -0
- data/releases/v1.0.0/stylesheets/vital.min.css +1 -0
- data/releases/v1.0.1/fonts/icons.eot +0 -0
- data/releases/v1.0.1/fonts/icons.svg +50 -0
- data/releases/v1.0.1/fonts/icons.ttf +0 -0
- data/releases/v1.0.1/fonts/icons.woff +0 -0
- data/releases/v1.0.1/stylesheets/vital.min.css +1 -0
- data/releases/v1.1.0/fonts/icons.eot +0 -0
- data/releases/v1.1.0/fonts/icons.svg +50 -0
- data/releases/v1.1.0/fonts/icons.ttf +0 -0
- data/releases/v1.1.0/fonts/icons.woff +0 -0
- data/releases/v1.1.0/stylesheets/vital.min.css +1 -0
- data/sass/vital/_all.sass +21 -0
- data/sass/vital/_base.sass +148 -0
- data/sass/vital/_buttons.sass +133 -0
- data/sass/vital/_custom.sass +4 -0
- data/sass/vital/_footer.sass +33 -0
- data/sass/vital/_forms.sass +187 -0
- data/sass/vital/_grid.sass +47 -0
- data/sass/vital/_header.sass +134 -0
- data/sass/vital/_helpers.sass +191 -0
- data/sass/vital/_heroes.sass +35 -0
- data/sass/vital/_icons.sass +80 -0
- data/sass/vital/_loaders.sass +82 -0
- data/sass/vital/_normalize.sass +325 -0
- data/sass/vital/_notice.sass +20 -0
- data/sass/vital/_pagination.sass +32 -0
- data/sass/vital/_sprockets.sass +7 -0
- data/sass/vital/_syntax.sass +159 -0
- data/sass/vital/_tables.sass +40 -0
- data/sass/vital/_tabs.sass +61 -0
- data/sass/vital/_variables.sass +135 -0
- data/sass/vital.css.sass +1 -0
- data/sass/vital.sass +1 -0
- data/vital.gemspec +23 -0
- metadata +164 -0
@@ -0,0 +1,325 @@
|
|
1
|
+
// ! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css
|
2
|
+
|
3
|
+
//
|
4
|
+
// 1. Change the default font family in all browsers (opinionated).
|
5
|
+
// 2. Prevent adjustments of font size after orientation changes in IE and iOS.
|
6
|
+
|
7
|
+
html
|
8
|
+
font-family: sans-serif
|
9
|
+
// 1
|
10
|
+
-ms-text-size-adjust: 100%
|
11
|
+
// 2
|
12
|
+
-webkit-text-size-adjust: 100%
|
13
|
+
// 2
|
14
|
+
|
15
|
+
//
|
16
|
+
// Remove the margin in all browsers (opinionated).
|
17
|
+
|
18
|
+
body
|
19
|
+
margin: 0
|
20
|
+
|
21
|
+
// HTML5 display definitions
|
22
|
+
// ==========================================================================
|
23
|
+
|
24
|
+
//
|
25
|
+
// Add the correct display in IE 9-.
|
26
|
+
// 1. Add the correct display in Edge, IE, and Firefox.
|
27
|
+
// 2. Add the correct display in IE.
|
28
|
+
|
29
|
+
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary
|
30
|
+
// 1
|
31
|
+
display: block
|
32
|
+
|
33
|
+
//
|
34
|
+
// Add the correct display in IE 9-.
|
35
|
+
|
36
|
+
audio, canvas, progress, video
|
37
|
+
display: inline-block
|
38
|
+
|
39
|
+
//
|
40
|
+
// Add the correct display in iOS 4-7.
|
41
|
+
|
42
|
+
audio:not([controls])
|
43
|
+
display: none
|
44
|
+
height: 0
|
45
|
+
|
46
|
+
//
|
47
|
+
// Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
48
|
+
|
49
|
+
progress
|
50
|
+
vertical-align: baseline
|
51
|
+
|
52
|
+
//
|
53
|
+
// Add the correct display in IE 10-.
|
54
|
+
// 1. Add the correct display in IE.
|
55
|
+
|
56
|
+
template, [hidden]
|
57
|
+
display: none
|
58
|
+
|
59
|
+
// Links
|
60
|
+
// ==========================================================================
|
61
|
+
|
62
|
+
//
|
63
|
+
// Remove the gray background on active links in IE 10.
|
64
|
+
|
65
|
+
a
|
66
|
+
background-color: transparent
|
67
|
+
&:active, &:hover
|
68
|
+
outline-width: 0
|
69
|
+
|
70
|
+
//
|
71
|
+
// Remove the outline on focused links when they are also active or hovered
|
72
|
+
// in all browsers (opinionated).
|
73
|
+
|
74
|
+
// Text-level semantics
|
75
|
+
// ==========================================================================
|
76
|
+
|
77
|
+
//
|
78
|
+
// 1. Remove the bottom border in Firefox 39-.
|
79
|
+
// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
80
|
+
|
81
|
+
abbr[title]
|
82
|
+
border-bottom: none
|
83
|
+
// 1
|
84
|
+
text-decoration: underline
|
85
|
+
// 2
|
86
|
+
text-decoration: underline dotted
|
87
|
+
// 2
|
88
|
+
|
89
|
+
//
|
90
|
+
// Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
91
|
+
|
92
|
+
b, strong
|
93
|
+
font-weight: inherit
|
94
|
+
|
95
|
+
//
|
96
|
+
// Add the correct font weight in Chrome, Edge, and Safari.
|
97
|
+
|
98
|
+
b, strong
|
99
|
+
font-weight: bolder
|
100
|
+
|
101
|
+
//
|
102
|
+
// Add the correct font style in Android 4.3-.
|
103
|
+
|
104
|
+
dfn
|
105
|
+
font-style: italic
|
106
|
+
|
107
|
+
//
|
108
|
+
// Correct the font size and margin on `h1` elements within `section` and
|
109
|
+
// `article` contexts in Chrome, Firefox, and Safari.
|
110
|
+
|
111
|
+
h1
|
112
|
+
font-size: 2em
|
113
|
+
margin: 0.67em 0
|
114
|
+
|
115
|
+
//
|
116
|
+
// Add the correct background and color in IE 9-.
|
117
|
+
|
118
|
+
mark
|
119
|
+
background-color: #ff0
|
120
|
+
color: #000
|
121
|
+
|
122
|
+
//
|
123
|
+
// Add the correct font size in all browsers.
|
124
|
+
|
125
|
+
small
|
126
|
+
font-size: 80%
|
127
|
+
|
128
|
+
//
|
129
|
+
// Prevent `sub` and `sup` elements from affecting the line height in
|
130
|
+
// all browsers.
|
131
|
+
|
132
|
+
sub, sup
|
133
|
+
font-size: 75%
|
134
|
+
line-height: 0
|
135
|
+
position: relative
|
136
|
+
vertical-align: baseline
|
137
|
+
|
138
|
+
sub
|
139
|
+
bottom: -0.25em
|
140
|
+
|
141
|
+
sup
|
142
|
+
top: -0.5em
|
143
|
+
|
144
|
+
// Embedded content
|
145
|
+
// ==========================================================================
|
146
|
+
|
147
|
+
//
|
148
|
+
// Remove the border on images inside links in IE 10-.
|
149
|
+
|
150
|
+
img
|
151
|
+
border-style: none
|
152
|
+
|
153
|
+
//
|
154
|
+
// Hide the overflow in IE.
|
155
|
+
|
156
|
+
svg:not(:root)
|
157
|
+
overflow: hidden
|
158
|
+
|
159
|
+
// Grouping content
|
160
|
+
// ==========================================================================
|
161
|
+
|
162
|
+
//
|
163
|
+
// 1. Correct the inheritance and scaling of font size in all browsers.
|
164
|
+
// 2. Correct the odd `em` font sizing in all browsers.
|
165
|
+
|
166
|
+
code, kbd, pre, samp
|
167
|
+
font-family: monospace, monospace
|
168
|
+
// 1
|
169
|
+
font-size: 1em
|
170
|
+
// 2
|
171
|
+
|
172
|
+
//
|
173
|
+
// Add the correct margin in IE 8.
|
174
|
+
|
175
|
+
figure
|
176
|
+
margin: 1em 40px
|
177
|
+
|
178
|
+
//
|
179
|
+
// 1. Add the correct box sizing in Firefox.
|
180
|
+
// 2. Show the overflow in Edge and IE.
|
181
|
+
|
182
|
+
hr
|
183
|
+
box-sizing: content-box
|
184
|
+
// 1
|
185
|
+
height: 0
|
186
|
+
// 1
|
187
|
+
overflow: visible
|
188
|
+
// 2
|
189
|
+
|
190
|
+
// Forms
|
191
|
+
// ==========================================================================
|
192
|
+
|
193
|
+
//
|
194
|
+
// Change font properties to `inherit` in all browsers (opinionated).
|
195
|
+
|
196
|
+
button, input, select, textarea
|
197
|
+
font: inherit
|
198
|
+
|
199
|
+
//
|
200
|
+
// Restore the font weight unset by the previous rule.
|
201
|
+
|
202
|
+
optgroup
|
203
|
+
font-weight: bold
|
204
|
+
|
205
|
+
//
|
206
|
+
// Show the overflow in IE.
|
207
|
+
// 1. Show the overflow in Edge.
|
208
|
+
// 2. Show the overflow in Edge, Firefox, and IE.
|
209
|
+
|
210
|
+
button, input, select
|
211
|
+
// 2
|
212
|
+
overflow: visible
|
213
|
+
|
214
|
+
//
|
215
|
+
// Remove the margin in Safari.
|
216
|
+
// 1. Remove the margin in Firefox and Safari.
|
217
|
+
|
218
|
+
button, input, select, textarea
|
219
|
+
// 1
|
220
|
+
margin: 0
|
221
|
+
|
222
|
+
//
|
223
|
+
// Remove the inheritence of text transform in Edge, Firefox, and IE.
|
224
|
+
// 1. Remove the inheritence of text transform in Firefox.
|
225
|
+
|
226
|
+
button, select
|
227
|
+
// 1
|
228
|
+
text-transform: none
|
229
|
+
|
230
|
+
//
|
231
|
+
// Change the cursor in all browsers (opinionated).
|
232
|
+
|
233
|
+
button, [type="button"], [type="reset"], [type="submit"]
|
234
|
+
cursor: pointer
|
235
|
+
|
236
|
+
//
|
237
|
+
// Restore the default cursor to disabled elements unset by the previous rule.
|
238
|
+
|
239
|
+
[disabled]
|
240
|
+
cursor: default
|
241
|
+
|
242
|
+
//
|
243
|
+
// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
244
|
+
// controls in Android 4.
|
245
|
+
// 2. Correct the inability to style clickable types in iOS.
|
246
|
+
|
247
|
+
button, html [type="button"], [type="reset"], [type="submit"]
|
248
|
+
-webkit-appearance: button
|
249
|
+
// 2
|
250
|
+
|
251
|
+
//
|
252
|
+
// Remove the inner border and padding in Firefox.
|
253
|
+
|
254
|
+
button::-moz-focus-inner, input::-moz-focus-inner
|
255
|
+
border: 0
|
256
|
+
padding: 0
|
257
|
+
|
258
|
+
//
|
259
|
+
// Restore the focus styles unset by the previous rule.
|
260
|
+
|
261
|
+
button:-moz-focusring, input:-moz-focusring
|
262
|
+
outline: 1px dotted ButtonText
|
263
|
+
|
264
|
+
//
|
265
|
+
// Change the border, margin, and padding in all browsers (opinionated).
|
266
|
+
|
267
|
+
fieldset
|
268
|
+
border: 1px solid #c0c0c0
|
269
|
+
margin: 0 2px
|
270
|
+
padding: 0.35em 0.625em 0.75em
|
271
|
+
|
272
|
+
//
|
273
|
+
// 1. Correct the text wrapping in Edge and IE.
|
274
|
+
// 2. Correct the color inheritance from `fieldset` elements in IE.
|
275
|
+
// 3. Remove the padding so developers are not caught out when they zero out
|
276
|
+
// `fieldset` elements in all browsers.
|
277
|
+
|
278
|
+
legend
|
279
|
+
box-sizing: border-box
|
280
|
+
// 1
|
281
|
+
color: inherit
|
282
|
+
// 2
|
283
|
+
display: table
|
284
|
+
// 1
|
285
|
+
max-width: 100%
|
286
|
+
// 1
|
287
|
+
padding: 0
|
288
|
+
// 3
|
289
|
+
white-space: normal
|
290
|
+
// 1
|
291
|
+
|
292
|
+
//
|
293
|
+
// Remove the default vertical scrollbar in IE.
|
294
|
+
|
295
|
+
textarea
|
296
|
+
overflow: auto
|
297
|
+
|
298
|
+
//
|
299
|
+
// 1. Add the correct box sizing in IE 10-.
|
300
|
+
// 2. Remove the padding in IE 10-.
|
301
|
+
|
302
|
+
[type="checkbox"], [type="radio"]
|
303
|
+
box-sizing: border-box
|
304
|
+
// 1
|
305
|
+
padding: 0
|
306
|
+
// 2
|
307
|
+
|
308
|
+
//
|
309
|
+
// Correct the cursor style of increment and decrement buttons in Chrome.
|
310
|
+
|
311
|
+
[type="number"]
|
312
|
+
&::-webkit-inner-spin-button, &::-webkit-outer-spin-button
|
313
|
+
height: auto
|
314
|
+
|
315
|
+
//
|
316
|
+
// Correct the odd appearance of search inputs in Chrome and Safari.
|
317
|
+
|
318
|
+
[type="search"]
|
319
|
+
-webkit-appearance: textfield
|
320
|
+
&::-webkit-search-cancel-button, &::-webkit-search-decoration
|
321
|
+
-webkit-appearance: none
|
322
|
+
|
323
|
+
//
|
324
|
+
// Remove the inner padding and cancel buttons in Chrome on OS X and
|
325
|
+
// Safari on OS X.
|
@@ -0,0 +1,20 @@
|
|
1
|
+
@import variables
|
2
|
+
|
3
|
+
// Notice
|
4
|
+
|
5
|
+
.notice
|
6
|
+
background: $notice
|
7
|
+
text-align: center
|
8
|
+
.section
|
9
|
+
position: relative
|
10
|
+
padding-right: 3em
|
11
|
+
i.icon-close-outline
|
12
|
+
cursor: pointer
|
13
|
+
font-size: 2em
|
14
|
+
line-height: 1.91
|
15
|
+
position: absolute
|
16
|
+
right: 0.5em
|
17
|
+
top: 0
|
18
|
+
&:hover
|
19
|
+
&:before
|
20
|
+
content: $font-icons-icon-close
|
@@ -0,0 +1,32 @@
|
|
1
|
+
@import variables
|
2
|
+
|
3
|
+
.pagination
|
4
|
+
margin: 1em 0
|
5
|
+
padding: 1em
|
6
|
+
text-align: center
|
7
|
+
a, .current, .next_page, .previous_page
|
8
|
+
background: transparent
|
9
|
+
border-radius: $round
|
10
|
+
border: 1px solid $gray-light
|
11
|
+
color: $gray
|
12
|
+
display: inline-block
|
13
|
+
font-size: 1em
|
14
|
+
margin: 0.5%
|
15
|
+
min-height: 2.6em
|
16
|
+
padding: 0.4em 1em
|
17
|
+
&.current, &:hover
|
18
|
+
background: $gray-light
|
19
|
+
color: $white
|
20
|
+
transition: $all
|
21
|
+
.next_page, .previous_page
|
22
|
+
min-width: 9em
|
23
|
+
|
24
|
+
@media screen and (max-width: $handheld)
|
25
|
+
|
26
|
+
.pagination
|
27
|
+
a, .current, .gap
|
28
|
+
margin: 0 1em 1em 0
|
29
|
+
.next_page, .previous_page
|
30
|
+
width: 9em
|
31
|
+
display: block
|
32
|
+
margin: 0 auto 1em auto
|
@@ -0,0 +1,159 @@
|
|
1
|
+
@import variables
|
2
|
+
|
3
|
+
// Syntax Highlighting
|
4
|
+
|
5
|
+
.highlight
|
6
|
+
code
|
7
|
+
width: 100%
|
8
|
+
|
9
|
+
.hll
|
10
|
+
background-color: #f8f8f8
|
11
|
+
border: 1px solid #ccc
|
12
|
+
padding: 6px 10px
|
13
|
+
border-radius: 3px
|
14
|
+
|
15
|
+
.c
|
16
|
+
color: #999988
|
17
|
+
font-style: italic
|
18
|
+
|
19
|
+
.err
|
20
|
+
color: #a61717
|
21
|
+
background-color: #e3d2d2
|
22
|
+
|
23
|
+
.k, .o
|
24
|
+
font-weight: bold
|
25
|
+
|
26
|
+
.cm
|
27
|
+
color: #999988
|
28
|
+
font-style: italic
|
29
|
+
|
30
|
+
.cp
|
31
|
+
color: #999999
|
32
|
+
font-weight: bold
|
33
|
+
|
34
|
+
.c1
|
35
|
+
color: #999988
|
36
|
+
font-style: italic
|
37
|
+
|
38
|
+
.cs
|
39
|
+
color: #999999
|
40
|
+
font-weight: bold
|
41
|
+
font-style: italic
|
42
|
+
|
43
|
+
.gd
|
44
|
+
color: #000000
|
45
|
+
background-color: #ffdddd
|
46
|
+
.x
|
47
|
+
color: #000000
|
48
|
+
background-color: #ffaaaa
|
49
|
+
|
50
|
+
.ge
|
51
|
+
font-style: italic
|
52
|
+
|
53
|
+
.gr
|
54
|
+
color: #aa0000
|
55
|
+
|
56
|
+
.gh
|
57
|
+
color: #999999
|
58
|
+
|
59
|
+
.gi
|
60
|
+
color: #000000
|
61
|
+
background-color: #ddffdd
|
62
|
+
.x
|
63
|
+
color: #000000
|
64
|
+
background-color: #aaffaa
|
65
|
+
|
66
|
+
.go
|
67
|
+
color: #888888
|
68
|
+
|
69
|
+
.gp
|
70
|
+
color: #555555
|
71
|
+
|
72
|
+
.gs
|
73
|
+
font-weight: bold
|
74
|
+
|
75
|
+
.gu
|
76
|
+
color: #800080
|
77
|
+
font-weight: bold
|
78
|
+
|
79
|
+
.gt
|
80
|
+
color: #aa0000
|
81
|
+
|
82
|
+
.kc, .kd, .kn, .kp, .kr
|
83
|
+
font-weight: bold
|
84
|
+
|
85
|
+
.kt
|
86
|
+
color: #445588
|
87
|
+
font-weight: bold
|
88
|
+
|
89
|
+
.m
|
90
|
+
color: #009999
|
91
|
+
|
92
|
+
.s
|
93
|
+
color: #dd1144
|
94
|
+
|
95
|
+
.n
|
96
|
+
color: #333333
|
97
|
+
|
98
|
+
.na
|
99
|
+
color: teal
|
100
|
+
|
101
|
+
.nb
|
102
|
+
color: #0086b3
|
103
|
+
|
104
|
+
.nc
|
105
|
+
color: #445588
|
106
|
+
font-weight: bold
|
107
|
+
|
108
|
+
.no
|
109
|
+
color: teal
|
110
|
+
|
111
|
+
.ni
|
112
|
+
color: purple
|
113
|
+
|
114
|
+
.ne, .nf
|
115
|
+
color: #990000
|
116
|
+
font-weight: bold
|
117
|
+
|
118
|
+
.nn
|
119
|
+
color: #555555
|
120
|
+
|
121
|
+
.nt
|
122
|
+
color: navy
|
123
|
+
|
124
|
+
.nv
|
125
|
+
color: teal
|
126
|
+
|
127
|
+
.ow
|
128
|
+
font-weight: bold
|
129
|
+
|
130
|
+
.w
|
131
|
+
color: #bbbbbb
|
132
|
+
|
133
|
+
.mf, .mh, .mi, .mo
|
134
|
+
color: #009999
|
135
|
+
|
136
|
+
.sb, .sc, .sd, .s2, .se, .sh, .si, .sx
|
137
|
+
color: #dd1144
|
138
|
+
|
139
|
+
.sr
|
140
|
+
color: #009926
|
141
|
+
|
142
|
+
.s1
|
143
|
+
color: #dd1144
|
144
|
+
|
145
|
+
.ss
|
146
|
+
color: #990073
|
147
|
+
|
148
|
+
.bp
|
149
|
+
color: #999999
|
150
|
+
|
151
|
+
.vc, .vg, .vi
|
152
|
+
color: teal
|
153
|
+
|
154
|
+
.il
|
155
|
+
color: #009999
|
156
|
+
|
157
|
+
.gc
|
158
|
+
color: #999
|
159
|
+
background-color: #EAF2F5
|
@@ -0,0 +1,40 @@
|
|
1
|
+
@import variables
|
2
|
+
|
3
|
+
// Tables
|
4
|
+
|
5
|
+
table
|
6
|
+
width: 100%
|
7
|
+
margin: 1em 0
|
8
|
+
border-spacing: 0
|
9
|
+
border-collapse: separate
|
10
|
+
th
|
11
|
+
font-weight: 400
|
12
|
+
color: #000
|
13
|
+
text-align: left
|
14
|
+
td
|
15
|
+
border-top: $border-width solid $gray-lighter
|
16
|
+
|
17
|
+
td, th
|
18
|
+
padding: 0.5em
|
19
|
+
text-align: left
|
20
|
+
vertical-align: top
|
21
|
+
tfoot
|
22
|
+
tr
|
23
|
+
border-bottom: 0
|
24
|
+
|
25
|
+
@media screen and (max-width: $handheld)
|
26
|
+
|
27
|
+
tr, td, th
|
28
|
+
display: block
|
29
|
+
tr
|
30
|
+
padding: 1em 0
|
31
|
+
border-top: 1px solid $gray-lighter
|
32
|
+
&:first-child
|
33
|
+
border-top: 0
|
34
|
+
thead
|
35
|
+
display: none
|
36
|
+
td
|
37
|
+
clear: both
|
38
|
+
border: none
|
39
|
+
td, th
|
40
|
+
padding: 0.25em 0
|
@@ -0,0 +1,61 @@
|
|
1
|
+
@import variables
|
2
|
+
|
3
|
+
// Tabs
|
4
|
+
|
5
|
+
.tabs-block
|
6
|
+
background: transparent
|
7
|
+
border-bottom: $border-width solid $gray-lighter
|
8
|
+
.col
|
9
|
+
text-align: center
|
10
|
+
position: relative
|
11
|
+
&:last-child
|
12
|
+
border-right: 0
|
13
|
+
&:hover, &.here
|
14
|
+
background: $gray-lighter
|
15
|
+
transition: $all
|
16
|
+
a
|
17
|
+
width: 100%
|
18
|
+
display: inline-block
|
19
|
+
padding: 0.5em
|
20
|
+
color: $text
|
21
|
+
|
22
|
+
.tabs
|
23
|
+
display: inline-block
|
24
|
+
list-style: none
|
25
|
+
margin: 1em 0
|
26
|
+
padding: 0
|
27
|
+
width: 100%
|
28
|
+
a
|
29
|
+
border-radius: $radius
|
30
|
+
border: $border-width solid transparent
|
31
|
+
padding: 0.65em 1em
|
32
|
+
color: $text
|
33
|
+
li
|
34
|
+
display: inline-block
|
35
|
+
padding: 0 0.5%
|
36
|
+
&:hover, &.here
|
37
|
+
a
|
38
|
+
transition: $all
|
39
|
+
background: $gray-lighter
|
40
|
+
& ul
|
41
|
+
padding: 0
|
42
|
+
&.round
|
43
|
+
li a
|
44
|
+
border-radius: $round
|
45
|
+
|
46
|
+
@media screen and (max-width: $phablet)
|
47
|
+
|
48
|
+
.tabs-block, .tabs
|
49
|
+
a
|
50
|
+
margin: 0.5% 0
|
51
|
+
padding: 0.65em 0.5em
|
52
|
+
display: block
|
53
|
+
text-align: center
|
54
|
+
|
55
|
+
.tabs-block
|
56
|
+
border-bottom: 0
|
57
|
+
|
58
|
+
.tabs
|
59
|
+
li
|
60
|
+
display: block
|
61
|
+
padding: 0
|