1- : host , : root{- - ol- background- color : white;- - ol- accent- background- color : # F5F5F5;- - ol- subtle-background- color : rgba(128, 128, 128, 0.25);- - ol- partial- background- color : rgba(255, 255, 255, 0.75);- - ol- for eground- color : # 333333;- - ol- subtle-for eground- color : # 666666;- - ol- brand - color : # 00AAFF}.ol-box {box-sizing : border-box;border-radius : 2px ;border : 1.5px solid var (--ol-background-color );background-color : var (--ol-partial-background-color )}.ol-mouse-position {top : 8px ;right : 8px ;position : absolute}.ol-scale-line {background : var (--ol-partial-background-color );border-radius : 4px ;bottom : 8px ;left : 8px ;padding : 2px ;position : absolute}.ol-scale-line-inner {border : 1px solid var (--ol-subtle-foreground-color );border-top : none;color : var (--ol-foreground-color );font-size : 10px ;text-align : center;margin : 1px ;will-change : contents, width;transition : all .25s }.ol-scale-bar {position : absolute;bottom : 8px ;left : 8px }.ol-scale-bar-inner {display : flex}.ol-scale-step-marker {width : 1px ;height : 15px ;background-color : var (--ol-foreground-color );float : right;z-index : 10 }.ol-scale-step-text {position : absolute;bottom : -5px ;font-size : 10px ;z-index : 11 ;color : var (--ol-foreground-color );text-shadow : -1.5px 0 var (--ol-partial-background-color ), 0 1.5px var (--ol-partial-background-color ), 1.5px 0 var (--ol-partial-background-color ), 0 -1.5px var (--ol-partial-background-color )}.ol-scale-text {position : absolute;font-size : 12px ;text-align : center;bottom : 25px ;color : var (--ol-foreground-color );text-shadow : -1.5px 0 var (--ol-partial-background-color ), 0 1.5px var (--ol-partial-background-color ), 1.5px 0 var (--ol-partial-background-color ), 0 -1.5px var (--ol-partial-background-color )}.ol-scale-singlebar {position : relative;height : 10px ;z-index : 9 ;box-sizing : border-box;border : 1px solid var (--ol-foreground-color )}.ol-scale-singlebar-even {background-color : var (--ol-subtle-foreground-color )}.ol-scale-singlebar-odd {background-color : var (--ol-background-color )}.ol-unsupported {display : none}.ol-unselectable , .ol-viewport {-webkit-touch-callout : none;-webkit-user-select : none;-moz-user-select : none;user-select : none;-webkit-tap-highlight-color : transparent}.ol-viewport canvas {all : unset}.ol-selectable {-webkit-touch-callout : default;-webkit-user-select : text;-moz-user-select : text;user-select : text}.ol-grabbing {cursor : -webkit-grabbing;cursor : -moz-grabbing;cursor : grabbing}.ol-grab {cursor : move;cursor : -webkit-grab;cursor : -moz-grab;cursor : grab}.ol-control {position : absolute;background-color : var (--ol-subtle-background-color );border-radius : 4px }.ol-zoom {top : .5em ;left : .5em }.ol-rotate {top : .5em ;right : .5em ;transition : opacity .25s linear, visibility 0s linear}.ol-rotate .ol-hidden {opacity : 0 ;visibility : hidden;transition : opacity .25s linear, visibility 0s linear .25s }.ol-zoom-extent {top : 4.643em ;left : .5em }.ol-full-screen {right : .5em ;top : .5em }.ol-control button {display : block;margin : 1px ;padding : 0 ;color : var (--ol-subtle-foreground-color );font-weight : 700 ;text-decoration : none;font-size : inherit;text-align : center;height : 1.375em ;width : 1.375em ;line-height : .4em ;background-color : var (--ol-background-color );border : none;border-radius : 2px }.ol-control button ::-moz-focus-inner {border : none;padding : 0 }.ol-zoom-extent button {line-height : 1.4em }.ol-compass {display : block;font-weight : 400 ;will-change : transform}.ol-touch .ol-control button {font-size : 1.5em }.ol-touch .ol-zoom-extent {top : 5.5em }.ol-control button : focus , .ol-control button : hover {text-decoration : none;outline : 1px solid var (--ol-subtle-foreground-color );color : var (--ol-foreground-color )}.ol-zoom .ol-zoom-in {border-radius : 2px 2px 0 0 }.ol-zoom .ol-zoom-out {border-radius : 0 0 2px 2px }.ol-attribution {text-align : right;bottom : .5em ;right : .5em ;max-width : calc (100% - 1.3em );display : flex;flex-flow : row-reverse;align-items : center}.ol-attribution a {color : var (--ol-subtle-foreground-color );text-decoration : none}.ol-attribution ul {margin : 0 ;padding : 1px .5em ;color : var (--ol-foreground-color );text-shadow : 0 0 2px var (--ol-background-color );font-size : 12px }.ol-attribution li {display : inline;list-style : none}.ol-attribution li : not (: last-child ): after {content : " " }.ol-attribution img {max-height : 2em ;max-width : inherit;vertical-align : middle}.ol-attribution button {flex-shrink : 0 }.ol-attribution .ol-collapsed ul {display : none}.ol-attribution : not (.ol-collapsed ){background : var (--ol-partial-background-color )}.ol-attribution .ol-uncollapsible {bottom : 0 ;right : 0 ;border-radius : 4px 0 0 }.ol-attribution .ol-uncollapsible img {margin-top : -.2em ;max-height : 1.6em }.ol-attribution .ol-uncollapsible button {display : none}.ol-zoomslider {top : 4.5em ;left : .5em ;height : 200px }.ol-zoomslider button {position : relative;height : 10px }.ol-touch .ol-zoomslider {top : 5.5em }.ol-overviewmap {left : .5em ;bottom : .5em }.ol-overviewmap .ol-uncollapsible {bottom : 0 ;left : 0 ;border-radius : 0 4px 0 0 }.ol-overviewmap .ol-overviewmap-map , .ol-overviewmap button {display : block}.ol-overviewmap .ol-overviewmap-map {border : 1px solid var (--ol-subtle-foreground-color );height : 150px ;width : 150px }.ol-overviewmap : not (.ol-collapsed ) button {bottom : 0 ;left : 0 ;position : absolute}.ol-overviewmap .ol-collapsed .ol-overviewmap-map , .ol-overviewmap .ol-uncollapsible button {display : none}.ol-overviewmap : not (.ol-collapsed ){background : var (--ol-subtle-background-color )}.ol-overviewmap-box {border : 1.5px dotted var (--ol-subtle-foreground-color )}.ol-overviewmap .ol-overviewmap-box : hover {cursor : move}
2- /*# sourceMappingURL=ol.css.map */
1+ : root ,
2+ : host {
3+ --ol-background-color : white;
4+ --ol-accent-background-color : # F5F5F5 ;
5+ --ol-subtle-background-color : rgba (128 , 128 , 128 , 0.25 );
6+ --ol-partial-background-color : rgba (255 , 255 , 255 , 0.75 );
7+ --ol-foreground-color : # 333333 ;
8+ --ol-subtle-foreground-color : # 666666 ;
9+ --ol-brand-color : # 00AAFF ;
10+ }
11+
12+ .ol-box {
13+ box-sizing : border-box;
14+ border-radius : 2px ;
15+ border : 1.5px solid var (--ol-background-color );
16+ background-color : var (--ol-partial-background-color );
17+ }
18+
19+ .ol-mouse-position {
20+ top : 8px ;
21+ right : 8px ;
22+ position : absolute;
23+ }
24+
25+ .ol-scale-line {
26+ background : var (--ol-partial-background-color );
27+ border-radius : 4px ;
28+ bottom : 8px ;
29+ left : 8px ;
30+ padding : 2px ;
31+ position : absolute;
32+ }
33+
34+ .ol-scale-line-inner {
35+ border : 1px solid var (--ol-subtle-foreground-color );
36+ border-top : none;
37+ color : var (--ol-foreground-color );
38+ font-size : 10px ;
39+ text-align : center;
40+ margin : 1px ;
41+ will-change : contents, width;
42+ transition : all 0.25s ;
43+ }
44+
45+ .ol-scale-bar {
46+ position : absolute;
47+ bottom : 8px ;
48+ left : 8px ;
49+ }
50+
51+ .ol-scale-bar-inner {
52+ display : flex;
53+ }
54+
55+ .ol-scale-step-marker {
56+ width : 1px ;
57+ height : 15px ;
58+ background-color : var (--ol-foreground-color );
59+ float : right;
60+ z-index : 10 ;
61+ }
62+
63+ .ol-scale-step-text {
64+ position : absolute;
65+ bottom : -5px ;
66+ font-size : 10px ;
67+ z-index : 11 ;
68+ color : var (--ol-foreground-color );
69+ text-shadow : -1.5px 0 var (--ol-partial-background-color ), 0 1.5px var (--ol-partial-background-color ), 1.5px 0 var (--ol-partial-background-color ), 0 -1.5px var (--ol-partial-background-color );
70+ }
71+
72+ .ol-scale-text {
73+ position : absolute;
74+ font-size : 12px ;
75+ text-align : center;
76+ bottom : 25px ;
77+ color : var (--ol-foreground-color );
78+ text-shadow : -1.5px 0 var (--ol-partial-background-color ), 0 1.5px var (--ol-partial-background-color ), 1.5px 0 var (--ol-partial-background-color ), 0 -1.5px var (--ol-partial-background-color );
79+ }
80+
81+ .ol-scale-singlebar {
82+ position : relative;
83+ height : 10px ;
84+ z-index : 9 ;
85+ box-sizing : border-box;
86+ border : 1px solid var (--ol-foreground-color );
87+ }
88+
89+ .ol-scale-singlebar-even {
90+ background-color : var (--ol-subtle-foreground-color );
91+ }
92+
93+ .ol-scale-singlebar-odd {
94+ background-color : var (--ol-background-color );
95+ }
96+
97+ .ol-unsupported {
98+ display : none;
99+ }
100+
101+ .ol-viewport ,
102+ .ol-unselectable {
103+ -webkit-touch-callout : none;
104+ -webkit-user-select : none;
105+ -moz-user-select : none;
106+ user-select : none;
107+ -webkit-tap-highlight-color : transparent;
108+ }
109+
110+ .ol-viewport canvas {
111+ all : unset;
112+ overflow : hidden;
113+ }
114+
115+ .ol-viewport {
116+ touch-action : pan-x pan-y;
117+ }
118+
119+ .ol-selectable {
120+ -webkit-touch-callout : default;
121+ -webkit-user-select : text;
122+ -moz-user-select : text;
123+ user-select : text;
124+ }
125+
126+ .ol-grabbing {
127+ cursor : -webkit-grabbing;
128+ cursor : -moz-grabbing;
129+ cursor : grabbing;
130+ }
131+
132+ .ol-grab {
133+ cursor : move;
134+ cursor : -webkit-grab;
135+ cursor : -moz-grab;
136+ cursor : grab;
137+ }
138+
139+ .ol-control {
140+ position : absolute;
141+ background-color : var (--ol-subtle-background-color );
142+ border-radius : 4px ;
143+ }
144+
145+ .ol-zoom {
146+ top : .5em ;
147+ left : .5em ;
148+ }
149+
150+ .ol-rotate {
151+ top : .5em ;
152+ right : .5em ;
153+ transition : opacity .25s linear, visibility 0s linear;
154+ }
155+
156+ .ol-rotate .ol-hidden {
157+ opacity : 0 ;
158+ visibility : hidden;
159+ transition : opacity .25s linear, visibility 0s linear .25s ;
160+ }
161+
162+ .ol-zoom-extent {
163+ top : 4.643em ;
164+ left : .5em ;
165+ }
166+
167+ .ol-full-screen {
168+ right : .5em ;
169+ top : .5em ;
170+ }
171+
172+ .ol-control button {
173+ display : block;
174+ margin : 1px ;
175+ padding : 0 ;
176+ color : var (--ol-subtle-foreground-color );
177+ font-weight : bold;
178+ text-decoration : none;
179+ font-size : inherit;
180+ text-align : center;
181+ height : 1.375em ;
182+ width : 1.375em ;
183+ line-height : .4em ;
184+ background-color : var (--ol-background-color );
185+ border : none;
186+ border-radius : 2px ;
187+ }
188+
189+ .ol-control button ::-moz-focus-inner {
190+ border : none;
191+ padding : 0 ;
192+ }
193+
194+ .ol-zoom-extent button {
195+ line-height : 1.4em ;
196+ }
197+
198+ .ol-compass {
199+ display : block;
200+ font-weight : normal;
201+ will-change : transform;
202+ }
203+
204+ .ol-touch .ol-control button {
205+ font-size : 1.5em ;
206+ }
207+
208+ .ol-touch .ol-zoom-extent {
209+ top : 5.5em ;
210+ }
211+
212+ .ol-control button : hover ,
213+ .ol-control button : focus {
214+ text-decoration : none;
215+ outline : 1px solid var (--ol-subtle-foreground-color );
216+ color : var (--ol-foreground-color );
217+ }
218+
219+ .ol-zoom .ol-zoom-in {
220+ border-radius : 2px 2px 0 0 ;
221+ }
222+
223+ .ol-zoom .ol-zoom-out {
224+ border-radius : 0 0 2px 2px ;
225+ }
226+
227+ .ol-attribution {
228+ text-align : right;
229+ bottom : .5em ;
230+ right : .5em ;
231+ max-width : calc (100% - 1.3em );
232+ display : flex;
233+ flex-flow : row-reverse;
234+ align-items : center;
235+ }
236+
237+ .ol-attribution a {
238+ color : var (--ol-subtle-foreground-color );
239+ text-decoration : none;
240+ }
241+
242+ .ol-attribution ul {
243+ margin : 0 ;
244+ padding : 1px .5em ;
245+ color : var (--ol-foreground-color );
246+ text-shadow : 0 0 2px var (--ol-background-color );
247+ font-size : 12px ;
248+ }
249+
250+ .ol-attribution li {
251+ display : inline;
252+ list-style : none;
253+ }
254+
255+ .ol-attribution li : not (: last-child ): after {
256+ content : " " ;
257+ }
258+
259+ .ol-attribution img {
260+ max-height : 2em ;
261+ max-width : inherit;
262+ vertical-align : middle;
263+ }
264+
265+ .ol-attribution button {
266+ flex-shrink : 0 ;
267+ }
268+
269+ .ol-attribution .ol-collapsed ul {
270+ display : none;
271+ }
272+
273+ .ol-attribution : not (.ol-collapsed ) {
274+ background : var (--ol-partial-background-color );
275+ }
276+
277+ .ol-attribution .ol-uncollapsible {
278+ bottom : 0 ;
279+ right : 0 ;
280+ border-radius : 4px 0 0 ;
281+ }
282+
283+ .ol-attribution .ol-uncollapsible img {
284+ margin-top : -.2em ;
285+ max-height : 1.6em ;
286+ }
287+
288+ .ol-attribution .ol-uncollapsible button {
289+ display : none;
290+ }
291+
292+ .ol-zoomslider {
293+ top : 4.5em ;
294+ left : .5em ;
295+ height : 200px ;
296+ }
297+
298+ .ol-zoomslider button {
299+ position : relative;
300+ height : 10px ;
301+ }
302+
303+ .ol-touch .ol-zoomslider {
304+ top : 5.5em ;
305+ }
306+
307+ .ol-overviewmap {
308+ left : 0.5em ;
309+ bottom : 0.5em ;
310+ }
311+
312+ .ol-overviewmap .ol-uncollapsible {
313+ bottom : 0 ;
314+ left : 0 ;
315+ border-radius : 0 4px 0 0 ;
316+ }
317+
318+ .ol-overviewmap .ol-overviewmap-map ,
319+ .ol-overviewmap button {
320+ display : block;
321+ }
322+
323+ .ol-overviewmap .ol-overviewmap-map {
324+ border : 1px solid var (--ol-subtle-foreground-color );
325+ height : 150px ;
326+ width : 150px ;
327+ }
328+
329+ .ol-overviewmap : not (.ol-collapsed ) button {
330+ bottom : 0 ;
331+ left : 0 ;
332+ position : absolute;
333+ }
334+
335+ .ol-overviewmap .ol-collapsed .ol-overviewmap-map ,
336+ .ol-overviewmap .ol-uncollapsible button {
337+ display : none;
338+ }
339+
340+ .ol-overviewmap : not (.ol-collapsed ) {
341+ background : var (--ol-subtle-background-color );
342+ }
343+
344+ .ol-overviewmap-box {
345+ border : 1.5px dotted var (--ol-subtle-foreground-color );
346+ }
347+
348+ .ol-overviewmap .ol-overviewmap-box : hover {
349+ cursor : move;
350+ }
0 commit comments