diff options
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; + } + } + +} |