primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-28 08:31:58 +03:00
Code Issues Projects Releases Wiki Activity

stylelint

Browse Source
This commit is contained in:
Manuel Puyol 2021-05-18 13:21:54 -05:00
parent 5ecc210d71
commit 91f7cb9549
1 changed files with 0 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/layout/layout.scss
View File

@ -2,9 +2,7 @@
.Layout {
display: grid;
// stylelint-disable-next-line primer/no-undefined-vars
--Layout-sidebar-width: #{map-get($sidebar-width, "sm")};
// stylelint-disable-next-line primer/no-undefined-vars
--Layout-gutter: 16px;
@media (max-width: calc(#{$width-sm} - 1px)) {
@ -69,28 +67,23 @@
// Gutter spacing
@include breakpoint(lg) {
// stylelint-disable-next-line primer/no-undefined-vars
--Layout-gutter: 24px;
}
&.Layout--gutter-none {
// stylelint-disable-next-line primer/no-undefined-vars
--Layout-gutter: 0;
}
&.Layout--gutter-condensed {
// stylelint-disable-next-line primer/no-undefined-vars
--Layout-gutter: 16px;
}
&.Layout--gutter-spacious {
@include breakpoint(lg) {
// stylelint-disable-next-line primer/no-undefined-vars
--Layout-gutter: 32px;
}
@include breakpoint(xl) {
// stylelint-disable-next-line primer/no-undefined-vars
--Layout-gutter: 40px;
}
}
@ -99,7 +92,6 @@
@each $breakpoint in map-keys($sidebar-width) {
@include breakpoint($breakpoint) {
// stylelint-disable-next-line primer/no-undefined-vars
--Layout-sidebar-width: #{map-get($sidebar-width, $breakpoint)};
}
}
@ -107,7 +99,6 @@
&.Layout--sidebar-narrow {
@each $breakpoint in map-keys($sidebar-narrow-width) {
@include breakpoint($breakpoint) {
// stylelint-disable-next-line primer/no-undefined-vars
--Layout-sidebar-width: #{map-get($sidebar-narrow-width, $breakpoint)};
}
}
@ -116,7 +107,6 @@
&.Layout--sidebar-wide {
@each $breakpoint in map-keys($sidebar-wide-width) {
@include breakpoint($breakpoint) {
// stylelint-disable-next-line primer/no-undefined-vars
--Layout-sidebar-width: #{map-get($sidebar-wide-width, $breakpoint)};
}
}