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

Feat modal: Global styles

Browse source
This commit is contained in:
Lucas Larroche 2021-10-24 15:24:57 +07:00
parent fff088f459
commit 7552bda6fd
16 changed files with 372 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

3
scss/themes/default/_dark.scss
View file

@ -110,6 +110,9 @@
0 0 0 0.0625rem #{rgba($black, 0.036)};
--card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};
// Modal (<dialog>)
--modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};
// Progress
--progress-background-color: #{mix($grey-900, $grey-800)};
--progress-color: var(--primary);

3
scss/themes/default/_light.scss
View file

@ -110,6 +110,9 @@
0 0 0 0.0625rem #{rgba($grey-900, 0.024)};
--card-sectionning-background-color: #{mix($grey-50, $white, 25%)};
// Modal (<dialog>)
--modal-overlay-background-color: #{rgba($grey-900, 0.9)};
// Progress
--progress-background-color: #{$grey-100};
--progress-color: var(--primary);

32
scss/themes/default/_styles.scss
View file

@ -120,6 +120,38 @@
}
}
}
// Modal
dialog > article {
@if map-get($breakpoints, "sm") {
@media (min-width: map-get($breakpoints, "sm")) {
--block-spacing-vertical: calc(var(--spacing) * 1.5);
--block-spacing-horizontal: calc(var(--spacing) * 1.5);
}
}
@if map-get($breakpoints, "md") {
@media (min-width: map-get($breakpoints, "md")) {
--block-spacing-vertical: calc(var(--spacing) * 2);
--block-spacing-horizontal: calc(var(--spacing) * 2);
}
}
@if map-get($breakpoints, "lg") {
@media (min-width: map-get($breakpoints, "lg")) {
--block-spacing-vertical: calc(var(--spacing) * 2.5);
--block-spacing-horizontal: calc(var(--spacing) * 2.5);
}
}
@if map-get($breakpoints, "xl") {
@media (min-width: map-get($breakpoints, "xl")) {
--block-spacing-vertical: calc(var(--spacing) * 3);
--block-spacing-horizontal: calc(var(--spacing) * 3);
}
}
}
}
// Link