1
+ .route__application b {
2
+ font-weight : 500 ;
3
+ }
4
+ .route__application a {
5
+ text-decoration : none;
6
+ color : # 6200ee ;
7
+ /* @alternate */
8
+ color : var (--mdc-theme-primary , # 6200ee );
9
+ font-weight : 500 ;
10
+ }
11
+ .route__application .main-content {
12
+ padding : 0 24px 24px ;
13
+ }
14
+ .route__application li {
15
+ -moz-osx-font-smoothing : grayscale;
16
+ -webkit-font-smoothing : antialiased;
17
+ font-family : Roboto, sans-serif;
18
+ /* @alternate */
19
+ font-family : var (--mdc-typography-body1-font-family , var (--mdc-typography-font-family , Roboto, sans-serif));
20
+ font-size : 1rem ;
21
+ /* @alternate */
22
+ font-size : var (--mdc-typography-body1-font-size , 1rem );
23
+ line-height : 1.5rem ;
24
+ /* @alternate */
25
+ line-height : var (--mdc-typography-body1-line-height , 1.5rem );
26
+ font-weight : 400 ;
27
+ /* @alternate */
28
+ font-weight : var (--mdc-typography-body1-font-weight , 400 );
29
+ letter-spacing : 0.03125em ;
30
+ /* @alternate */
31
+ letter-spacing : var (--mdc-typography-body1-letter-spacing , 0.03125em );
32
+ text-decoration : inherit;
33
+ /* @alternate */
34
+ text-decoration : var (--mdc-typography-body1-text-decoration , inherit);
35
+ text-transform : inherit;
36
+ /* @alternate */
37
+ text-transform : var (--mdc-typography-body1-text-transform , inherit);
38
+ }
39
+ .route__application .code-snippet {
40
+ margin-bottom : 48px ;
41
+ }
42
+ .route__application .code-snippet__header {
43
+ background-color : # 6200ee ;
44
+ /* @alternate */
45
+ background-color : var (--mdc-theme-primary , # 6200ee );
46
+ color : rgba (0 , 0 , 0 , 0.87 );
47
+ /* @alternate */
48
+ color : var (--mdc-theme-text-primary-on-light , rgba (0 , 0 , 0 , 0.87 ));
49
+ }
50
+
51
+ .route__main .mdc-top-app-bar {
52
+ color : rgba (0 , 0 , 0 , 0.87 );
53
+ /* @alternate */
54
+ color : var (--mdc-theme-text-primary-on-light , rgba (0 , 0 , 0 , 0.87 ));
55
+ background-color : # fff ;
56
+ /* @alternate */
57
+ background-color : var (--mdc-theme-surface , # fff );
58
+ color : rgba (0 , 0 , 0 , 0.87 );
59
+ }
60
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__action-item ,
61
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
62
+ color : rgba (0 , 0 , 0 , 0.87 );
63
+ /* @alternate */
64
+ color : var (--mdc-theme-text-primary-on-light , rgba (0 , 0 , 0 , 0.87 ));
65
+ }
66
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__action-item ::before , .route__main .mdc-top-app-bar .mdc-top-app-bar__action-item ::after ,
67
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__navigation-icon ::before ,
68
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__navigation-icon ::after {
69
+ background-color : rgba (0 , 0 , 0 , 0.87 );
70
+ /* @alternate */
71
+ background-color : var (--mdc-theme-text-primary-on-light , rgba (0 , 0 , 0 , 0.87 ));
72
+ }
73
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__action-item : hover ::before ,
74
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__navigation-icon : hover ::before {
75
+ opacity : 0.04 ;
76
+ }
77
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__action-item .mdc-ripple-upgraded--background-focused ::before , .route__main .mdc-top-app-bar .mdc-top-app-bar__action-item : not (.mdc-ripple-upgraded ): focus ::before ,
78
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__navigation-icon .mdc-ripple-upgraded--background-focused ::before ,
79
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__navigation-icon : not (.mdc-ripple-upgraded ): focus ::before {
80
+ transition-duration : 75ms ;
81
+ opacity : 0.12 ;
82
+ }
83
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__action-item : not (.mdc-ripple-upgraded )::after ,
84
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__navigation-icon : not (.mdc-ripple-upgraded )::after {
85
+ transition : opacity 150ms linear;
86
+ }
87
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__action-item : not (.mdc-ripple-upgraded ): active ::after ,
88
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__navigation-icon : not (.mdc-ripple-upgraded ): active ::after {
89
+ transition-duration : 75ms ;
90
+ opacity : 0.12 ;
91
+ }
92
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__action-item .mdc-ripple-upgraded ,
93
+ .route__main .mdc-top-app-bar .mdc-top-app-bar__navigation-icon .mdc-ripple-upgraded {
94
+ --mdc-ripple-fg-opacity : 0.12 ;
95
+ }
96
+
97
+ .route__main-index .mdc-form {
98
+ padding : 24px 0 ;
99
+ }
100
+
101
+ .demo-hello .mdc-button [type = submit ] {
102
+ margin-top : 24px ;
103
+ }
104
+ .demo-hello__greeting {
105
+ padding : 24px 0 ;
106
+ }
107
+
108
+ /*!
109
+ Theme: Solarized Dark
110
+ Author: Ethan Schoonover (modified by aramisgithub)
111
+ License: ~ MIT (or more permissive) [via base16-schemes-source]
112
+ Maintainer: @highlightjs/core-team
113
+ Version: 2021.09.0
114
+ */
115
+ pre code .hljs {
116
+ display : block;
117
+ overflow-x : auto;
118
+ padding : 1em ;
119
+ }
120
+
121
+ code .hljs {
122
+ padding : 3px 5px ;
123
+ }
124
+
125
+ .hljs {
126
+ color : # 93a1a1 ;
127
+ background : # 002b36 ;
128
+ }
129
+
130
+ .hljs ::selection , .hljs ::selection {
131
+ background-color : # 586e75 ;
132
+ color : # 93a1a1 ;
133
+ }
134
+
135
+ .hljs-comment {
136
+ color : # 657b83 ;
137
+ }
138
+
139
+ .hljs-tag {
140
+ color : # 839496 ;
141
+ }
142
+
143
+ .hljs-operator , .hljs-punctuation , .hljs-subst {
144
+ color : # 93a1a1 ;
145
+ }
146
+
147
+ .hljs-operator {
148
+ opacity : 0.7 ;
149
+ }
150
+
151
+ .hljs-bullet , .hljs-deletion , .hljs-name , .hljs-selector-tag , .hljs-template-variable , .hljs-variable {
152
+ color : # dc322f ;
153
+ }
154
+
155
+ .hljs-attr , .hljs-link , .hljs-literal , .hljs-number , .hljs-symbol , .hljs-variable .constant_ {
156
+ color : # cb4b16 ;
157
+ }
158
+
159
+ .hljs-class .hljs-title , .hljs-title , .hljs-title .class_ {
160
+ color : # b58900 ;
161
+ }
162
+
163
+ .hljs-strong {
164
+ font-weight : 700 ;
165
+ color : # b58900 ;
166
+ }
167
+
168
+ .hljs-addition , .hljs-code , .hljs-string , .hljs-title .class_ .inherited__ {
169
+ color : # 859900 ;
170
+ }
171
+
172
+ .hljs-built_in , .hljs-doctag , .hljs-keyword .hljs-atrule , .hljs-quote , .hljs-regexp {
173
+ color : # 2aa198 ;
174
+ }
175
+
176
+ .hljs-attribute , .hljs-function .hljs-title , .hljs-section , .hljs-title .function_ , .ruby .hljs-property {
177
+ color : # 268bd2 ;
178
+ }
179
+
180
+ .diff .hljs-meta , .hljs-keyword , .hljs-template-tag , .hljs-type {
181
+ color : # 6c71c4 ;
182
+ }
183
+
184
+ .hljs-emphasis {
185
+ color : # 6c71c4 ;
186
+ font-style : italic;
187
+ }
188
+
189
+ .hljs-meta , .hljs-meta .hljs-keyword , .hljs-meta .hljs-string {
190
+ color : # d33682 ;
191
+ }
192
+
193
+ .hljs-meta .hljs-keyword , .hljs-meta-keyword {
194
+ font-weight : 700 ;
195
+ }
196
+
197
+ html , body {
198
+ height : 100% ;
199
+ }
200
+
201
+ body {
202
+ margin : 0 ;
203
+ overflow : auto;
204
+ padding-top : constant (safe-area-inset-top);
205
+ padding-top : env (safe-area-inset-top);
206
+ }
0 commit comments