fix(style): move files to /include to fix hexo g
This commit is contained in:
parent
a70ddc52da
commit
035e40f83b
|
@ -16,9 +16,13 @@ $black-bis ?= #050a0e
|
||||||
// derived colors
|
// derived colors
|
||||||
$scheme-main ?= $black
|
$scheme-main ?= $black
|
||||||
$primary ?= $yellow
|
$primary ?= $yellow
|
||||||
|
$link ?= $blue
|
||||||
|
$link-hover ?= $primary
|
||||||
$text ?= $white
|
$text ?= $white
|
||||||
$text-strong ?= $yellow
|
$text-strong ?= $yellow
|
||||||
$body-background-color ?= $scheme-main
|
$body-background-color ?= $scheme-main
|
||||||
|
$input-color ?= $text
|
||||||
|
$input-placeholder-color ?= rgba($input-color, .8)
|
||||||
$footer-color ?= $black
|
$footer-color ?= $black
|
||||||
$footer-background-color ?= $yellow
|
$footer-background-color ?= $yellow
|
||||||
$navbar-background-color ?= $yellow
|
$navbar-background-color ?= $yellow
|
||||||
|
@ -47,20 +51,20 @@ $searchbox-bg-result-item-hover ?= $black
|
||||||
|
|
||||||
@import 'style'
|
@import 'style'
|
||||||
|
|
||||||
cut-corner-left(size)
|
cut-corner(size)
|
||||||
clip-path: unquote('polygon(' + size + ' 0, 100% 0, 100% calc(100% - ' + size + '), calc(100% - ' + size + ') 100%, 0 100%, 0 ' + size + ')')
|
clip-path: unquote('polygon(' + size + ' 0, 100% 0, 100% calc(100% - ' + size + '), calc(100% - ' + size + ') 100%, 0 100%, 0 ' + size + ')')
|
||||||
|
|
||||||
cut-corner-right(size)
|
cut-corner-reverse(size)
|
||||||
clip-path: unquote('polygon(0 0, calc(100% - ' + size + ') 0, 100% ' + size + ', 100% 100%, ' + size + ' 100%, 0 calc(100% - ' + size + '), 0 0)')
|
clip-path: unquote('polygon(0 0, calc(100% - ' + size + ') 0, 100% ' + size + ', 100% 100%, ' + size + ' 100%, 0 calc(100% - ' + size + '), 0 0)')
|
||||||
|
|
||||||
cut-corner-inner(size)
|
cut-corner-top-right(size)
|
||||||
clip-path: unquote('polygon(1px 1px, calc(100% - ' + size + ' - 1px) 1px, calc(100% - 1px) calc(1px + ' + size + '), calc(100% - 1px) calc(100% - 1px), calc(1px + ' + size + ') calc(100% - 1px), 1px calc(100% - ' + size + ' - 1px), 1px 1px)')
|
clip-path: unquote('polygon(0 0, calc(100% - ' + size + ') 0, 100% ' + size + ', 100% 100%, 0 100%)')
|
||||||
|
|
||||||
cut-corner-inner-top-right(size)
|
cut-corner-bottom-left(size)
|
||||||
clip-path: unquote('polygon(1px 1px, calc(100% - ' + size + ' - 1px) 1px, calc(100% - 1px) ' + size + ', calc(100% - 1px) calc(100% + 1px), 1px calc(100% + 1px))')
|
clip-path: unquote('polygon(0 0, 100% 0, 100% 100%, ' + size + ' 100%, 0 calc(100% - ' + size + '))')
|
||||||
|
|
||||||
cut-corner-inner-bottom-left(size)
|
cut-corner-bottom-right(size)
|
||||||
clip-path: unquote('polygon(1px -1px, calc(100% - 1px) -1px, calc(100% - 1px) calc(100% - 1px), calc(1px + ' + size + ') calc(100% - 1px), 1px calc(100% - 1px - ' + size + '))')
|
clip-path: unquote('polygon(0 0, 100% 0, 100% calc(100% - ' + size + '), calc(100% - ' + size + ') 100%, 0 100%)')
|
||||||
|
|
||||||
body
|
body
|
||||||
counter-reset: card
|
counter-reset: card
|
||||||
|
@ -78,12 +82,12 @@ body
|
||||||
|
|
||||||
&:before
|
&:before
|
||||||
content: ''
|
content: ''
|
||||||
top: 0
|
top: -1.2px
|
||||||
left: 0
|
left: -1.2px
|
||||||
right: 0
|
right: -1.2px
|
||||||
bottom: 0
|
bottom: -1.2px
|
||||||
background-color: $blue
|
background-color: $blue
|
||||||
cut-corner-right(16px)
|
cut-corner-reverse(16px)
|
||||||
|
|
||||||
&:after
|
&:after
|
||||||
content: 'R' counter(card)
|
content: 'R' counter(card)
|
||||||
|
@ -95,25 +99,30 @@ body
|
||||||
background: $body-background-color
|
background: $body-background-color
|
||||||
|
|
||||||
.card-image, .card-content
|
.card-image, .card-content
|
||||||
cut-corner-inner-top-right(16px)
|
cut-corner-top-right(16px)
|
||||||
|
|
||||||
.card-content
|
.card-content
|
||||||
background-color: $body-background-color
|
background-color: $body-background-color
|
||||||
cut-corner-inner(16px)
|
cut-corner-reverse(16px)
|
||||||
|
|
||||||
.card-image + .card-content
|
.card-image + .card-content
|
||||||
cut-corner-inner-bottom-left(16px)
|
cut-corner-bottom-left(16px)
|
||||||
|
|
||||||
.button
|
.button
|
||||||
border: none
|
border: none
|
||||||
outline: none
|
outline: none
|
||||||
cut-corner-left(8px)
|
cut-corner(8px)
|
||||||
|
|
||||||
&.is-primary
|
&.is-primary
|
||||||
border-radius: 0 !important
|
border-radius: 0 !important
|
||||||
|
|
||||||
|
.field.has-addons
|
||||||
|
.control:not(:first-child)
|
||||||
|
.button
|
||||||
|
cut-corner-bottom-right(8px)
|
||||||
|
|
||||||
.menu-list a
|
.menu-list a
|
||||||
cut-corner-left(8px)
|
cut-corner(8px)
|
||||||
|
|
||||||
.tags.has-addons
|
.tags.has-addons
|
||||||
.tag:first-child
|
.tag:first-child
|
||||||
|
@ -123,9 +132,11 @@ body
|
||||||
background: $blue !important
|
background: $blue !important
|
||||||
|
|
||||||
.pagination-previous, .pagination-next, .pagination-link
|
.pagination-previous, .pagination-next, .pagination-link
|
||||||
cut-corner-left(8px)
|
cut-corner(8px)
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
background-color: $blue
|
background-color: $blue
|
||||||
|
|
||||||
&, a
|
&, a
|
||||||
color: $black
|
color: $black
|
||||||
|
|
||||||
|
@ -148,8 +159,7 @@ body
|
||||||
color: $navbar-background-color
|
color: $navbar-background-color
|
||||||
background-color: $body-background-color !important
|
background-color: $body-background-color !important
|
||||||
|
|
||||||
article.article,
|
article.article, article.media
|
||||||
article.media
|
|
||||||
.title a
|
.title a
|
||||||
background-image: linear-gradient(transparent calc(100% - 2px), $text-strong 2px)
|
background-image: linear-gradient(transparent calc(100% - 2px), $text-strong 2px)
|
||||||
background-repeat: no-repeat
|
background-repeat: no-repeat
|
||||||
|
@ -205,4 +215,4 @@ article.article
|
||||||
color: $black
|
color: $black
|
||||||
background: $blue
|
background: $blue
|
||||||
margin-top: 45px
|
margin-top: 45px
|
||||||
cut-corner-left(8px)
|
cut-corner(8px)
|
||||||
|
|
|
@ -1,17 +1,17 @@
|
||||||
// Base CSS framework
|
// Base CSS framework
|
||||||
@import 'include/base'
|
@import '../../include/style/base'
|
||||||
// Helper classes & mixins
|
// Helper classes & mixins
|
||||||
@import 'include/helper'
|
@import '../../include/style/helper'
|
||||||
// Icarus components
|
// Icarus components
|
||||||
@import 'include/button'
|
@import '../../include/style/button'
|
||||||
@import 'include/card'
|
@import '../../include/style/card'
|
||||||
@import 'include/article'
|
@import '../../include/style/article'
|
||||||
@import 'include/navbar'
|
@import '../../include/style/navbar'
|
||||||
@import 'include/footer'
|
@import '../../include/style/footer'
|
||||||
@import 'include/pagination'
|
@import '../../include/style/pagination'
|
||||||
@import 'include/timeline'
|
@import '../../include/style/timeline'
|
||||||
@import 'include/search'
|
@import '../../include/style/search'
|
||||||
@import 'include/codeblock'
|
@import '../../include/style/codeblock'
|
||||||
@import 'include/donate'
|
@import '../../include/style/donate'
|
||||||
@import 'include/plugin'
|
@import '../../include/style/plugin'
|
||||||
@import 'include/responsive'
|
@import '../../include/style/responsive'
|
||||||
|
|
Loading…
Reference in New Issue