This repository has been archived on 2024-04-08. You can view files and clone it, but cannot push or open issues or pull requests.
spdocker/themes/spd/source/css/archive.styl

167 lines
3.2 KiB
Stylus
Raw Permalink Normal View History

2018-03-07 04:58:54 +00:00
$block-caption
text-decoration: none
text-transform: uppercase
letter-spacing: 2px
color: color-grey
margin-bottom: 1em
margin-left: 5px
line-height: 1em
font-weight: bold
// Colors
color-default = #606060
color-grey = #999
color-black = #33363b
color-border = #eef1f8
color-link = #0e83cd
color-link-bg = #f9fbfd
color-link-hover = color-theme
color-background = #fff
color-code-background = #f8f8f8
color-sidebar-text = #777
color-widget-background = #ddd
color-widget-border = rgba(58,61,98,0.1)
color-footer-background = #f0f0f0
color-mobile-nav-background = #191919
color-theme-blue-twitter = #00aced
color-theme-red = #ff7e79
color-theme-orange = #fb6d19
color-theme-green = #39aa56
color-theme-green-light = #42b983
color-theme-black = #414141
// Theme
color-theme = color-theme-orange
//Layout
block-margin = 50px
//Font
font-futura-pt = "futura-pt", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", Microsoft JhengHei, WenQuanYi Micro Hei, "Microsoft YaHei", sans-serif
line-height = 1.6em
.archives-wrap
margin: block-margin 0
.archives
clearfix()
margin-left: 2em
.archive-year-wrap
margin-bottom: 1em
h1
font-size: 1.3em
.archive-year
@extend $block-caption
color: color-theme
.archive-year:hover
color: color-theme
.archive-year:before
font-family: "FontAwesome"
content: "\f273"
margin-right: .2em
.archives-tags-wrap
margin: block-margin 0
blockquote
padding: 1em
margin: 4em 0 0 0
font-size: 1.2em
font-weight: bold
color: color-black
text-align: center;
border-left: 0px solid color-theme
background: rgba(208,211,248,0.15)
a
color: color-black
margin: .2em
&:hover
color: color-theme
.archive-tag
@extend $block-caption
text-transform: none;
color: color-theme
.archive-tag:hover
color: color-theme
.archive-tag:before
font-family: "FontAwesome"
content: "\f02c"
margin-right: .2em
.archives-category-wrap
margin: block-margin 0
blockquote
padding: 1em
font-size: 1.1em
font-weight: bold
line-height: 1.7em;
color: color-theme
text-align: left;
border-left: 0px solid color-theme
background: rgba(208,211,248,0.15)
a
color: color-black
margin: .2em
&:hover
color: color-theme
&:before
font-family: "FontAwesome"
content: "\f0da"
margin-right: .5em
.archive-category
@extend $block-caption
text-transform: none;
color: color-theme
.archive-category:before
font-family: "FontAwesome"
content: "\f07c"
margin-right: .3em
.archives
column-gap: 10px
@media mq-tablet
column-count: 1
@media mq-normal
column-count: 1
.archive-article
avoid-column-break()
.archive-article-inner
padding: 0px
margin-bottom: 0px
.archive-article-title
text-decoration: none
color: color-default
transition: color 0.2s
line-height: line-height
border-left: 1px solid color-theme;
padding-left: 15px;
&:hover
color: color-link-hover
.archive-article-footer
margin-top: 1em
.archive-article-date
min-width: 85px
float: left
color: #c7c7c7
text-decoration: none
line-height: 1.6em
margin-right: 15px
display: block
font-size: 1.1em
font-family: font-futura-pt
.archive-article-date:hover
color: color-theme