f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 05:41:31 +00:00
Code Issues Packages Releases Activity

Split the CSS to save load time.

Browse Source
This commit is contained in:
Cotes Chung
2019-11-16 00:01:33 +08:00
parent 274038fcc0
commit 6a65ce2db2
11 changed files with 555 additions and 493 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
assets/css/categories.scss Normal file
View File

@@ -0,0 +1,57 @@
---
---
/*!
Style for Tab Categories
© 2019 Cotes Chung
MIT License
*/
.categories {
margin-bottom: 2rem;
}
.categories .card-header {
padding-right: 12px;
}
.categories .card-header>span>i:first-child,
.categories .list-group-item>i {
color: gray;
}
.categories .list-group-item {
border-left: none;
border-right: none;
padding-left: 2rem;
}
.categories .collapsing .list-group-item:first-child,
.categories .collapse .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.categories i.far,
.categories i.fas { // fontawesome icons
font-size: 86%;
}
.category-trigger {
width: 1.7rem;
height: 1.7rem;
border-radius: 50%;
text-align: center;
color: #6c757d!important;
}
@media (hover: hover) { // only works on desktop
.category-trigger:hover {
background-color: #e9ecef;
}
}
.category-trigger>i.fas.fa-angle-up {
position: relative;
bottom: 8%;
transition: 300ms ease all;
}