You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

93 lines
1.7 KiB

@import "../../assets/scss/variables";
.component-admin {
.login-form-container {
text-align: center;
padding: 40px;
color: $white;
.button {
width: 300px;
}
}
5 years ago
.edit-container {
.title {
display: block;
font-size: $font-30;
font-weight: bolder;
text-transform: uppercase;
padding: 20px 0;
}
.form {
.label {
display: block;
font-size: $font-20;
text-transform: uppercase;
padding: 20px 0 5px 0;
}
.selected-exhibition {
display: block;
font-size: $font-16;
font-weight: bolder;
border-radius: 4px;
border: 2px solid $white;
background: $white-alpha;
cursor: pointer;
padding: 8px 20px;
margin-bottom: 5px;
}
}
}
.menu {
background: $dark-gray;
.section-title {
display: block;
width: 100%;
padding: 50px 10px 10px;
font-size: $font-22;
font-weight: bolder;
text-transform: uppercase;
color: $white;
text-align: center;
border-bottom: 1px dotted $white-alpha;
}
.action {
display: block;
appearance: none;
border: none;
width: 100%;
padding: 10px;
font-size: $font-14;
text-transform: uppercase;
color: $white;
background: $dark-gray;
cursor: pointer;
border-bottom: 1px dotted $white-alpha;
}
}
}
@media (min-width: map-get($grid-breakpoints, 'md')) {
.component-admin {
.menu {
5 years ago
position: fixed;
height: 100vh;
5 years ago
width: 25%;
}
}
5 years ago
}
5 years ago
@media (min-width: map-get($grid-breakpoints, 'lg')) {
.component-admin {
.menu {
width: 16.66%;
}
}
}