demarches/app/assets/stylesheets/application.scss
2024-09-01 22:22:01 +02:00

68 lines
1,020 B
SCSS

@import 'variables';
@import 'bootstrap/scss/bootstrap';
@import 'bootstrap-icons/font/bootstrap-icons';
@media (prefers-color-scheme: dark) {
:root {
color-scheme: dark;
}
.btn-close {
filter: var(--bs-btn-close-white-filter);
}
}
div.progress {
height: 33px;
> div.progress-bar {
@for $i from 1 through 20 {
&.w-#{$i} {
width: #{$i*5%} !important;
}
}
&.w-0, &.w-1, &.w-2, &.w-3, &.w-4, &.w-5, &.w-6 {
@extend .bg-danger;
}
&.w-7, &.w-8, &.w-9, &.w-10, &.w-11, &.w-12, &.w-13 {
@extend .bg-warning;
}
&.w-14, &.w-15, &.w-16, &.w-17, &.w-18, &.w-19, &.w-20 {
@extend .bg-success
}
}
}
.debug {
border: 1px dashed red;
}
.text-small {
font-size: 75%;
}
div.letters.show {
& object, & iframe {
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 1024px) {
div.letters.show {
& object, & iframe {
height: 600px;
max-width: 100%;
}
}
}
@media screen and (min-width: 1024px) {
div.letters.show {
& > form {
max-width: 40%;
}
}
}