diff options
author | Roger Gonzalez <roger@rogs.me> | 2020-04-25 16:50:56 -0300 |
---|---|---|
committer | Roger Gonzalez <roger@rogs.me> | 2020-04-25 16:50:56 -0300 |
commit | 29d309db5196099982d96933acdc4c0d0ae45436 (patch) | |
tree | d05796b60487d2befc2780d35ae1f864eff225c7 /themes/m10c/assets/css/components/_app.scss |
Initial commit, migrating from Ghost
Diffstat (limited to 'themes/m10c/assets/css/components/_app.scss')
-rw-r--r-- | themes/m10c/assets/css/components/_app.scss | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/themes/m10c/assets/css/components/_app.scss b/themes/m10c/assets/css/components/_app.scss new file mode 100644 index 0000000..28c7bc9 --- /dev/null +++ b/themes/m10c/assets/css/components/_app.scss @@ -0,0 +1,40 @@ +.app-header { + padding: 2.5em; + background: $darkest-color; + text-align: center; +} + +.app-header-avatar { + max-width: 15rem; + max-height: 15rem; + border-radius: 100%; + border: 0.5rem solid $primary-color; +} + +.app-container { + padding: 2.5rem; +} + +.app-header-social { + font-size: 2em; + color: $lightest-color; + + a { + margin: 0 0.1em; + } +} + +@media (min-width: 940px) { + .app-header { + position: fixed; + top: 0; + left: 0; + width: 20rem; + min-height: 100vh; + } + + .app-container { + max-width: 65rem; + margin-left: 20rem; + } +} |