From: Vincent Vanwaelscappel Date: Mon, 20 Feb 2023 16:53:44 +0000 (+0100) Subject: wip #5719 @2.5 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=10230224e68cb0cc6d7ad9e250c4597e381e9726;p=eif-extranet.git wip #5719 @2.5 --- diff --git a/images/login-background.jpg b/images/login-background.jpg new file mode 100644 index 0000000..12a5f38 Binary files /dev/null and b/images/login-background.jpg differ diff --git a/login.php b/login.php new file mode 100644 index 0000000..c27c4bd --- /dev/null +++ b/login.php @@ -0,0 +1,26 @@ + + + + + EIF - Unibail Rodamco Westfield + + + + + + + + +
> +
+ + + +
+ Connexion +
© EIF Expertise & Innovation 2023
+
+ + diff --git a/placeholders/captcha.png b/placeholders/captcha.png new file mode 100644 index 0000000..a0236c8 Binary files /dev/null and b/placeholders/captcha.png differ diff --git a/style/inc/_common.sass b/style/inc/_common.sass index 70b80e5..b6d9e26 100644 --- a/style/inc/_common.sass +++ b/style/inc/_common.sass @@ -1,5 +1,6 @@ html, body, main min-height: 100% + height: 100% body background-color: $background-color diff --git a/style/inc/_forms.sass b/style/inc/_forms.sass index 9ce9fcf..5310d57 100644 --- a/style/inc/_forms.sass +++ b/style/inc/_forms.sass @@ -1,4 +1,4 @@ -.submit, input[type="text"], input[type="search"], select, textarea +.submit, input[type="text"], input[type="search"], input[type="password"], select, textarea height: 50px padding: 15px border: 0 diff --git a/style/inc/_login.sass b/style/inc/_login.sass new file mode 100644 index 0000000..8aa80d3 --- /dev/null +++ b/style/inc/_login.sass @@ -0,0 +1,57 @@ +main.login + background-image: url("../images/login-background.jpg") + background-size: cover + background-position: 50% 50% + height: 100% + min-height: 100% + padding: 0 + min-width: auto + display: flex + align-items: center + justify-content: center + + form + min-width: 500px + width: 500px + max-width: 100% + margin: 0 auto + border-radius: 8px + background-color: #fff + padding: 50px + + @include media-x-small + width: 100% + min-width: auto + height: 100% + + input + background-color: $background-color + width: 100% + + label + display: block + margin: 50px 0 + position: relative + + a + position: absolute + right: 12px + top: 17px + + .logo + width: 98px + height: auto + margin: 0 auto 50px + + .submit + width: 100% + text-align: center + font-size: 17px + padding: 25px + height: 70px + margin: 50px 0 + + footer + color: $light-color + font-size: 12px + text-align: center diff --git a/style/inc/_mixins.sass b/style/inc/_mixins.sass index 2ab7a90..eb6c39f 100644 --- a/style/inc/_mixins.sass +++ b/style/inc/_mixins.sass @@ -64,5 +64,10 @@ @mixin media-small @media screen and (max-width: $breakpoint-small) + & + @content + +@mixin media-x-small + @media screen and (max-width: $breakpoint-x-small) & @content \ No newline at end of file diff --git a/style/inc/_variables.sass b/style/inc/_variables.sass index 836c4e9..e6d72d4 100644 --- a/style/inc/_variables.sass +++ b/style/inc/_variables.sass @@ -35,4 +35,5 @@ $evolution-desc: #C1CE3A // Responsive breakpoints $breakpoint-medium: 1300px -$breakpoint-small: 900px \ No newline at end of file +$breakpoint-small: 900px +$breakpoint-x-small: 600px \ No newline at end of file diff --git a/style/style.sass b/style/style.sass index 6d31b6d..d27290d 100644 --- a/style/style.sass +++ b/style/style.sass @@ -10,4 +10,5 @@ @import "inc/_switch" @import "inc/_tags" @import "inc/_dialogs" -@import "inc/_msie" +@import "inc/_login" +@import "inc/_msie" \ No newline at end of file