danog/sass-site
1
0
Fork 0
mirror of https://github.com/danog/sass-site.git synced 2025-01-22 05:41:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

define new breakpoints for code tabs

Browse Source
This commit is contained in:
Stacy Kvernmo 2023-03-13 17:06:52 -05:00
parent 8d958ce4de
commit c57377610c
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
source/assets/sass/components/_sass-syntax-switcher.scss
View File

@ -1,4 +1,3 @@
@use '../functions';
@use '../visual-design/theme';
@use '../visual-design/typography';
@ -110,7 +109,7 @@
// syntax switcher is exactly equal to two lines, so there's no visual jitter
// when switching between syntaxes.
pre + pre {
margin-top: 1rem;
margin-top: var(--sl-gutter);
}
}
@ -233,13 +232,15 @@ html .ui-button.ui-state-disabled:active {
}
}
@media screen and (min-width: functions.sl-px-to-rem(1500px)) {
// custom breakpoint to make the split tabs work with a double nav column
@media screen and (min-width: 93.75rem) {
body.documentation {
@include -split-css-tabs;
}
}
@media screen and (min-width: functions.sl-px-to-rem(1000px)) {
// custom breakpoint to make the split tabs work with a single nav column
@media screen and (min-width: 76rem) {
body.guide {
@include -split-css-tabs;
}