|
1 | 1 | /*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */ |
2 | | -.navbar-link:not(.is-arrowless)::after { |
3 | | - border: 3px solid transparent; |
4 | | - border-radius: 2px; |
5 | | - border-right: 0; |
6 | | - border-top: 0; |
7 | | - content: " "; |
8 | | - display: block; |
9 | | - height: 0.625em; |
10 | | - margin-top: -0.4375em; |
11 | | - pointer-events: none; |
12 | | - position: absolute; |
13 | | - top: 50%; |
14 | | - transform: rotate(-45deg); |
15 | | - transform-origin: center; |
16 | | - width: 0.625em; |
17 | | -} |
18 | 2 | .block:not(:last-child), |
19 | 3 | .box:not(:last-child), |
20 | 4 | .content:not(:last-child), |
21 | 5 | .level:not(:last-child), |
22 | 6 | .title:not(:last-child) { |
23 | 7 | margin-bottom: 1.5rem; |
24 | 8 | } |
25 | | -.navbar-burger { |
26 | | - -moz-appearance: none; |
27 | | - -webkit-appearance: none; |
28 | | - font-family: inherit; |
29 | | - font-size: 1em; |
30 | | - margin: 0; |
31 | | - padding: 0; |
32 | | -} |
33 | 9 | /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ |
34 | 10 | input, |
35 | 11 | select { |
@@ -172,6 +148,71 @@ a.box:active { |
172 | 148 | margin-bottom: 0.75rem; |
173 | 149 | } |
174 | 150 | } |
| 151 | +.column { |
| 152 | + display: block; |
| 153 | + flex-basis: 0; |
| 154 | + flex-grow: 1; |
| 155 | + flex-shrink: 1; |
| 156 | + padding: 0.75rem 0.75rem 0rem 0.75rem; |
| 157 | +} |
| 158 | +.columns.is-mobile > .column.is-5 { |
| 159 | + flex: none; |
| 160 | + width: 41.66667%; |
| 161 | +} |
| 162 | +@media screen and (min-width: 769px), print { |
| 163 | + .column.is-5 { |
| 164 | + flex: none; |
| 165 | + width: 41.66667%; |
| 166 | + } |
| 167 | +} |
| 168 | +.columns { |
| 169 | + margin-left: -0.75rem; |
| 170 | + margin-right: -0.75rem; |
| 171 | + margin-top: 1rem; |
| 172 | +} |
| 173 | +.columns:last-child { |
| 174 | + margin-bottom: -0.75rem; |
| 175 | +} |
| 176 | +.columns:not(:last-child) { |
| 177 | + margin-bottom: calc(1.5rem - 0.75rem); |
| 178 | +} |
| 179 | +.columns.is-mobile { |
| 180 | + display: flex; |
| 181 | +} |
| 182 | +@media screen and (min-width: 769px), print { |
| 183 | + .columns:not(.is-desktop) { |
| 184 | + display: flex; |
| 185 | + } |
| 186 | +} |
| 187 | +@media screen and (max-width: 768px) { |
| 188 | + .is-hidden-mobile { |
| 189 | + display: none !important; |
| 190 | + } |
| 191 | +} |
| 192 | +.navbar-link:not(.is-arrowless)::after { |
| 193 | + border: 3px solid transparent; |
| 194 | + border-radius: 2px; |
| 195 | + border-right: 0; |
| 196 | + border-top: 0; |
| 197 | + content: " "; |
| 198 | + display: block; |
| 199 | + height: 0.625em; |
| 200 | + margin-top: -0.4375em; |
| 201 | + pointer-events: none; |
| 202 | + position: absolute; |
| 203 | + top: 50%; |
| 204 | + transform: rotate(-45deg); |
| 205 | + transform-origin: center; |
| 206 | + width: 0.625em; |
| 207 | +} |
| 208 | +.navbar-burger { |
| 209 | + -moz-appearance: none; |
| 210 | + -webkit-appearance: none; |
| 211 | + font-family: inherit; |
| 212 | + font-size: 1em; |
| 213 | + margin: 0; |
| 214 | + padding: 0; |
| 215 | +} |
175 | 216 | .navbar > .container { |
176 | 217 | align-items: stretch; |
177 | 218 | display: flex; |
@@ -424,44 +465,3 @@ a.navbar-item:hover { |
424 | 465 | background-color: #fafafa; |
425 | 466 | } |
426 | 467 | } |
427 | | -.column { |
428 | | - display: block; |
429 | | - flex-basis: 0; |
430 | | - flex-grow: 1; |
431 | | - flex-shrink: 1; |
432 | | - padding: 0.75rem 0.75rem 0rem 0.75rem; |
433 | | -} |
434 | | -.columns.is-mobile > .column.is-5 { |
435 | | - flex: none; |
436 | | - width: 41.66667%; |
437 | | -} |
438 | | -@media screen and (min-width: 769px), print { |
439 | | - .column.is-5 { |
440 | | - flex: none; |
441 | | - width: 41.66667%; |
442 | | - } |
443 | | -} |
444 | | -.columns { |
445 | | - margin-left: -0.75rem; |
446 | | - margin-right: -0.75rem; |
447 | | - margin-top: 1rem; |
448 | | -} |
449 | | -.columns:last-child { |
450 | | - margin-bottom: -0.75rem; |
451 | | -} |
452 | | -.columns:not(:last-child) { |
453 | | - margin-bottom: calc(1.5rem - 0.75rem); |
454 | | -} |
455 | | -.columns.is-mobile { |
456 | | - display: flex; |
457 | | -} |
458 | | -@media screen and (min-width: 769px), print { |
459 | | - .columns:not(.is-desktop) { |
460 | | - display: flex; |
461 | | - } |
462 | | -} |
463 | | -@media screen and (max-width: 768px) { |
464 | | - .is-hidden-mobile { |
465 | | - display: none !important; |
466 | | - } |
467 | | -} |
0 commit comments