68 lines
1.3 KiB
SCSS
68 lines
1.3 KiB
SCSS
@mixin profile-form {
|
|
form {
|
|
display: flex;
|
|
}
|
|
fieldset {
|
|
margin-bottom: 1rem;
|
|
}
|
|
label {
|
|
@include font-type(light);
|
|
display: block;
|
|
margin-bottom: .2rem;
|
|
}
|
|
.project-details-image {
|
|
flex-shrink: 0;
|
|
flex-grow: 0;
|
|
width: 180px;
|
|
margin-right: 2rem;
|
|
.image {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.change-image {
|
|
display: block;
|
|
}
|
|
.image-container {
|
|
position: relative;
|
|
margin-bottom: .5rem;
|
|
}
|
|
.loading-overlay {
|
|
display: none;
|
|
&.active {
|
|
align-items: center;
|
|
background: rgba($blackish, .8);
|
|
bottom: 0;
|
|
display: flex;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
.loading-spinner {
|
|
@include loading-spinner;
|
|
border: 0;
|
|
transform-origin: center center;
|
|
}
|
|
.use-default-image {
|
|
@include font-size(x-small);
|
|
display: block;
|
|
margin-top: .25rem;
|
|
text-align: center;
|
|
&:hover {
|
|
color: $red;
|
|
}
|
|
}
|
|
|
|
.project-details-form-data {
|
|
flex: 1;
|
|
max-width: 500px;
|
|
}
|
|
@include breakpoint(tablet) {
|
|
form {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|