mirror of
https://github.com/maciejpedzich/maciejpedzi.ch.git
synced 2024-11-27 23:55:47 +01:00
Minor element spacing tweaks
This commit is contained in:
parent
db2548a336
commit
6ea5ca2c09
@ -46,7 +46,7 @@ const grouppedHeadings = headings.reduce((array, heading) => {
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
#table-of-contents {
|
#table-of-contents {
|
||||||
margin: 1rem 0 2rem 0;
|
margin: 2rem 0;
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
border: 1px solid #fff;
|
border: 1px solid #fff;
|
||||||
border-left: none;
|
border-left: none;
|
||||||
|
@ -45,6 +45,11 @@ const [category] = categories;
|
|||||||
</article>
|
</article>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
h1.title {
|
||||||
|
line-height: 1.3;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
#metadata p {
|
#metadata p {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0.2rem;
|
margin-bottom: 0.2rem;
|
||||||
|
@ -64,7 +64,7 @@ ul li {
|
|||||||
ul li::before {
|
ul li::before {
|
||||||
content: '\25A1';
|
content: '\25A1';
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
margin-right: 3px;
|
margin-right: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
@ -177,70 +177,3 @@ nav > a {
|
|||||||
header {
|
header {
|
||||||
margin: 0em 0 2em;
|
margin: 0em 0 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* The following styling rules have been adopted from:
|
|
||||||
https://github.com/codrops/LineHoverStyles/ */
|
|
||||||
|
|
||||||
@media (min-width: 640px) {
|
|
||||||
.post-list a {
|
|
||||||
position: relative;
|
|
||||||
outline: none;
|
|
||||||
cursor: pointer;
|
|
||||||
text-decoration: none;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list a:focus {
|
|
||||||
outline: 2px solid rgba(255, 255, 255, 0.4);
|
|
||||||
outline-offset: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list a:focus:not(:focus-visible) {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list a:focus-visible {
|
|
||||||
color: rgba(255, 255, 255, 0.4);
|
|
||||||
outline: 2px solid rgba(255, 255, 255, 0.4);
|
|
||||||
outline-offset: 3px;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list a:hover {
|
|
||||||
outline: none;
|
|
||||||
color: rgba(255, 255, 255, 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list a::before,
|
|
||||||
.post-list a::after {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 1px;
|
|
||||||
background: currentColor;
|
|
||||||
top: 100%;
|
|
||||||
left: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list a::before {
|
|
||||||
content: '';
|
|
||||||
transform-origin: 0% 50%;
|
|
||||||
transform: scale3d(0, 1, 1);
|
|
||||||
transition: transform 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list a:hover::before {
|
|
||||||
transform: scale3d(1, 1, 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list a::after {
|
|
||||||
content: '';
|
|
||||||
top: calc(100% + 4px);
|
|
||||||
transition: transform 0.3s;
|
|
||||||
transform-origin: 100% 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list a:hover::after {
|
|
||||||
transform: scale3d(0, 1, 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
Loading…
Reference in New Issue
Block a user