54 lines
990 B
SCSS
54 lines
990 B
SCSS
.config-nav {
|
|
display: flex;
|
|
flex-direction: row;
|
|
background-color: $nav;
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
|
|
div {
|
|
padding: 10px 5px;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
border-bottom: 1px solid transparent;
|
|
|
|
&.active {
|
|
border-color: $active;
|
|
}
|
|
|
|
&:hover {
|
|
background-color: rgba(0, 0, 0, .4);
|
|
}
|
|
}
|
|
}
|
|
|
|
.config-content {
|
|
padding: 1em;
|
|
min-height: 200px;
|
|
}
|
|
|
|
.config-content .visuals {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
|
|
.visual-item {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 1em;
|
|
min-width: 100px;
|
|
min-height: 100px;
|
|
background-color: $darker;
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
transition: .5s;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
background-color: $nav;
|
|
}
|
|
|
|
&.active {
|
|
border: 1px solid $primary;
|
|
}
|
|
}
|
|
} |