diff --git a/_app/assets/_less/user.less b/_app/assets/_less/user.less index cb0878935..498d3223f 100644 --- a/_app/assets/_less/user.less +++ b/_app/assets/_less/user.less @@ -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;