From c1e28224aa2e1450031669d9a7e359b63e04687d Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 22 Jul 2026 19:40:59 +0200 Subject: Init --- src/styles/_common.scss | 87 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100644 src/styles/_common.scss (limited to 'src/styles/_common.scss') diff --git a/src/styles/_common.scss b/src/styles/_common.scss new file mode 100644 index 0000000..2b1f6c2 --- /dev/null +++ b/src/styles/_common.scss @@ -0,0 +1,87 @@ +@use "sass:map"; +@use "sass:math"; +@use "pkg:iro-sass/props"; +@use "pkg:iro-sass/functions" as fn; +@use "pkg:iro-sass/easing" as easing; +@use "pkg:iro-design/config.defaults" as defaults; + +$font--standard--family: props.def( + --font--standard--family, + ( + "Inter", + "Open Sans", + "Segoe UI", + "Droid Sans", + Roboto, + Oxygen, + "Helvetica Neue", + Helvetica, + Tahoma, + Arial, + sans-serif + ) +); + +@use "pkg:iro-design/core.vars" as core; + +@use "./components/site-header.vars" as site-header; + +@use "pkg:iro-design/layouts/split-view.vars" with ( + $panel--sticky-offset: props.def( + --l-split-view--panel--sticky-offset, + calc(props.get(site-header.$block-size) + props.get(core.$size--400)) + ) +); + +@forward "pkg:iro-design"; + +@forward "objects/deflist" as o-deflist--*; +@forward "objects/message" as o-message--*; +@forward "objects/placeholder-box" as o-placeholder-box--*; +@forward "objects/toc" as o-toc--*; + +@forward "components/home-banner" as c-home-banner--*; +@forward "components/logo" as c-logo--*; +@forward "components/site-header" as c-site-header--*; +@forward "components/site-nav" as c-site-nav--*; +@forward "components/site-footer" as c-site-footer--*; +@forward "components/subtitle" as c-subtitle--*; +@forward "components/visited-indicator" as c-visited-indicator--*; + +@use "pkg:iro-design" as iro; + +@mixin styles { + @font-face { + font-family: "Inter"; + font-style: normal; + font-weight: 50 950; + font-display: swap; + src: url(load("/assets/InterVariable.woff2")) format("woff2-variations"); + font-feature-settings: "ss01"; + } + + @font-face { + font-family: "Inter"; + font-style: italic; + font-weight: 50 950; + font-display: swap; + src: url(load("/assets/InterVariable-Italic.woff2")) format("woff2-variations"); + font-feature-settings: "ss01"; + } + + html { + scroll-behavior: smooth; + scroll-padding-block-start: props.get(site-header.$block-size); + scrollbar-gutter: stable; + min-block-size: 100%; + display: flex; + } + + body { + inline-size: 100%; + } + + [x-cloak] { + display: none; + } +} -- cgit v1.3.1