Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-22 05:04:28 -07:00
Code Issues Packages Projects Releases Wiki Activity

Init v1

Browse Source
This commit is contained in:
Jeremy Thomas
2024-03-21 16:11:54 +00:00
parent 16f1b76881
commit 69877a652c
3261 changed files with 255369 additions and 108913 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
sass/layout/section.scss Normal file
View File

@@ -0,0 +1,34 @@
@use "../utilities/css-variables" as cv;
@use "../utilities/initial-variables" as iv;
@use "../utilities/mixins" as mx;
$section-padding: 3rem 1.5rem !default;
$section-padding-desktop: 3rem 3rem !default;
$section-padding-medium: 9rem 4.5rem !default;
$section-padding-large: 18rem 6rem !default;
.#{iv.$class-prefix}section {
@include cv.register-vars(
(
"section-padding": #{$section-padding},
"section-padding-desktop": #{$section-padding-desktop},
"section-padding-medium": #{$section-padding-medium},
"section-padding-large": #{$section-padding-large},
)
);
padding: cv.getVar("section-padding");
// Responsiveness
@include mx.desktop {
padding: cv.getVar("section-padding-desktop");
// Sizes
&.#{iv.$class-prefix}is-medium {
padding: cv.getVar("section-padding-medium");
}
&.#{iv.$class-prefix}is-large {
padding: cv.getVar("section-padding-large");
}
}
}