update
This commit is contained in:
No files matched your search
@@ -0,0 +1,95 @@
|
||||
/* =============
|
||||
Form
|
||||
============= */
|
||||
|
||||
label {
|
||||
font-size: 14px;
|
||||
color: $dark;
|
||||
font-family: $font-secondary;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
select[multiple] option+option, select[size] option+option {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
select[multiple] option, select[size] option {
|
||||
padding: 6px 12px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
select[multiple] {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
textarea.form-control {
|
||||
min-height: 90px;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border: 1px solid darken($light,3%);
|
||||
border-radius: 4px;
|
||||
max-width: 100%;
|
||||
padding: .469rem .75rem;
|
||||
font-size: $font-size-base;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
-webkit-transition: all 300ms linear;
|
||||
-moz-transition: all 300ms linear;
|
||||
-o-transition: all 300ms linear;
|
||||
transition: all 300ms linear;
|
||||
|
||||
&:focus {
|
||||
border: 1px solid darken($light,20%);
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.form-control-lg {
|
||||
padding: 12px 16px;
|
||||
font-size: 16px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.form-control-sm {
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
input[type="color"] {
|
||||
min-height: 38px;
|
||||
}
|
||||
|
||||
.input-group-prepend,.input-group-append {
|
||||
.btn {
|
||||
min-height: 38px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn,
|
||||
.input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn,
|
||||
.input-group-sm>.input-group-prepend>.input-group-text {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.custom-select:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
// Checkbox and Radio
|
||||
.custom-control-input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.custom-control-input:checked~.custom-control-indicator {
|
||||
background-color: $custom;
|
||||
}
|
||||
|
||||
.form-check-input:only-child {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user