Verified Commit 0dfe6e63 authored by Jelle van der Waa's avatar Jelle van der Waa 🚧
Browse files

Use bulma's responsive mixins for ul columns

Instead of relying on made up pixel values, use bulm'a definitions
except for > 2048px as that's where bulma is at the moment lacking in
mixin presets.
parent f579e89b
...@@ -14,20 +14,18 @@ $link: #212952; ...@@ -14,20 +14,18 @@ $link: #212952;
@import "../node_modules/bulma/sass/layout/section.sass"; @import "../node_modules/bulma/sass/layout/section.sass";
@import "../node_modules/bulma/sass/grid/tiles.sass"; @import "../node_modules/bulma/sass/grid/tiles.sass";
@media (min-width: 500px) {
ul { ul {
@include tablet {
columns: 2; columns: 2;
} }
}
@media (min-width: 1024px) { @include desktop {
ul {
columns: 4; columns: 4;
} }
}
@media (min-width: 2000px) { /* bulma has no 4k option */
ul { @media (min-width: 2000px) {
columns: 8; columns: 8;
} }
} }
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment