@import “morph/functions”; @import “morph/components/post-info”;
.page-classify {
font-size: 1.2rem; &, header.header { padding: 2rem 0 0 0; } .custom-area { padding: 1rem 0; } .container { width: 50%; @include media-sm() { width: 100%; } border-left: 3px solid $color-link-light; padding: 1rem; .component-tag { margin: .5rem; color: $color-link-light; } } .simple-post-info { padding: 0 1rem; } .archive-box { padding: 1rem 0; &:not(:last-child) { border-bottom: 1px dashed $color-primary-dark; } .title { font-size: 1.3rem; } h3 { padding: .5rem 0; } h3, .info { @include media-sm() { font-size: 1.2rem; } } .menu-box { border-left: 1px dashed $color-primary-dark; } } .component-tag { background-color: $color-primary; padding: 3px 8px; border-radius: 4px; }
}