sass-site/source/assets/sass/noscript.scss

64 lines
1.1 KiB
SCSS
Raw Normal View History

2023-01-06 22:40:29 +01:00
// Styles that are included only when JavaScript is disabled. These override the
// default styles to make them work better without JS.
@import 'config/functions';
2023-01-06 22:40:29 +01:00
// Make the in-page table of contents fully open by default, since we can't
// dynamically expand it.
.page-sections li a.section {
2023-01-09 20:10:02 +01:00
&::after {
transform: rotate(90deg);
}
2023-01-09 23:19:15 +01:00
2023-01-09 20:10:02 +01:00
+ ul {
display: block;
}
2023-01-06 22:40:29 +01:00
}
@mixin -sequence-css-tabs {
.code-example {
2023-01-09 20:10:02 +01:00
ul {
display: none;
}
2023-01-06 22:40:29 +01:00
.ui-tabs-panel {
position: relative;
pre::after {
position: absolute;
top: 5px;
right: 5px;
opacity: 0.5;
}
}
2023-01-09 20:10:02 +01:00
.scss pre::after {
content: 'SCSS';
}
2023-01-09 23:19:15 +01:00
2023-01-09 20:10:02 +01:00
.sass pre::after {
content: 'Sass';
}
2023-01-09 23:19:15 +01:00
2023-01-06 22:40:29 +01:00
.css {
display: block;
2023-01-09 23:19:15 +01:00
2023-01-09 20:10:02 +01:00
pre::after {
content: 'CSS';
}
2023-01-06 22:40:29 +01:00
}
}
}
@media screen and (max-width: sl-px-to-rem(1500.00001px)) {
2023-01-09 20:10:02 +01:00
body.documentation {
@include -sequence-css-tabs;
}
2023-01-06 22:40:29 +01:00
}
@media screen and (max-width: sl-px-to-rem(1000.00001px)) {
2023-01-09 20:10:02 +01:00
body.guide {
@include -sequence-css-tabs;
}
2023-01-06 22:40:29 +01:00
}