Use sass division function instead of deprecated operator

This effectively make the SCSS code processable only by dart-sass
because neither libsass (and node-sass in consequence) nor ruby-sass
supports new syntax. See
https://sass-lang.com/documentation/breaking-changes/slash-div for more
information.

This fixes #27
This commit is contained in:
Jarek Zgoda 2021-08-18 12:44:54 +02:00
parent cc164857b9
commit cb5b746bbb
10 changed files with 30 additions and 26 deletions

View file

@ -6,7 +6,7 @@
details {
display: block;
margin-bottom: var(--spacing);
padding-bottom: calc(var(--spacing) / 2);
padding-bottom: calc(var(--spacing) * 0.5);
border-bottom: var(--border-width) solid var(--accordion-border-color);
summary {
@ -57,7 +57,7 @@ details {
}
~ * {
margin-top: calc(var(--spacing) / 2);
margin-top: calc(var(--spacing) * 0.5);
~ * {
margin-top: 0;
@ -69,7 +69,7 @@ details {
&[open] {
> summary {
margin-bottom: calc(var(--spacing) / 4);
margin-bottom: calc(var(--spacing) * 0.25);
&:not(:focus) {
color: var(--accordion-open-summary-color);