150 lines
2.1 KiB
SCSS
150 lines
2.1 KiB
SCSS
aside.options {
|
|
.card {
|
|
background-color: #f8f8f8;
|
|
|
|
& + .card {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.card-body {
|
|
padding: 0.25rem 0.5rem 0.5rem;
|
|
font-size: 0.9rem;
|
|
|
|
.form-group {
|
|
margin-bottom: 0.5rem;
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.form-subgroup {
|
|
margin-left: 0.35rem;
|
|
border-left: 2px solid #ced4da;
|
|
padding-left: 0.5rem;
|
|
|
|
.form-subgroup {
|
|
margin-left: 0;
|
|
border-left: 1px solid #d7e0ea;
|
|
padding-left: 0.4rem;
|
|
}
|
|
|
|
.form-check + .form-subgroup {
|
|
margin-left: 5.5px;
|
|
}
|
|
}
|
|
|
|
.form-label {
|
|
margin-bottom: 0.15rem;
|
|
margin-left: 0.15rem;
|
|
}
|
|
|
|
.form-control {
|
|
&.domain {
|
|
&::placeholder {
|
|
color: #000;
|
|
}
|
|
|
|
&:placeholder-shown {
|
|
border-color: #3131ff;
|
|
}
|
|
}
|
|
|
|
&[type="text"],
|
|
&[type="email"] {
|
|
&:placeholder-shown {
|
|
background-color: #fefefe;
|
|
}
|
|
}
|
|
}
|
|
|
|
.form-control.input-changed,
|
|
.form-check.input-changed,
|
|
select.input-changed {
|
|
background-color: #fff3cd;
|
|
}
|
|
|
|
.form-check.input-changed {
|
|
border-radius: 0.2rem;
|
|
}
|
|
|
|
.form-check-label {
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
|
|
.row {
|
|
&.no-gutters {
|
|
& + .no-gutters {
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.col-md-6 {
|
|
&:first-child {
|
|
padding-right: 3px;
|
|
}
|
|
|
|
&:last-child {
|
|
padding-left: 3px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
aside.sidebar {
|
|
@include media-breakpoint-up(lg) {
|
|
margin-top: -2.4rem;
|
|
}
|
|
|
|
.github-link {
|
|
text-align: center;
|
|
font-size: 1rem;
|
|
margin-bottom: 0.5rem;
|
|
|
|
small {
|
|
font-size: 90%;
|
|
}
|
|
|
|
img {
|
|
height: 1.2rem;
|
|
vertical-align: -4px;
|
|
}
|
|
}
|
|
|
|
.github-star {
|
|
width: 132px;
|
|
height: 30px;
|
|
display: block;
|
|
border: 0;
|
|
overflow: hidden;
|
|
margin: 0 auto 0.25rem;
|
|
}
|
|
|
|
.buttons {
|
|
text-align: center;
|
|
margin-top: 1.5rem;
|
|
|
|
.btn {
|
|
&.btn-download {
|
|
margin-bottom: 0.25rem;
|
|
|
|
img {
|
|
vertical-align: -2px;
|
|
margin-right: 0.1rem;
|
|
height: 1rem;
|
|
}
|
|
}
|
|
|
|
&.btn-reset {
|
|
img {
|
|
vertical-align: -3px;
|
|
height: 0.9rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|