mirror of
https://github.com/penpot/penpot.git
synced 2025-03-12 15:51:37 -05:00
105 lines
1.8 KiB
SCSS
105 lines
1.8 KiB
SCSS
// This Source Code Form is subject to the terms of the Mozilla Public
|
|
// License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
//
|
|
// Copyright (c) 2015-2020 Andrey Antukh <niwi@niwi.nz>
|
|
// Copyright (c) 2015-2020 Juan de la Cruz <delacruzgarciajuan@gmail.com>
|
|
|
|
// TODO: rename to auth.scss
|
|
|
|
.auth {
|
|
display: grid;
|
|
grid-template-rows: auto;
|
|
grid-template-columns: 33% auto;
|
|
}
|
|
|
|
.auth-sidebar {
|
|
grid-column: 1 / span 1;
|
|
height: 100vh;
|
|
|
|
display: flex;
|
|
padding-top: 7vh;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
background-color:#FEECFD;
|
|
background-image: url("/images/login-pink.svg");
|
|
background-position: center;
|
|
background-size: 96%;
|
|
background-repeat: no-repeat;
|
|
|
|
.tagline {
|
|
text-align: center;
|
|
width: 280px;
|
|
font-size: $fs18;
|
|
margin-top: 2vh;
|
|
color: #2C233E;
|
|
}
|
|
|
|
.logo {
|
|
svg {
|
|
fill: #2C233E;
|
|
max-width: 11vw;
|
|
height: 80px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.auth-content {
|
|
align-items: center;
|
|
background-color: $color-white;
|
|
display: flex;
|
|
grid-column: 2 / span 1;
|
|
height: 100vh;
|
|
justify-content: center;
|
|
position: relative;
|
|
|
|
.form-container {
|
|
width: 412px;
|
|
|
|
.btn-ocean {
|
|
margin-top: $x-big;
|
|
}
|
|
|
|
form {
|
|
margin: 2rem 0;
|
|
}
|
|
}
|
|
|
|
.btn-google-auth {
|
|
margin-bottom: $medium;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btn-gitlab-auth {
|
|
margin-bottom: $medium;
|
|
text-decoration: none;
|
|
|
|
.logo {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-right: 1rem;
|
|
}
|
|
}
|
|
|
|
.btn-github-auth {
|
|
margin-bottom: $medium;
|
|
text-decoration: none;
|
|
|
|
.logo {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-right: 1rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
.terms-login {
|
|
bottom: $big;
|
|
font-size: $fs14;
|
|
position: absolute;
|
|
|
|
span {
|
|
margin: 0 $small;
|
|
}
|
|
}
|