feat(style): add header background image example

sparanoid · May 16, 2016 · dab7482 · dab7482
1 parent d123853
commit dab7482
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 13 deletions.
diff --git a/_app/assets/_less/user.less b/_app/assets/_less/user.less
@@ -14,23 +14,16 @@
   h6 { font-size: 60%;  opacity: .4; }
 }
 
-// EXAMPLE: alternative title color switch
-// Uncomment the following style will enalbe alternative post title color,
-// this is useful when you're using the custom color scheme.
+// EXAMPLE: alternative post title color
+// This is useful when you're using the custom color scheme.
 // .content { .list h2 a, header h1, header h1 a { color: @link-color; } }
 // .external span { background: @link-color; }
 
 // EXAMPLE: custom header with background image
-.content header {
-  @header-factor: .64;
-  color: @background-color;
-  background: @link-color url('/assets/img/bg.png') center center;
-  background-size: (100vw * @header-factor);
-
-  a {
-    color: @background-color;
-  }
-}
+// .content header {
+//   color: @background-color;
+//   background: @link-color url('/assets/img/title-background-example.jpg') center center / cover;
+// }
 
 // EXAMPLE: amsf.github.io custom variables
 @fontstack-sans-serif: "Helvetica Neue", "Hiragino Sans GB", Arial, sans-serif;

diff --git a/_app/assets/img/.gitkeep b/_app/assets/img/.gitkeep
diff --git a/_app/assets/img/title-background-example.jpg b/_app/assets/img/title-background-example.jpg