diff options
| author | Freya Murphy <freya@freyacat.org> | 2024-12-20 04:15:58 -0500 |
|---|---|---|
| committer | Freya Murphy <freya@freyacat.org> | 2024-12-20 04:17:05 -0500 |
| commit | 4334596d4bebc9a76f5ca8400813847eef5b3bb7 (patch) | |
| tree | 4bd2229fd48715bcf4ae96bc3d070b7f3c29aa58 /src/scss/auth.scss | |
| parent | add lang column to user (diff) | |
| download | xssbook2-4334596d4bebc9a76f5ca8400813847eef5b3bb7.tar.gz xssbook2-4334596d4bebc9a76f5ca8400813847eef5b3bb7.tar.bz2 xssbook2-4334596d4bebc9a76f5ca8400813847eef5b3bb7.zip | |
rework styles with scss
Diffstat (limited to 'src/scss/auth.scss')
| -rw-r--r-- | src/scss/auth.scss | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/src/scss/auth.scss b/src/scss/auth.scss new file mode 100644 index 0000000..5f4fb91 --- /dev/null +++ b/src/scss/auth.scss @@ -0,0 +1,51 @@ +@import "./variables"; +@import "./mixins"; + +#main-content { + padding-top: 20rem; + padding-bottom: 5rem; + display: flex; + flex-direction: row; + justify-content: center; +} + +.branding { + max-width: 100%; + width: 30rem; + margin-right: 5rem; +} + +.branding h1 { + color: $blue; + font-family: facebook; + font-size: 3.5rem; +} + +.branding span { + font-size: 1.5rem; +} + +.form { + display: flex; + flex-direction: column; + width: 30rem; + max-width: 100%; +} + +@media(max-width: 1200px) { + #main-content { + flex-direction: column; + align-items: center; + width: 100%; + padding: 10rem 1rem; + } + + .branding { + margin: 0; + } + + .form { + margin-top: 4rem; + } +} + |