81 lines
1.1 KiB
SCSS
81 lines
1.1 KiB
SCSS
// @import './node_modules/@mdi/font/scss/materialdesignicons.scss';
|
|
@import "./base.scss";
|
|
@import "./colors.scss";
|
|
@import "./common.scss";
|
|
@import "./layout.scss";
|
|
@import "./fonts/snap_it/snap_it.css";
|
|
|
|
body{
|
|
background-color: $back;
|
|
}
|
|
|
|
#app{
|
|
|
|
}
|
|
|
|
#app>header#header{
|
|
// background-color: $front;
|
|
.row{
|
|
display: flex;
|
|
flex-direction: row;
|
|
>*{
|
|
margin-right: 1em;
|
|
}
|
|
&.top{
|
|
h1{
|
|
font-family: "snap-it";
|
|
}
|
|
}
|
|
// &.bottom{
|
|
// padding:1em 0;
|
|
|
|
// }
|
|
}
|
|
|
|
}
|
|
|
|
#main-content{
|
|
|
|
#map-backgrounds{
|
|
.map-bg-canvas{
|
|
mix-blend-mode: multiply;
|
|
// filter: contrast(170%);
|
|
&.gradient{
|
|
// filter: blur(10px);
|
|
}
|
|
&.trame{
|
|
// display:none;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
#map-concernements{
|
|
|
|
}
|
|
|
|
#map-nav{
|
|
ul{
|
|
display: flex;
|
|
flex-flow: row;
|
|
gap: 1em;
|
|
li{
|
|
list-style: none;
|
|
a{
|
|
@include btn();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#content{
|
|
section.concernement{
|
|
background-color: rgba(255, 255, 255, 0.9);
|
|
box-sizing: border-box;
|
|
width:30em;
|
|
height: 100%;
|
|
padding: 1rem;
|
|
}
|
|
}
|
|
}
|