nanterre-2023: use native $edge-gutter var instead custom code (#88999)
gitea/publik-base-theme/pipeline/head This commit looks good
Details
gitea/publik-base-theme/pipeline/head This commit looks good
Details
This commit is contained in:
parent
ef2f4fafba
commit
15320d0ef2
|
@ -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;
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue