mat.services/sass/style/parts/_misc.scss

77 lines
1.2 KiB
SCSS
Raw Normal View History

2022-08-27 18:27:41 +00:00
.primary-color {
color: var(--primary-color);
}
.draft-label {
color: var(--hover-color);
text-decoration: none;
padding: 2px 4px;
border-radius: 4px;
margin-left: 6px;
background-color: var(--primary-color);
}
::selection {
background: var(--primary-color);
color: var(--hover-color);
}
p {
line-height: 1.5;
}
hr {
border: 0;
border-top: 3px solid var(--border-color);
margin: 1em 0;
}
blockquote {
border-left: 3px solid var(--border-color);
2022-10-10 00:57:07 +00:00
color: var(--text-1);
2022-08-27 18:27:41 +00:00
margin: 0;
padding-left: 1em;
}
a {
color: inherit;
text-decoration: none;
2023-01-28 03:03:35 +00:00
position: relative;
transition: all .2s ease-in;
2022-08-27 18:27:41 +00:00
}
a:hover {
color: var(--hover-color);
2023-01-28 03:03:35 +00:00
transition: all .2s ease;
}
a::after {
content: "";
display: inline-block;
position: absolute;
z-index: -1;
bottom: -3px;
left: 0;
width: 100%;
height: 3px;
background-color: var(--primary-color);
transition: all .2s ease-in;
}
a:hover::after {
height: 100%;
transform: translateY(-3px);
transition: all .2s ease;
2022-08-27 18:27:41 +00:00
}
time {
2022-08-28 06:41:20 +00:00
color: var(--text-1);
2022-08-27 18:27:41 +00:00
}
/* Remove post list padding */
@media screen and (max-width: 600px) {
.list>ul {
margin: 0;
padding: 0;
}
}