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 // 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)

View File

@ -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'