diff options
author | Jos Poortvliet <jospoortvliet@gmail.com> | 2019-07-20 23:56:15 +0300 |
---|---|---|
committer | Jos Poortvliet <jospoortvliet@gmail.com> | 2019-07-21 00:04:42 +0300 |
commit | ab0ca5fff22c486c459a2dd115aa496e20671339 (patch) | |
tree | fcd5fe5b9a94322377c6fba5127d95742872b0a8 /assets/css/modules/hero.scss | |
parent | 4b4ec38424a99d2892feea2f281f9a6a5ce7b812 (diff) |
add pillbar and top sidebar css
Signed-off-by: Jos Poortvliet <jospoortvliet@gmail.com>
Diffstat (limited to 'assets/css/modules/hero.scss')
-rw-r--r-- | assets/css/modules/hero.scss | 48 |
1 files changed, 41 insertions, 7 deletions
diff --git a/assets/css/modules/hero.scss b/assets/css/modules/hero.scss index cc4eccd1..291c692a 100644 --- a/assets/css/modules/hero.scss +++ b/assets/css/modules/hero.scss @@ -8,12 +8,10 @@ min-height: 600px; max-height: 800px; position: relative; - opacity: 0; h1 { padding-top: 0; color: white; - opacity: 0; transform: translateY(50px); } @@ -22,20 +20,56 @@ font-size: 20px; line-height: 1.6; text-shadow: 0px 0px 10px #333; - opacity: 0; transform: translateY(50px); } .topheader { - position: absolute; - top: 30%; - margin: 0; +/* position: absolute; */ +/* top: 30%; */ + margin-top: 200px; padding: 0; max-width: 600px; - opacity: 0; } + .topsidebar { + margin-top: 80px; + opacity: 1; + .sidebarlist { + padding: 30px 20px 30px 20px; + opacity: 1; + width: 400px; + margin-left: auto; + margin-right: 0px; + .header { + background-color: lightgrey; + border-radius: 50px 50px 0 0; + color: black; + margin-bottom: 0; + font-size: 28px; + padding: 30px 50px 30px 50px; + } + .content { + padding: 10px; + margin-top: 0; + color: black; + background-color: white; + border-radius: 0 0 50px 50px; + ul { + padding: 0 40px 0 70px; + li { + list-style-image: url("../img/enterprise/check.svg"); + /* list-style-position: inside; */ + } + } + .button { + width: 300px; + margin: 20px; + } + } + } + } } + /* make sure a hero section doesn't have a padding on top either */ .hero-section { padding-top: 0px; |