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

Beautify heading style (margin, anchor)

Browse Source
This commit is contained in:
Cotes Chung
2022-02-13 19:19:01 +08:00
parent 5753118d8b
commit e52dc9551c
3 changed files with 10 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_sass/addon/commons.scss
View File

@@ -47,7 +47,7 @@ h1 {
h2 {
@extend %heading;
@extend %section;
@extend %anchor-relative;
@extend %anchor;
font-size: 1.5rem;
}

17
_sass/addon/module.scss
View File

@@ -13,13 +13,17 @@
%section {
#core-wrapper & {
margin-top: 2.5rem;
margin-bottom: 2rem;
margin-bottom: 1.25rem;
&:focus {
outline: none; // avoid outline in Safari
}
}
}
%anchor {
.anchor {
font-size: 1rem;
font-size: 80%;
}
@media (hover: hover) {
@@ -39,15 +43,6 @@
}
}
%anchor-relative {
@extend %anchor;
.anchor {
position: relative;
bottom: 1px;
}
}
%tag-hover {
background: var(--tag-hover);
transition: background 0.35s ease-in-out;