diff options
Diffstat (limited to 'app/assets/stylesheets/about.scss')
-rw-r--r-- | app/assets/stylesheets/about.scss | 69 |
1 files changed, 68 insertions, 1 deletions
diff --git a/app/assets/stylesheets/about.scss b/app/assets/stylesheets/about.scss index f29090f1a..2ff1d1453 100644 --- a/app/assets/stylesheets/about.scss +++ b/app/assets/stylesheets/about.scss @@ -95,6 +95,7 @@ .actions { overflow: hidden; + margin-bottom: 20px; .info { float: right; @@ -108,10 +109,18 @@ } } - @media screen and (max-width: 360px) { + @media screen and (max-width: 625px) { .wrapper { padding: 20px; } + + .screenshot-with-signup .mascot { + display: none; + } + + .features-list { + display: block; + } } } @@ -273,3 +282,61 @@ } } } + +.features-list { + display: flex; + margin-bottom: 20px; + + .features-list__column { + flex: 1 1 0; + + ul { + list-style: none; + } + + li { + margin: 0; + } + } +} + +.screenshot-with-signup { + display: flex; + margin-bottom: 20px; + + .mascot { + flex: 1 1 auto; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + + img { + display: block; + margin: 0 auto; + max-width: 100%; + height: auto; + } + } + + .simple_form { + width: 300px; + flex: 0 0 auto; + background: rgba(darken($color1, 7%), 0.5); + padding: 14px; + border-radius: 4px; + box-shadow: 0 0 15px rgba($color8, 0.4); + + .actions { + margin-bottom: 0; + } + + .info { + text-align: center; + + a { + color: $color2; + } + } + } +} |