portal-oddajanje-solar/static/css/form.scss
2021-11-16 18:45:20 +01:00

95 lines
1.9 KiB
SCSS

@import "slovenscina-elements.scss";
.form-wrapper {
margin-bottom:1rem;
label {
display:block;
font-weight: normal;
font-size: 0.75rem;
line-height: 0.875rem;
text-transform: uppercase;
}
select {
display:block;
background: #FFFFFF;
border: 1px solid $grey-border;
padding: 0.75rem 1rem;
width:100%;
}
input[type="text"] {
box-sizing: border-box;
display:block;
background: #FFFFFF;
border: 1px solid $grey-border;
padding: 0.75rem 1rem;
width:100%;
}
.dropzone {
box-sizing: border-box;
padding:0.5rem;
height:4.5rem;
background:#E0E6EA;
.dz-default.dz-message {
box-sizing: border-box;
display: block;
height:3.5rem;
text-align: center;
border:2px dashed white;
span {
display: inline-block;
background: $blue;
border-radius: 6px;
color:white;
padding: 0.5rem 0.75rem;
margin-top:0.5rem;
cursor: pointer;
}
}
}
.dz-preview.dz-file-preview {
position:relative;
background:white;
height:4.5rem;
margin-top:1rem;
.dz-image {
position:absolute;
left:1rem;
top:1rem;
background: url("/static/image/file.svg");
background-repeat: no-repeat;
background-position: center;
width:2rem;
height:2rem;
img {
display: none;
}
}
.dz-details {
.dz-filename {
position:absolute;
top:1.5rem;
left:1.5rem;
}
.dz-size {
position:absolute;
top:1rem;
right:1rem;
}
}
.dz-success-mark,.dz-error-mark {display:none;}
.dz-progress {
position:absolute;
left:50%;
top: 1.5rem;
width:28%;
border-radius: 10px;
overflow: hidden;
.dz-upload {
height: 20px;
display: inline-block;
background:$blue;
}
}
}
}