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/people.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/people.scss')
| -rw-r--r-- | src/scss/people.scss | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/src/scss/people.scss b/src/scss/people.scss new file mode 100644 index 0000000..4511aa8 --- /dev/null +++ b/src/scss/people.scss @@ -0,0 +1,46 @@ +@import "./variables"; +@import "./mixins"; + +$profile-width: 16em; + +main#main { + .title { + margin-top: $outer-gap; + font-size: 3rem; + margin-bottom: 0; + } +} + +#people-container { + display: grid; + width: 100%; + padding: $inner-gap; + margin-bottom: $outer-gap; + grid-template-columns: repeat(auto-fill, minmax($profile-width, 1fr) ); + grid-auto-rows: max-content; + grid-gap: 2em; + + .profile { + width: $profile-width; + text-decoration: none; + margin-left: auto; + margin-right: auto; + + &:hover { + outline: 1px solid $blue; + } + + .name { + font-weight: bold; + font-size: 1.5em; + } + + .pfp { + border-radius: $inner-gap / 4; + width: 100%; + height: 100%; + margin-bottom: $inner-gap; + } + } + +} |