fix(style): move files to /include to fix hexo g

This commit is contained in:
ppoffice 2020-03-10 17:49:01 -04:00
parent a70ddc52da
commit 035e40f83b
16 changed files with 46 additions and 36 deletions

View File

@ -16,9 +16,13 @@ $black-bis ?= #050a0e
// derived colors
$scheme-main ?= $black
$primary ?= $yellow
$link ?= $blue
$link-hover ?= $primary
$text ?= $white
$text-strong ?= $yellow
$body-background-color ?= $scheme-main
$input-color ?= $text
$input-placeholder-color ?= rgba($input-color, .8)
$footer-color ?= $black
$footer-background-color ?= $yellow
$navbar-background-color ?= $yellow
@ -47,20 +51,20 @@ $searchbox-bg-result-item-hover ?= $black
@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 + ')')
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)')
cut-corner-inner(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)')
cut-corner-top-right(size)
clip-path: unquote('polygon(0 0, calc(100% - ' + size + ') 0, 100% ' + size + ', 100% 100%, 0 100%)')
cut-corner-inner-top-right(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))')
cut-corner-bottom-left(size)
clip-path: unquote('polygon(0 0, 100% 0, 100% 100%, ' + size + ' 100%, 0 calc(100% - ' + size + '))')
cut-corner-inner-bottom-left(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 + '))')
cut-corner-bottom-right(size)
clip-path: unquote('polygon(0 0, 100% 0, 100% calc(100% - ' + size + '), calc(100% - ' + size + ') 100%, 0 100%)')
body
counter-reset: card
@ -78,12 +82,12 @@ body
&:before
content: ''
top: 0
left: 0
right: 0
bottom: 0
top: -1.2px
left: -1.2px
right: -1.2px
bottom: -1.2px
background-color: $blue
cut-corner-right(16px)
cut-corner-reverse(16px)
&:after
content: 'R' counter(card)
@ -95,25 +99,30 @@ body
background: $body-background-color
.card-image, .card-content
cut-corner-inner-top-right(16px)
cut-corner-top-right(16px)
.card-content
background-color: $body-background-color
cut-corner-inner(16px)
cut-corner-reverse(16px)
.card-image + .card-content
cut-corner-inner-bottom-left(16px)
cut-corner-bottom-left(16px)
.button
border: none
outline: none
cut-corner-left(8px)
cut-corner(8px)
&.is-primary
border-radius: 0 !important
.field.has-addons
.control:not(:first-child)
.button
cut-corner-bottom-right(8px)
.menu-list a
cut-corner-left(8px)
cut-corner(8px)
.tags.has-addons
.tag:first-child
@ -123,9 +132,11 @@ body
background: $blue !important
.pagination-previous, .pagination-next, .pagination-link
cut-corner-left(8px)
cut-corner(8px)
&:hover
background-color: $blue
&, a
color: $black
@ -148,8 +159,7 @@ body
color: $navbar-background-color
background-color: $body-background-color !important
article.article,
article.media
article.article, article.media
.title a
background-image: linear-gradient(transparent calc(100% - 2px), $text-strong 2px)
background-repeat: no-repeat
@ -205,4 +215,4 @@ article.article
color: $black
background: $blue
margin-top: 45px
cut-corner-left(8px)
cut-corner(8px)

View File

@ -1,17 +1,17 @@
// Base CSS framework
@import 'include/base'
@import '../../include/style/base'
// Helper classes & mixins
@import 'include/helper'
@import '../../include/style/helper'
// Icarus components
@import 'include/button'
@import 'include/card'
@import 'include/article'
@import 'include/navbar'
@import 'include/footer'
@import 'include/pagination'
@import 'include/timeline'
@import 'include/search'
@import 'include/codeblock'
@import 'include/donate'
@import 'include/plugin'
@import 'include/responsive'
@import '../../include/style/button'
@import '../../include/style/card'
@import '../../include/style/article'
@import '../../include/style/navbar'
@import '../../include/style/footer'
@import '../../include/style/pagination'
@import '../../include/style/timeline'
@import '../../include/style/search'
@import '../../include/style/codeblock'
@import '../../include/style/donate'
@import '../../include/style/plugin'
@import '../../include/style/responsive'