mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-26 19:26:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use sass division function instead of deprecated operator

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

16
scss/components/_nav.scss
View file

@ -1,3 +1,5 @@
@use "sass:math";
/**
* Nav
*/
@ -19,17 +21,17 @@ nav {
list-style: none;
&:first-of-type {
margin-left: calc(var(--spacing) * -0.5);
margin-left: calc(math.div(var(--spacing), -0.5));
}
&:last-of-type {
margin-right: calc(var(--spacing) * -0.5);
margin-right: calc(math.div(var(--spacing), -0.5));
}
}
li {
display: inline-block;
margin: 0;
padding: var(--spacing) calc(var(--spacing) / 2);
padding: var(--spacing) calc(var(--spacing) * 0.5);
// HACK: Input & Button inside Nav
> *,
@ -40,8 +42,8 @@ nav {
a {
display: block;
margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);
padding: var(--spacing) calc(var(--spacing) / 2);
margin: calc(var(--spacing) * -1) calc(math.div(var(--spacing), -0.5));
padding: var(--spacing) calc(var(--spacing) * 0.5);
border-radius: var(--border-radius);
text-decoration: none;
@ -64,11 +66,11 @@ aside {
}
li {
padding: calc(var(--spacing) / 2);
padding: calc(var(--spacing) * 0.5);
a {
margin: calc(var(--spacing) * -0.5);
padding: calc(var(--spacing) / 2);
padding: calc(var(--spacing) * 0.5);
}
}
}