diff options
1 files changed, 18 insertions, 15 deletions
| -rw-r--r-- | docs/css/docs.css | 33 |
diff --git a/docs/css/docs.css b/docs/css/docs.css index 02a6090..4a05927 100644 --- a/docs/css/docs.css +++ b/docs/css/docs.css @@ -256,23 +256,15 @@ color: #727e96; } /* Spectre Homepage style */ -.section-header { - -webkit-backdrop-filter: blur(.5rem); - backdrop-filter: blur(.5rem); - background: rgba(248, 249, 250, .9); +.section-hero { padding: 1rem .5rem; - position: fixed; - top: 0; - width: 100%; - z-index: 200; + position: relative; } -.section-header .s-brand { - padding: 0; - position: static; +.section-hero .s-brand { + position: absolute; } -.section-hero { - padding: 1.5rem .5rem; - position: relative; +.section-hero .s-brand h2 { + color: #5764c6; } .section-hero .column { padding: .4rem; @@ -302,7 +294,7 @@ } .grid-hero { margin-bottom: 2rem; - margin-top: 5rem; + margin-top: 6rem; } .grid-hero h1 { color: #454d5d; @@ -419,6 +411,17 @@ .s-content .s-subtitle::before { display: none; } + .section-hero .s-brand { + height: 5rem; + padding: 1.5rem .5rem; + } + .section-hero .s-brand .s-logo { + height: auto; + } + .section-hero .s-brand img { + height: 3.2rem; + width: 3.2rem; + } } @media screen and (max-width: 600px) { .grid-hero h2 { |