101 lines
1.5 KiB
SCSS
101 lines
1.5 KiB
SCSS
.tag {
|
|
padding: 3px 9px;
|
|
border: $border;
|
|
border-radius: 3px;
|
|
background-color: $light;
|
|
line-height: 30px;
|
|
}
|
|
|
|
span .tag {
|
|
@extend .tag;
|
|
|
|
border-radius: 3px 0 0 3px;
|
|
|
|
&+.tag {
|
|
border-left: none;
|
|
border-radius: 0 3px 3px 0;
|
|
background-color: $white;
|
|
}
|
|
}
|
|
|
|
.button {
|
|
@extend .tag;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.modal {
|
|
.modal-background {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background-color: #000000;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.modal-content {
|
|
position: fixed;
|
|
top: 10%;
|
|
left: 20%;
|
|
bottom: 10%;
|
|
right: 20%;
|
|
background-color: $white;
|
|
border: $border;
|
|
border-radius: 5px;
|
|
|
|
.close-button {
|
|
font-size: 200%;
|
|
float: right;
|
|
margin: 10px 20px;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
}
|
|
|
|
.tabs {
|
|
ul {
|
|
border-bottom: $border;
|
|
}
|
|
li {
|
|
display: inline-block;
|
|
list-style: none;
|
|
margin: 0 2px -1px;
|
|
padding: 10px 20px;
|
|
border-top: $border;
|
|
border-left: $border;
|
|
border-right: $border;
|
|
border-radius: 5px 5px 0 0;
|
|
background-color: $mid;
|
|
cursor: pointer;
|
|
|
|
&.active {
|
|
background-color: $white;
|
|
border-bottom: 1px solid $white;
|
|
}
|
|
}
|
|
}
|
|
|
|
.split {
|
|
display: block;
|
|
|
|
div {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin: 0;
|
|
margin-right: 2%;
|
|
|
|
&:last-child {
|
|
margin-right: unset;
|
|
margin-left: 2%;
|
|
}
|
|
}
|
|
|
|
&.two div {
|
|
width: 46%;
|
|
}
|
|
|
|
&.three div {
|
|
width: 30%;
|
|
}
|
|
} |