Files
bigcapital/client/src/style/objects/form.scss
2020-04-03 01:17:17 +02:00

97 lines
1.5 KiB
SCSS

.form{
&__floating-footer{
position: fixed;
bottom: 0;
left: 220px;
right: 0;
background: #fff;
padding: 14px 16px;
border-top: 1px solid #ececec;
}
}
// Form
label{
font-weight: 400;
}
.#{$ns}-input{
box-shadow: 0 0 0;
border: 1px solid #ced4da;
border-radius: 0;
height: 32px;
line-height: 32px;
color: #333;
&:focus,
&.bp3-active{
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
border-color: #80bdff;
}
}
.#{$ns}-form-group{
margin-bottom: 20px;
&.#{$ns}-intent-danger{
select{
box-shadow: 0 0 0 0 rgba(219, 55, 55, 0),
0 0 0 0 rgba(2, 2, 2, 0),
inset 0 0 0 1px #db3737,
inset 0 0 0 1px rgba(16, 22, 26, 0.15),
inset 0 1px 1px rgba(16, 22, 26, 0.2);
}
.bp3-input{
border-color: #db3737;
}
}
.#{$ns}-label{
margin-bottom: 6px;
.#{$ns}-icon-info-circle{
margin-left: 3px;
position: relative;
top: -1px;
color: #A1B2C5;
}
}
}
.#{$ns}-button:not([class*=".#{$ns}-intent-"]) {
background-image: none;
}
.#{$ns}-html-select select,
.#{$ns}-select select{
background-image: none;
border-radius: 0;
&,
&:hover{
background: #fff;
box-shadow: 0 0 0;
border: 1px solid #ced4da;
}
&:focus{
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
border-color: #80bdff;
}
}
.bp3-datepicker-caption select{
&,
&:hover{
border-color: transparent;
}
}
.form-group--select-list{
.#{$ns}-icon-caret-down{
color: #8D8D8D;
}
}