ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Deprecate sass spacing mixin, use css variables --spacing-x instead.

Browse source
This commit is contained in:
Fredrik Jonsson 2025-03-27 14:59:46 +01:00
commit 73a555446b
6 changed files with 41 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/sass/components/box/_box.scss
View file

@ -20,8 +20,8 @@
.box,
%box {
// Add vertical rhythm margins.
@include margin-block(1);
@include padding(.5);
margin-block: var(--spacing-m);
padding: var(--spacing-xs);
border: 5px solid var(--color-border);
// Sass compiles this to the selector: .box__title, %box__title {}

4
assets/sass/components/cards/_cards.scss
View file

@ -6,12 +6,12 @@
%cards {
@extend %grid-group;
// Add vertical rhythm margins.
@include margin-block(1);
margin-block: var(--spacing-m);
}
.card,
%card {
@include padding(.5);
padding: var(--spacing-xs);
border: 1px solid var(--color-border);
&--highlight {

4
assets/sass/components/divider/_divider.scss
View file

@ -5,12 +5,12 @@
.divider,
%divider {
// Add vertical rhythm margins.
@include margin-block(1);
margin-block: var(--spacing-m);
border: 0;
border-block-start: 1px solid var(--color-border);
// If used as a container, add a top margin to the first child.
> :first-child {
@include margin-top(1);
margin-block-start: var(--spacing-m);
}
}

2
assets/sass/components/language-selector/_language-selector.scss
View file

@ -5,6 +5,6 @@
}
.language-icon {
@include margin-inline-end(.5);
margin-inline-end: var(--spacing-xs);
fill: var(--color-text);
}

4
assets/sass/components/list-straight-left/_list-straight-left.scss
View file

@ -10,7 +10,7 @@
display: table-row;
&::before {
@include padding-inline-end(.5);
padding-inline-end: var(--spacing-xs);
display: table-cell;
content: '\2981';
font-size: var(--fs-s);
@ -29,7 +29,7 @@
counter-increment: table-ol;
&::before {
@include padding-inline-end(.5);
padding-inline-end: var(--spacing-xs);
display: table-cell;
content: counter(table-ol) '.';
font-size: var(--fs-s);

2
assets/sass/components/pager/_pager.scss
View file

@ -9,7 +9,7 @@
@extend %flex-inline;
@extend %link-nav;
// Add vertical rhythm margins.
@include margin-block(1);
margin-block: var(--spacing-m);
justify-content: center;
.page-item {