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

refactor: prefix css vars

Browse source
This commit is contained in:
Lucas Larroche 2022-10-22 13:11:51 +07:00
parent cba8f385c2
commit c5a1ffc733
40 changed files with 2334 additions and 2329 deletions
Download patch file Download diff file Expand all files Collapse all files

32
scss/layout/_container.scss
View file

@ -1,6 +1,6 @@
@use "../settings";
@use "../settings" as *;
@if (settings.$enable-class-container and settings.$enable-classes) {
@if ($enable-class-container and $enable-classes) {
/**
* Container
*/
@ -10,34 +10,34 @@
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: var(--spacing);
padding-left: var(--spacing);
padding-right: var(#{$✨}spacing);
padding-left: var(#{$✨}spacing);
}
.container {
@if map-get(settings.$breakpoints, "sm") {
@media (min-width: map-get(settings.$breakpoints, "sm")) {
max-width: map-get(settings.$viewports, "sm");
@if map-get($breakpoints, "sm") {
@media (min-width: map-get($breakpoints, "sm")) {
max-width: map-get($viewports, "sm");
padding-right: 0;
padding-left: 0;
}
}
@if map-get(settings.$breakpoints, "md") {
@media (min-width: map-get(settings.$breakpoints, "md")) {
max-width: map-get(settings.$viewports, "md");
@if map-get($breakpoints, "md") {
@media (min-width: map-get($breakpoints, "md")) {
max-width: map-get($viewports, "md");
}
}
@if map-get(settings.$breakpoints, "lg") {
@media (min-width: map-get(settings.$breakpoints, "lg")) {
max-width: map-get(settings.$viewports, "lg");
@if map-get($breakpoints, "lg") {
@media (min-width: map-get($breakpoints, "lg")) {
max-width: map-get($viewports, "lg");
}
}
@if map-get(settings.$breakpoints, "xl") {
@media (min-width: map-get(settings.$breakpoints, "xl")) {
max-width: map-get(settings.$viewports, "xl");
@if map-get($breakpoints, "xl") {
@media (min-width: map-get($breakpoints, "xl")) {
max-width: map-get($viewports, "xl");
}
}
}