personal-site/assets/css/basic.scss

61 lines
1.1 KiB
SCSS
Raw Normal View History

2021-01-02 20:17:33 +00:00
@import "variables";
@import "fonts";
body {
margin: 0;
padding: 0;
background-color: var(--background);
color: var(--foreground);
2021-06-07 16:47:54 +00:00
font-family: 'Mononoki', 'Ubuntu', 'Twemoji' sans-serif;
2021-01-02 20:17:33 +00:00
max-width: 1000px;
margin: 0 auto;
box-shadow: 0px -30px 20px rgba(0, 0, 0, 0.5);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
2021-01-02 22:35:28 +00:00
padding:10px 0;
2021-01-02 20:17:33 +00:00
}
a, .link{
transition: 0.3s;
color: $link-color;
text-decoration: none;
&:hover, &:focus{
color: var(--pink)
}
}
@media (min-width: 1000px) {
box-shadow: 4px 4px 32px rgba(0, 0, 0, 0.34);
}
.h1{
2021-06-06 16:38:42 +00:00
font-family: 'Mononoki Bold', 'Fira Code SemiBold', 'Twemoji' ;
2021-01-02 20:17:33 +00:00
font-size: 2em;
}
2021-06-06 12:09:21 +00:00
// Highlighting one line code (which uses ` not ```)
p code, quote code, q code{
2021-01-24 16:14:34 +00:00
font-family: $main-font;
2021-06-06 12:09:21 +00:00
background: var(--selection);
color: var(--cyan);
border-radius: 3px;
padding: 0 6px;
2021-01-24 16:14:34 +00:00
}
2021-01-02 20:17:33 +00:00
2021-06-06 20:07:55 +00:00
img {
width: 100%;
}
2021-06-07 16:47:54 +00:00
2021-01-02 20:17:33 +00:00
@import "logo";
2021-06-07 16:47:54 +00:00
@import "page-404";
2021-01-02 20:17:33 +00:00
@import "elements/page-links";
@import "elements/recent-list";
@import "elements/contacts";
@import "elements/portfolio-project";
@import "elements/blog-post-preview";
2021-01-24 16:14:34 +00:00
@import "elements/blog-post";