git.iko.soy/bat
on 448bfaf help sign in
bat/tests/syntax-tests/highlighted/SCSS/example.scss
82 lines 14 kB history raw
1@import 'fonts';
3$theme_dark: (
4 "background-color": null,
5);
6$theme_main: (
7 "text-size": 3em,
8 "text-color": black,
9 "text-shadow": #36ad 0px 0px 3px,
10 "card-background": #d6f,
11 "card-shadow": #11121212 0px 0px 2px 1px,
12 "card-padding": 1rem,
13 "card-margin": 0.5in,
14 "image-width": 600px,
15 "image-height": 100vh,
16 "background-color": #dedbef,
17 "i-ran-out-of-placeholders-for-units": (1vw 100% 60pt),
18);
20$current_theme: $theme_main;
22@mixin themed() {
23 $current_theme: $theme_main !global;
24 @content;
26 @media (prefers-color-scheme: dark) {
27 $current_theme: $theme_dark !global;
28 @content;
29 }
30 
31 .#{"dark"} & {
32 $current_theme: $theme_dark !global;
33 @content;
34 }
35}
37@function theme($variable) {
38 @if map-has_key($current_theme, $variable) {
39 @return map-get($current_theme, $variable);
40 } @else {
41 @error "Unknown theme variable: #{$variable}";
42 }
43}
45body {
46 @include themed {
47 background-color: theme('background-color');
48 background-image: url("https://github.com/sharkdp/bat/raw/master/doc/logo-header.svg");
49 }
50 
51 header[data-selectable="false"] {
52 -webkit-user-select: none;
53 -moz-user-select: none;
54 -ms-user-select: /* CSS comment */ none;
55 cursor: default !important; // SCSS comment
56 }
57 
58 > div {
59 border: #04f 1px solid;
60 
61 &::after {
62 content: 'Pseudo';
63 color: #2F5F7F;
64 box-sizing: border-box;
65 }
66 }
67}
69@keyframes rotate {
70 0% {
71 transform: rotate(0deg);
72 }
73 50% {
74 transform: rotate(180deg)}
75 100% {transform: rotate(0rad);}
76}
78@font-face {
79 font-family: 'Example Font';
80 src: url(example.ttf) format('ttf');
81 src: local('Comic Sans MS');
82}