nanterre-2023: use native $edge-gutter var instead custom code (#88999)
gitea/publik-base-theme/pipeline/head This commit looks good Details

This commit is contained in:
Thomas Jund 2024-04-03 11:26:46 +02:00
parent ef2f4fafba
commit 15320d0ef2
2 changed files with 6 additions and 18 deletions

View File

@ -148,22 +148,9 @@ label {
//
// Layout
//
// add edge-gutter
.page-width,
.header-width,
.nav-width,
.footer-width,
div#header {
@if $theme-edge-gutter {
--edge-gutter: #{$theme-edge-gutter};
box-sizing: content-box;
padding-left: var(--edge-gutter,);
padding-right: var(--edge-gutter);
width: auto !important;
@media ($max-mobile-viewport) {
--edge-gutter: 1em;
}
}
.nav-width {
--edge-gutter: 0;
}
@media ($max-mobile-viewport) {
.central-content #sidebar {
@ -394,7 +381,7 @@ div#main-content-wrapper {
@media ($min-desktop-viewport) {
min-height: 15rem;
background-color: $gray-light;
border-left-width: Max(#{$theme-edge-gutter)}, calc(50vw - var(--ref-width) / 2));
border-left-width: Max(#{$edge-gutter)}, calc(50vw - var(--ref-width) / 2));
border-left-color: $red;
border-left-style: solid;
padding-left: 0;

View File

@ -19,7 +19,8 @@ $fz-xsmall: 12em / $base-font;
$title-ff: Inter, sans-serif;
// Layout
$theme-edge-gutter: 2rem;
$edge-gutter: 2rem;
$edge-gutter-mobile: 1em;
$central-content-top: 2rem;
// Core vars