fix: styles
This commit is contained in:
parent
738db20dd8
commit
b84bb155f5
3 changed files with 8 additions and 4 deletions
|
@ -7,7 +7,7 @@
|
||||||
<style>{{ css }}</style>
|
<style>{{ css }}</style>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% assign media = data | normalizeMedia %}
|
{% assign media = data | normalizeMedia %}
|
||||||
<h2 id="{{ title | downcase }}" class="flex--centered">
|
<h2 id="{{ title | downcase }}" class="media__grid--header flex--centered">
|
||||||
{% tablericon icon title %}
|
{% tablericon icon title %}
|
||||||
{{ title }}
|
{{ title }}
|
||||||
</h2>
|
</h2>
|
||||||
|
|
|
@ -3,10 +3,14 @@
|
||||||
--grid-vertical: repeat(3,minmax(0,1fr));
|
--grid-vertical: repeat(3,minmax(0,1fr));
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
.media__grid--header {
|
||||||
margin: var(--sizing-3xl) 0 var(--sizing-lg);
|
margin: var(--sizing-3xl) 0 var(--sizing-lg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.media__grid--header:first-of-type {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.media__grid {
|
.media__grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: var(--sizing-sm);
|
gap: var(--sizing-sm);
|
||||||
|
|
|
@ -14,11 +14,11 @@
|
||||||
width: var(--sizing-base);
|
width: var(--sizing-base);
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
.media__grid--header {
|
||||||
margin: var(--sizing-3xl) 0 var(--sizing-lg);
|
margin: var(--sizing-3xl) 0 var(--sizing-lg);
|
||||||
}
|
}
|
||||||
|
|
||||||
h2:first-of-type {
|
.media__grid--header:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Reference in a new issue