mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 07:18:57 +00:00
Cell
dd6d320654
* BREAKING CHANGE: refactor with Dart Sass (supplement to #741) * chore: update .gitignore to include .vercel and .env*.local * CI: add build script for Hugo site deployment on Vercel * CI: update build script for Hugo site deployment on Vercel * refactor: update SCSS layout styles and introduce page-style mixin * refactor: reorganize SCSS files and improve layout structure * refactor: rename copy button classes and update related styles
43 lines
1.3 KiB
SCSS
43 lines
1.3 KiB
SCSS
@use "core/functions" as *;
|
|
@use "core/mixins" as *;
|
|
|
|
.page {
|
|
padding-inline: 0.5rem;
|
|
box-sizing: border-box;
|
|
|
|
.content {
|
|
[id] {
|
|
scroll-margin-top: fi-var(scroll-margin-top, 0.5rem);
|
|
|
|
@include media('sm', 'up') {
|
|
[data-header-desktop='sticky'] &,
|
|
[data-header-desktop='auto'] & {
|
|
@include set-fi-var(scroll-margin-top, calc(#{fi-var(header-height)} + 0.5rem));
|
|
}
|
|
|
|
[data-header-desktop='sticky']:has(.breadcrumb-container.sticky) &,
|
|
[data-header-desktop='auto']:has(.breadcrumb-container.sticky) & {
|
|
@include set-fi-var(scroll-margin-top, calc(#{fi-var(header-height)} + #{fi-var(breadcrumb-height, 0px)} + 0.5rem));
|
|
}
|
|
}
|
|
|
|
@include media('xs') {
|
|
[data-header-mobile='sticky'] &,
|
|
[data-header-mobile='auto'] & {
|
|
@include set-fi-var(scroll-margin-top, calc(#{fi-var(header-height)} + 0.5rem));
|
|
}
|
|
|
|
[data-header-mobile='sticky']:has(.breadcrumb-container.sticky) &,
|
|
[data-header-mobile='auto']:has(.breadcrumb-container.sticky) & {
|
|
@include set-fi-var(scroll-margin-top, calc(#{fi-var(header-height)} + #{fi-var(breadcrumb-height, 0px)} + 0.5rem));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@include media('print') {
|
|
width: 100% !important;
|
|
padding-top: 0 !important;
|
|
}
|
|
}
|