diff options
| author | la-ninpre <leobrekalini@gmail.com> | 2020-12-07 14:27:05 +0300 |
|---|---|---|
| committer | la-ninpre <leobrekalini@gmail.com> | 2020-12-07 14:27:05 +0300 |
| commit | 2e9114bd684688b3ffbf3e3a7d49cbe9d5b3e5bd (patch) | |
| tree | 7ca25668364d7722f583bb76ffc32aeba1f1c4a6 /_sass | |
| parent | f54735882a686c5ccf242695748325e16e545739 (diff) | |
| download | aaoth.xyz-2e9114bd684688b3ffbf3e3a7d49cbe9d5b3e5bd.tar.gz aaoth.xyz-2e9114bd684688b3ffbf3e3a7d49cbe9d5b3e5bd.zip | |
add about page content
Diffstat (limited to '_sass')
| -rw-r--r-- | _sass/main.scss | 50 |
1 files changed, 44 insertions, 6 deletions
diff --git a/_sass/main.scss b/_sass/main.scss index d2d5da6..f6fca46 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -49,11 +49,9 @@ nav { display: inline-flex; width: 430px; height: 32px; - margin: 0; padding: 50px 30px 0 0; flex-direction: row; justify-content: space-between; - list-style-type: none; border-bottom: $border-nav; } } @@ -65,6 +63,44 @@ h1, h2, h3, h4, h5, h6 { font-weight: 500; } +ul { + margin: 0; + padding: 0; + li { + list-style-type:none; + } +} + +.about { + padding: 1em 0; + display: flex; + flex-direction: row; + img#avatar { + border-radius: 100%; + height: 128px; + } + .about-sidebar { + flex: 23%; + } + .about-links { + margin-top: 1em; + .link-icon { + height: 32px; + } + .link-text { + display: inline; + position: relative; + bottom: 0.75em; + } + } + .about-info { + width: 100%; + p:first-child { + margin-top: 0; + } + } +} + .post { padding: 1em; margin: 1em 0; @@ -86,11 +122,8 @@ h1, h2, h3, h4, h5, h6 { .post-page .post-header { ul { - margin: 0; - padding: 0; display: flex; flex-direction: row; - list-style-type: none; li { margin-right: 0.5em; a { @@ -144,7 +177,7 @@ footer { } } -@media only screen and (max-width: 700px) { +@media only screen and (max-width: 760px) { nav { margin-bottom: 5vh; ul { @@ -159,6 +192,11 @@ footer { top: 0; } } + .about { + .about-info { + padding: 0 2%; + } + } } @media (prefers-color-scheme: dark) { |