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.
|
|
|
|
|
2023-06-28 21:01:24 +02:00
|
|
|
@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
|
|
|
}
|