• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1@mixin block-elements {
2  h1, h2, h3, h4, h5, h6, p,
3  hr, blockquote, figure, pre, .highlighter-rouge,
4  ul, ol, dl, table, .footnotes {
5    @content;
6  }
7}
8@mixin heading-elements {
9  h1, h2, h3, h4, h5, h6 {
10    @content;
11  }
12}
13
14*,
15::before,
16::after {
17  box-sizing: border-box;
18  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19}
20
21/**
22 * 1. Prevent adjustments of font size after orientation changes in iOS.
23 **/
24
25html {
26  font-size: map-get($base, font-size-root);
27  -webkit-text-size-adjust: 100%; /* 1 */
28  @media print {
29    font-size: map-get($base, font-size-root-sm);
30  }
31}
32
33body {
34  padding: 0;
35  margin: 0;
36  font: map-get($base, font-weight) #{map-get($base, font-size)}/#{map-get($base, line-height)} map-get($base, font-family);
37  ::-moz-selection {
38    background: $select-color;
39  }
40  ::-webkit-selection {
41    background: $select-color;
42  }
43  ::selection {
44    background: $select-color;
45  }
46}
47
48@include block-elements() {
49  padding: 0;
50  margin: map-get($spacers, 2) 0;
51}
52
53input, textarea, select, button {
54  font: map-get($base, font-weight) #{map-get($base, font-size)}/#{map-get($base, line-height)} map-get($base, font-family);
55  color: $text-color;
56}
57
58h1,
59h2,
60h3,
61h4,
62h5,
63h6,
64strong {
65  font-weight: map-get($base, font-weight-bold);
66}
67
68h1 {
69  font-size: map-get($base, font-size-h1);
70  color: $text-color-d;
71  @include media-breakpoint-down(md) {
72    font-size: map-get($base, font-size-h1-sm);
73  }
74}
75
76h2 {
77  font-size: map-get($base, font-size-h2);
78  color: $text-color-d;
79  @include media-breakpoint-down(md) {
80    font-size: map-get($base, font-size-h2-sm);
81  }
82}
83
84h3 {
85  font-size: map-get($base, font-size-h3);
86  color: $text-color-d;
87  @include media-breakpoint-down(md) {
88    font-size: map-get($base, font-size-h3-sm);
89  }
90}
91
92h4 {
93  font-size: map-get($base, font-size-h4);
94  color: $text-color;
95  @include media-breakpoint-down(md) {
96    font-size: map-get($base, font-size-h4-sm);
97  }
98}
99
100h5 {
101  font-size: map-get($base, font-size-h5);
102  color: $text-color;
103  @include media-breakpoint-down(md) {
104    font-size: map-get($base, font-size-h5-sm);
105  }
106}
107
108h6 {
109  font-size: map-get($base, font-size-h6);
110  color: $text-color-l;
111  @include media-breakpoint-down(md) {
112    font-size: map-get($base, font-size-h6-sm);
113  }
114}
115
116a {
117  font-weight: map-get($base, font-weight-bold);
118  @include link-colors($main-color-1);
119}
120
121pre, code {
122  font-family: map-get($base, font-family-code);
123}
124
125code {
126  font-size: map-get($base, font-size-xs);
127  line-height: map-get($base, line-height-sm);
128}
129
130figure > img {
131  display: block;
132}
133
134figcaption {
135  font-size: map-get($base, font-size-sm);
136}
137
138button {
139  padding: 0;
140  margin: 0;
141  font-size: map-get($spacers, 3);
142  cursor: pointer;
143  background-color: transparent;
144  border-width: 0;
145  outline: none;
146}
147
148input {
149  &::-ms-clear {
150    display: none;
151  }
152  &:focus {
153    outline: none;
154  }
155}
156
157// mermaid
158.mermaidTooltip {
159  display: none;
160}