Ekapp/skolehjem/resources/sass/app/forms/_forms.scss

95 lines
1.5 KiB
SCSS

form {
max-width: 100%;
padding: 0 .45rem 0 .45rem;
display: flex;
flex-direction: column;
justify-content: center;
}
input[type=file] {
border: unset !important;
}
.fa-eye {
font-size: 25px;
color: grey;
margin: 0 0 16px -35px;
align-self: center;
z-index: 98;
background-color: white;
}
.btn {
border: 0;
border-radius: 4px;
padding: .5rem;
cursor: pointer;
font-weight: 700;
font-size: 1.05rem;
background-color: white;
color: $sde-black-80;
margin-bottom: .5rem;
}
.btn-dark {
color: white;
background-color: $sde-black-80;
}
.btn-sde-blue {
color: white;
background-color: $sde-blue;
}
.btn-disabled {
color: white;
background-color: $sde-black-20;
}
.form-inline {
display: inline-flex;
}
input, select{
border: grey solid 2px;
border-radius: 4px;
background-color: transparent;
font-size: 1rem;
line-height: 2rem;
margin-bottom: 1rem;
}
input.appinput {
border: none;
border-bottom: white solid 2px;
background-color: transparent;
font-size: 1rem;
color: rgba(255,255,255,1);
line-height: 2rem;
margin-bottom: 1rem;
}
.appinput::placeholder {
opacity: 1;
color: white;
}
.form-control {
flex: 1 1 auto;
width: 1%;
}
.input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
}
.input-group-append {
display: flex;
}