asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
_includes/refactor-content.html
View file

@ -205,12 +205,11 @@
{% endif %} {% endif %}
{% assign id = snippet | split: '"' | first %} {% assign id = snippet | split: '"' | first %}
{% capture anchor %} <a href="#{{ id }}" class="anchor"><i class="fas fa-hashtag"></i></a>{% endcapture %} {% capture anchor %}<a href="#{{ id }}" class="anchor text-muted"><i class="fas fa-hashtag"></i></a>{% endcapture %}
{% assign left = snippet | split: mark_end | first %} {% assign left = snippet | split: mark_end | first %}
{% assign _start_index = left | size %} {% assign right = snippet | slice: left.size, snippet.size %}
{% assign _end_index = snippet | size | minus: 1 %} {% assign left = left | replace: '">', '"><span class="mr-2">' | append: '</span>' %}
{% assign right = snippet | slice: _start_index, _end_index %}
{% assign _new_content = _new_content | append: mark_start {% assign _new_content = _new_content | append: mark_start
| append: left | append: anchor | append: mark_end | append: right | append: left | append: anchor | append: mark_end | append: right

2
_sass/addon/commons.scss
View file

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

17
_sass/addon/module.scss
View file

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