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

perf: modify checkbox icon with Liquid

Browse Source 
Also optimize list padding start
This commit is contained in:
Cotes Chung
2022-10-24 20:56:15 +08:00
parent e48d66e525
commit 1fd665bf49
6 changed files with 26 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
_sass/addon/commons.scss
View File

@@ -468,31 +468,39 @@ img[data-src] {
li {
margin: 0.25rem 0;
padding-left: 0.4rem;
padding-left: 0.25rem;
}
ol,
ul {
-webkit-padding-start: 1.25rem;
padding-inline-start: 1.25rem;
-webkit-padding-start: 1rem;
padding-inline-start: 1rem;
margin: 0.5rem 0;
}
}
ul {
/* attribute 'hide-bullet' was added by liquid */
.task-list-item[hide-bullet] {
ul.task-list {
-webkit-padding-start: 1.25rem;
padding-inline-start: 1.25rem;
li {
list-style-type: none;
padding-left: 0;
> i { /* checkbox icon */
margin: 0 0.5rem 0.2rem -1.4rem;
vertical-align: middle;
width: 2rem;
margin-left: -1.25rem;
color: var(--checkbox-color);
&.checked {
color: var(--checkbox-checked-color);
}
}
ul {
-webkit-padding-start: 1.75rem;
padding-inline-start: 1.75rem;
}
}
input[type="checkbox"] {