Merge pull request #259 from picturepan2/0.2.16

0.3.1

README.md

@@ -55,8 +55,6 @@ You can compile your custom version of Spectre.css. Read [the documentation](htt
 - [Flexbox grid](https://picturepan2.github.io/spectre/layout.html#grid) - flexbox based responsive grid system
 - [Responsive](https://picturepan2.github.io/spectre/layout.html#responsive) - responsive grid and utilities
 - [Navbar](https://picturepan2.github.io/spectre/layout.html#navbar) - layout container that appears in the header of apps and websites
-- [Panels](https://picturepan2.github.io/spectre/layout.html#panels) - flexible view container layout with auto-expand content section
-- [Empty states](https://picturepan2.github.io/spectre/layout.html#empty) - empty states/blank slates for first time use, empty data and error screens
 
 #### Components
 - [Accordions](https://picturepan2.github.io/spectre/components.html#accordions) - used to toggle sections of content
@@ -67,10 +65,12 @@ You can compile your custom version of Spectre.css. Read [the documentation](htt
 - [Bars](https://picturepan2.github.io/spectre/components.html#bars) - progress of a task or the value within the known range
 - [Cards](https://picturepan2.github.io/spectre/components.html#cards) - flexible content containers
 - [Chips](https://picturepan2.github.io/spectre/components.html#chips) - complex entities in small blocks
+- [Empty states](https://picturepan2.github.io/spectre/components.html#empty) - empty states/blank slates for first time use, empty data and error screens
 - [Menus](https://picturepan2.github.io/spectre/components.html#menus) - list of links or buttons for actions and navigation
 - [Navs](https://picturepan2.github.io/spectre/components.html#navs) - navigational list of links
 - [Modals](https://picturepan2.github.io/spectre/components.html#modals) - flexible dialog prompts
 - [Pagination](https://picturepan2.github.io/spectre/components.html#pagination) - navigational links for multiple pages
+- [Panels](https://picturepan2.github.io/spectre/components.html#panels) - flexible view container with auto-expand content section
 - [Popovers](https://picturepan2.github.io/spectre/components.html#popovers) - small overlay content containers
 - [Steps](https://picturepan2.github.io/spectre/components.html#steps) - progress indicators of a sequence of task steps
 - [Tabs](https://picturepan2.github.io/spectre/components.html#tabs) - toggle for different views

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "spectre.css",
-  "version": "0.2.15",
+  "version": "0.3.1",
   "description": "Spectre.css: a lightweight, responsive and modern CSS framework.",
   "homepage": "http://picturepan2.github.io/spectre",
   "repository": "picturepan2/spectre",

docs/css/docs.css

@@ -1,7 +1,7 @@
 /*! Spectre.css Docs | MIT License | github.com/picturepan2/spectre */
 /* Spectre version */
 .version::after {
-  content: "0.2.15";
+  content: "0.3.1";
 }
 /* Spectre New Docs */
 .s-container > .columns {
@@ -120,7 +120,7 @@
 }
 .s-content .docs-block {
   border-radius: .1rem;
-  padding: .5rem;
+  padding: .4rem;
 }
 .s-content .docs-block.bg-gray {
   background: #f0f1f4;
@@ -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;
@@ -413,12 +405,24 @@
   }
   .s-content .s-title,
   .s-content .s-subtitle {
+    padding-top: 5rem;
     position: static;
   }
   .s-content .s-title::before,
   .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 {
@@ -431,7 +435,7 @@
     padding: 3.5rem .5rem 0 .5rem;
   }
   .s-content .docs-block {
-    padding: .5rem .1rem;
+    padding: .4rem .1rem;
   }
   .s-content .anchor {
     display: none;