Commit dea5daeb authored by Alexandre's avatar Alexandre

Merge branch 'integration-adp' into dev

parents 01ba4feb ec4c19bd
......@@ -22,4 +22,14 @@ Properties are ordered by declaration type:
@media only screen and (max-width: 575px) {
padding: 1rem;
}
button {
@extend %blue-button;
margin: 3rem auto;
a {
@extend %title-typo;
color: white;
font-size: 1.1rem;
text-decoration: none;
}
}
}
......@@ -86,7 +86,7 @@ Properties are ordered by declaration type:
z-index: 10000;
height: 5.5rem;
padding: 1rem 3rem;
padding: 0.5rem 3rem 1rem 3rem;
border-bottom: 2px solid $light-grey;
background: white;
......@@ -103,11 +103,13 @@ Properties are ordered by declaration type:
cursor: pointer;
}
div.logo {
width: 220px;
width: 140px;
//height: 4rem;
margin-top: 0.5rem;
margin-top: 1.5rem;
@media only screen and (max-width: 991px) {
width: 200px;
margin-top: 0.8rem;
padding-left: 4rem;
}
img {
......
......@@ -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