diff options
Diffstat (limited to 'app/javascript/styles/about.scss')
-rw-r--r-- | app/javascript/styles/about.scss | 79 |
1 files changed, 46 insertions, 33 deletions
diff --git a/app/javascript/styles/about.scss b/app/javascript/styles/about.scss index d409c8214..66da44086 100644 --- a/app/javascript/styles/about.scss +++ b/app/javascript/styles/about.scss @@ -202,16 +202,14 @@ text-align: center; .avatar { - width: 80px; - height: 80px; + @include avatar-size(80px); margin: 0 auto; margin-bottom: 15px; img { + @include avatar-radius(); + @include avatar-size(80px); display: block; - width: 80px; - height: 80px; - border-radius: 48px; } } @@ -272,6 +270,8 @@ } .landing-page { + $lp-par-color: lighten($ui-base-color, 36%); + .header-wrapper { padding-top: 15px; background: $ui-base-color; @@ -284,6 +284,14 @@ .hero .heading { padding-bottom: 30px; + + p, li { + color: lighten($ui-base-color, 50%); + } + + li { + margin: 2px 0; + } } } @@ -414,28 +422,24 @@ } } - ul { - list-style: none; - margin: 0; + .links { + position: relative; + z-index: 4; - li { - display: inline-block; - vertical-align: bottom; + ul { + list-style: none; margin: 0; - &:first-child a { - padding-left: 0; - } + li { + display: inline-block; + vertical-align: bottom; + margin: 0; - &:last-child a { - padding-right: 0; + &:last-child a { + padding-right: 0; + } } } - } - - .links { - position: relative; - z-index: 4; a { display: flex; @@ -484,13 +488,11 @@ padding: 0; } - .learn-more-cta { - background: darken($ui-base-color, 4%); - padding: 50px 0; - } - - .extended-description { + .learn-more-cta, .extended-description { padding: 50px 0; + font-weight: 400; + color: $lp-par-color; + font: 16px/1.6 'mastodon-font-sans-serif', sans-serif; ul, ol { @@ -513,16 +515,27 @@ p, li { - font: 16px/28px 'mastodon-font-sans-serif', sans-serif; - font-weight: 400; - margin-bottom: 12px; - color: $ui-base-lighter-color; + color: $lp-par-color; + margin-bottom: 6px; a { color: $ui-highlight-color; text-decoration: underline; } } + + li { + margin: 2px 0; + } + } + + .learn-more-cta { + background: darken($ui-base-color, 4%); + padding: 50px 0; + p { + font-size: 16px; + line-height: 28px; + } } h3 { @@ -536,8 +549,8 @@ p { font-size: 16px; - line-height: 30px; - color: $ui-base-lighter-color; + line-height: 28px; + color: $lp-par-color; } .features { |