mirror of
https://github.com/CaiJimmy/hugo-theme-stack.git
synced 2024-11-23 18:31:45 +01:00
63 lines
1.5 KiB
SCSS
63 lines
1.5 KiB
SCSS
/*!
|
|
* Hugo Theme Stack
|
|
*
|
|
* @author: Jimmy Cai
|
|
* @website: https://jimmycai.com
|
|
* @link: https://github.com/CaiJimmy/hugo-theme-stack
|
|
*/
|
|
|
|
@import "breakpoints.scss";
|
|
@import "variables.scss";
|
|
@import "grid.scss";
|
|
|
|
@import "external/normalize.scss";
|
|
|
|
@import "partials/menu.scss";
|
|
@import "partials/article.scss";
|
|
@import "partials/widgets.scss";
|
|
@import "partials/footer.scss";
|
|
@import "partials/pagination.scss";
|
|
@import "partials/sidebar.scss";
|
|
@import "partials/base.scss";
|
|
@import "partials/layout/archives.scss";
|
|
@import "partials/layout/article.scss";
|
|
@import "partials/layout/taxonomy.scss";
|
|
@import "partials/layout/404.scss";
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: var(--accent-color);
|
|
|
|
&:hover {
|
|
color: var(--accent-color-darker);
|
|
}
|
|
|
|
&.link {
|
|
box-shadow: 0px -2px 0px rgba(var(--link-background-color), var(--link-background-opacity)) inset;
|
|
transition: all 0.3s ease;
|
|
|
|
&:hover {
|
|
box-shadow: 0px -10px 0px rgba(var(--link-background-color), var(--link-background-opacity-hover)) inset;
|
|
}
|
|
}
|
|
}
|
|
|
|
.alert {
|
|
position: fixed;
|
|
right: 20px;
|
|
bottom: 20px;
|
|
z-index: 5;
|
|
background: var(--card-background);
|
|
max-width: 400px;
|
|
padding: 15px 20px;
|
|
border-radius: var(--card-border-radius);
|
|
line-height: 1.75;
|
|
color: var(--card-text-color-secondary);
|
|
box-shadow: var(--shadow-l2);
|
|
|
|
@media (max-width: $on-phone) {
|
|
max-width: 100vw;
|
|
width: calc(100% - 30px);
|
|
left: 15px;
|
|
}
|
|
}
|