Skip to content

Commit

Permalink
feat(style): simplify default user styles
Browse files Browse the repository at this point in the history
  • Loading branch information
sparanoid committed Mar 13, 2017
1 parent 8fd435c commit ea6392f
Showing 1 changed file with 24 additions and 9 deletions.
33 changes: 24 additions & 9 deletions _app/assets/_less/user.less
Original file line number Diff line number Diff line change
Expand Up @@ -4,34 +4,49 @@
// All other vaiables in `variables.less` can be overwritten below
// NOTE: the following user styles are designed for default theme Curtana

//
// EXAMPLE: alternative title size
//
// By default all heading levels have the same font size, but many people may
// not like this, so here's an alternative font size stack:
.content {
h2 { font-size: 108%; opacity: .8; }
h3 { font-size: 96%; opacity: .7; }
h4 { font-size: 84%; opacity: .6; }
h5 { font-size: 72%; opacity: .5; }
h6 { font-size: 60%; opacity: .4; }
}
//
// .content {
// h2 { font-size: 108%; opacity: .8; }
// h3 { font-size: 96%; opacity: .7; }
// h4 { font-size: 84%; opacity: .6; }
// h5 { font-size: 72%; opacity: .5; }
// h6 { font-size: 60%; opacity: .4; }
// }

//
// 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 {
// color: @background-color;
// background: @link-color url('/assets/img/title-background-example.jpg') center center / cover;
// }

//
// EXAMPLE: Custom typography for Chinese Traditional
//
// @fontstack-sans-serif: "Helvetica Neue", "Hiragino Sans GB", Arial, sans-serif;
// @fontstack-serif: Georgia, "Hiragino Mincho ProN", serif;

//
// EXAMPLE: amsf.github.io custom variables
@fontstack-sans-serif: "Helvetica Neue", "Hiragino Sans GB", Arial, sans-serif;
@fontstack-serif: Georgia, "Hiragino Mincho ProN", serif;
//
@link-color: #ff00b4;

//
// EXAMPLE: custom SVG title for https://sparanoid.com/lab/amsf/
//
.amsf-title {
text-indent: -999999px;
line-height: 0 !important;
Expand Down

0 comments on commit ea6392f

Please sign in to comment.