From 0150eb62f0e33a0c0ef9e75d9f55e71d79d5ba03 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 15 Aug 2017 18:21:48 +0800 Subject: Fix Docs bugs --- docs/css/docs.css | 33 ++++++++++++++++++--------------- docs/index.html | 9 ++------- docs/src/docs.less | 39 ++++++++++++++++++++++++--------------- docs/utilities.html | 30 +++++++++++++++--------------- 4 files changed, 59 insertions(+), 52 deletions(-) (limited to 'docs') 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 { diff --git a/docs/index.html b/docs/index.html index 20489da..2629b7b 100644 --- a/docs/index.html +++ b/docs/index.html @@ -12,19 +12,14 @@ -

-

+

+

Spectre.css

-

-

- -

-

Spectre.css

A lightweight, responsive and modern CSS framework

diff --git a/docs/src/docs.less b/docs/src/docs.less index b16bf3d..25acc40 100644 --- a/docs/src/docs.less +++ b/docs/src/docs.less @@ -293,24 +293,17 @@ } /* Spectre Homepage style */ -.section-header { - backdrop-filter: blur(.5rem); // Safari only feature - background: fade(@bg-color, 90%); +.section-hero { padding: 1rem .5rem; - position: fixed; - top: 0; - width: 100%; - z-index: @zindex-2; + position: relative; .s-brand { - padding: 0; - position: static; - } -} + position: absolute; -.section-hero { - padding: 1.5rem .5rem; - position: relative; + h2 { + color: @primary-color; + } + } .column { padding: @layout-spacing; @@ -347,7 +340,7 @@ } .grid-hero { - margin-top: 5rem; + margin-top: 6rem; margin-bottom: 2rem; h1 { @@ -476,6 +469,22 @@ } } } + + .section-hero { + .s-brand { + height: 5rem; + padding: 1.5rem .5rem; + + .s-logo { + height: auto; + } + + img { + height: 3.2rem; + width: 3.2rem; + } + } + } } @media screen and (max-width: 600px) { diff --git a/docs/utilities.html b/docs/utilities.html index 5077792..1f1b9d7 100644 --- a/docs/utilities.html +++ b/docs/utilities.html @@ -261,7 +261,7 @@

primary color

secondary color

gray color

-

light color

+

light color

success color

warning color

error color

@@ -278,13 +278,13 @@

-

-

-

-

-

-

-

+

+

+

+

+

+

+

@@ -299,13 +299,13 @@

Background colors

-

primary bg

-

secondary bg

-

dark bg

-

gray bg

-

success bg

-

warning bg

-

error bg

+

primary bg

+

secondary bg

+

dark bg

+

gray bg

+

success bg

+

warning bg

+

error bg

-- cgit v1.3.1-23-gd82d