personal-site/assets/css/basic.scss

51 lines
901 B
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);
font-family: 'Ubuntu', sans-serif;
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{
font-family: 'Mononoki Bold', 'Fira Code SemiBold' ;
font-size: 2em;
}
2021-01-24 16:14:34 +00:00
code{
font-family: $main-font;
}
2021-01-02 20:17:33 +00:00
@import "logo";
@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";