Line | |
---|
1 | ////
|
---|
2 | /// Applies default themes and styles.
|
---|
3 | ////
|
---|
4 |
|
---|
5 | @use "./_material.scss";
|
---|
6 | @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:wght@300;400;700&display=swap');
|
---|
7 | @import url('https://fonts.googleapis.com/icon?family=Material+Icons');
|
---|
8 |
|
---|
9 | *,
|
---|
10 | *::before,
|
---|
11 | *::after {
|
---|
12 | box-sizing: border-box;
|
---|
13 | }
|
---|
14 |
|
---|
15 | :root {
|
---|
16 | --monospace-font: 1rem 'Roboto Mono', sans-serif;
|
---|
17 | --page-bg-color: #f7f4f0;
|
---|
18 | --highlighted-word-bg: rgba(255, 255, 0, 0.4);
|
---|
19 | }
|
---|
20 |
|
---|
21 | body {
|
---|
22 | background-color: var(--page-bg-color);
|
---|
23 | color: var(--body-color);
|
---|
24 | font-family: 'Roboto', sans-serif;
|
---|
25 |
|
---|
26 | margin: 0;
|
---|
27 | padding: 0;
|
---|
28 |
|
---|
29 | -webkit-font-smoothing: antialiased;
|
---|
30 | -moz-osx-font-smoothing: grayscale;
|
---|
31 | }
|
---|
32 |
|
---|
33 | hr {
|
---|
34 | @extend .divider;
|
---|
35 | }
|
---|
36 |
|
---|
37 | input[type="checkbox"] {
|
---|
38 | @extend .switch;
|
---|
39 | }
|
---|
40 |
|
---|
41 | .btn-primary .material-icons {
|
---|
42 | margin-right: 0.3em;
|
---|
43 | }
|
---|
44 |
|
---|
45 | .btn-fab .material-icons {
|
---|
46 | margin-right: 0em;
|
---|
47 | }
|
---|
48 |
|
---|
49 | /* Material Design Icon sizes */
|
---|
50 |
|
---|
51 | .mdi-s {
|
---|
52 | font-size: 18px;
|
---|
53 | }
|
---|
54 |
|
---|
55 | .mdi-m {
|
---|
56 | font-size: 24px;
|
---|
57 | }
|
---|
58 |
|
---|
59 | .mdi-l {
|
---|
60 | font-size: 36px;
|
---|
61 | }
|
---|
62 |
|
---|
63 | .mdi-xl {
|
---|
64 | font-size: 48px;
|
---|
65 | } |
---|
Note:
See
TracBrowser
for help on using the repository browser.