host/paulnicoue
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Edit section style

Browse source
This commit is contained in:
Paul Nicoué 2023-02-15 12:26:30 +01:00
parent 12da502e99
commit a0d337708e
6 changed files with 13 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

16
assets/styles/main.scss
View file

@ -35,8 +35,9 @@
// Dimensions
--section-max-width: Min(100%, 80rem);
--content-max-width: Min(100%, 60rem);
--large-content-width: Min(100%, 120rem);
--medium-content-width: Min(100%, 80rem);
--small-content-width: Min(100%, 40rem);
--regular-icon-size: 2rem;
--regular-icon-wrapper-size: calc(var(--regular-icon-size) + 1rem);
--small-icon-size: calc(var(--text-font-size) * var(--line-height));
@ -290,21 +291,20 @@ form {
// --------------------------------------------------
section {
max-width: var(--section-max-width);
width: var(--medium-content-width);
padding: 4rem 2rem;
@media screen and (min-width: $tablet-media-query) {
padding: 4rem;
}
padding: 4rem;
}
@media screen and (min-width: $desktop-media-query) {
padding: 6rem;
}
}
@mixin hero-section {
max-width: unset;
width: 100%;
@mixin large-section {
width: var(--large-content-width);
}
// --------------------------------------------------