ENHANCEMENT: more custom bootstrap

This commit is contained in:
Jeroen De Meerleer 2023-03-22 14:02:04 +01:00
parent 64696d0619
commit 8df7870753
Signed by: JeroenED
GPG Key ID: 28CCCB8F62BFADD6
2 changed files with 62 additions and 15 deletions

View File

@ -4,19 +4,66 @@
@import "/node_modules/bootstrap/scss/utilities"; @import "/node_modules/bootstrap/scss/utilities";
$utilities: map-merge( $utilities: map-merge(
$utilities, $utilities,
( (
"width": "width":
map-merge( map-merge(
map-get($utilities, "width"), map-get($utilities, "width"),
( (
responsive: true, responsive: true,
values: map-merge( values: map-merge(
map-get(map-get($utilities, "width"), "values"), map-get(map-get($utilities, "width"), "values"),
(20: 20%), (
), 10: 10%,
) 20: 20%,
) 30: 30%,
) 40: 40%,
60: 60%,
70: 70%,
80: 80%,
90: 90%,
50p: 50px,
100p: 100px,
150p: 150px,
200p: 200px,
250p: 250px,
500p: 500px,
),
),
)
)
),
);
$utilities: map-merge(
$utilities,
(
"height":
map-merge(
map-get($utilities, "height"),
(
responsive: true,
values: map-merge(
map-get(map-get($utilities, "height"), "values"),
(
10: 10%,
20: 20%,
30: 30%,
40: 40%,
60: 60%,
70: 70%,
80: 80%,
90: 90%,
50p: 50px,
100p: 100px,
150p: 150px,
200p: 200px,
250p: 250px,
500p: 500px,
),
),
)
)
)
); );

View File

@ -4,7 +4,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Jeroen De Meerleer{% if block("title") is not empty %} :: {% block title %}{% endblock %}{% endif %}</title> <title>Jeroen De Meerleer{% if block("title") is not empty %} :: {% block title %}{% endblock %}{% endif %}</title>
{% block styles %}{% endblock %} {% block styles %}{% endblock %}
{% block scripts %}{% endblock %} {% block scripts %}{% endblock %}