wonderfulfrog.com/src/_includes/css/spacing.njk
2024-02-06 15:59:19 -08:00

79 lines
1.4 KiB
Text

{% set spacingValues = spacing | entries %}
{% for spaceValue in spacingValues %}
{% set key = spaceValue | first | replace(".", "\\\.") | safe %}
{% set value = spaceValue | last %}
.gap-{{ key }} {
gap: {{ value }}px;
}
.p-{{ key }} {
padding: {{ value }}px;
}
.px-{{ key }} {
padding-inline: {{ value }}px;
}
.py-{{ key }} {
padding-block: {{ value }}px;
}
.pl-{{ key }} {
padding-inline-start: {{ value }}px;
}
.pr-{{ key }} {
padding-inline-end: {{ value }}px;
}
.pt-{{ key }} {
padding-block-start: {{ value }}px;
}
.pb-{{ key }} {
padding-block-end: {{ value }}px;
}
.m-{{ key }} {
margin: {{ value }}px;
}
.mx-{{ key }} {
margin-inline: {{ value }}px;
}
.my-{{ key }} {
margin-block: {{ value }}px;
}
.ml-{{ key }} {
margin-inline-start: {{ value }}px;
}
.mr-{{ key }} {
margin-inline-end: {{ value }}px;
}
.mt-{{ key }} {
margin-block-start: {{ value }}px;
}
.mb-{{ key }} {
margin-block-end: {{ value }}px;
}
.w-{{ key }} {
width: {{ value }}px;
}
.h-{{ key }} {
height: {{ value }}px;
}
.size-{{ key }} {
width: {{ value }}px;
height: {{ value }}px;
}
{% endfor %}