29 lines
448 B
SCSS
29 lines
448 B
SCSS
|
:host{
|
||
|
|
header{
|
||
|
|
background: #00acc1;
|
||
|
|
position: fixed;
|
||
|
|
top: 0 ;
|
||
|
|
width: 100vw;
|
||
|
|
min-height: 1rem;
|
||
|
|
}
|
||
|
|
main{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: start;
|
||
|
|
align-content: center;
|
||
|
|
}
|
||
|
|
.aside{
|
||
|
|
background: #fff8f8;
|
||
|
|
box-shadow: 0 0 10px rgba(0,0,0,0.1);
|
||
|
|
width : 0;
|
||
|
|
&.expanded{
|
||
|
|
width: 300px;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#map{
|
||
|
|
width: 100%;
|
||
|
|
height: 100vh;
|
||
|
|
}
|
||
|
|
}
|