@use "vars" as *; @use "root-vars"; @use "scrollbar"; @use "button-mixins" as button; $body-color: color(fg); $body-bg: color(canvas); $link-hover-color: color(fg-link); $link-hover-decoration: none; $utilities: ( "opacity": ( property: opacity, values: ( 0: 0, 25: 0.25, 50: 0.5, 75: 0.75, 100: 1, ), ), ); @import "bootstrap/scss/bootstrap-reboot"; @import "bootstrap/scss/bootstrap-utilities"; /* Bootstrap "extensions" */ .flex-basis-100 { flex-basis: 100%; } .flex-basis-75 { flex-basis: 75%; } html, body { height: 100%; } html { overflow-x: hidden; } body { overscroll-behavior: none; &:not(.isMac), &:not(.isMac) * { @include scrollbar.custom; } } button { /* override transition for instant hover response */ transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important; border-radius: prop(border-radius); } pre, code, kbd, samp { unicode-bidi: normal !important; } .isWin { --base-font-size: 12px; } .isMac { --base-font-size: 13px; } .isLin { --base-font-size: 14px; } [dir="rtl"] { .form-select { /* flip