Commit 10cd7f62 authored by Lowic Mangin's avatar Lowic Mangin

Re-style user profile block

parent 0f7c479c
......@@ -18,10 +18,11 @@ Properties are ordered by declaration type:
#mon-profil {
@extend %block-padding;
padding-bottom: 0rem;
> div {
display: flex;
margin: 1rem;
margin: 1rem 1rem 0 1rem;
@media only screen and (max-width: 575px) {
flex-direction: column;
}
......@@ -43,40 +44,57 @@ Properties are ordered by declaration type:
@media only screen and (max-width: 575px) {
width: 100%;
sib-display-img[name="userprofile.photo"] {
margin: 1rem auto;
margin: 1rem auto 2rem auto;
}
}
}
sib-form form {
font-size: 1.2rem;
input {
width: 45%;
margin: 1rem;
border: none;
border-bottom: 1px solid $light-grey;
sib-form {
form {
display: flex;
flex-wrap: wrap;
color: $dark-grey;
@media only screen and (max-width: 991px) {
width: 100%;
}
}
input[type="submit"] {
@extend %blue-button;
font-size: 1.2rem;
sib-form-label-placeholder-text {
display: block;
@extend %title-typo;
width: 8rem;
margin-top: 2rem;
width: 50%;
@media only screen and (max-width: 767px) {
width: 100%;
}
label {
div {
color: $secondary-blue;
font-weight: 700;
text-transform: uppercase;
}
input {
width: 90%;
margin: 1rem 1rem 2rem 1rem;
border: none;
border-bottom: 1px solid $light-grey;
transform: translateX(-12rem);
@media only screen and (max-width: 991px) {
transform: translate(-12rem, -10rem);
color: $dark-grey;
}
}
}
@media only screen and (max-width: 575px) {
display: block;
margin: 1rem auto 0 auto;
input[type="submit"] {
@extend %blue-button;
@extend %title-typo;
width: 8rem;
transform: translate(-11rem, -5rem);
@media only screen and (max-width: 767px) {
transform: translate(-11rem, -22rem);
}
@media only screen and (max-width: 575px) {
display: block;
margin: 1rem auto 0 auto;
transform: translate(0, 0);
transform: translate(0, 0);
}
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment