revuo-weekly/_sass/base.scss
2023-03-13 00:54:31 +00:00

61 lines
1.0 KiB
SCSS

/*
* Emerald is a simple blog theme built for Jekyll.
*/
/*- Base reset -*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img {
margin: 0;
padding: 0;
border: 0;
}
/*- Base color -*/
$main-color: #E9E9E9;
$background-color: #0F0F0F;
$text-color: #888888;
/*- Base settings -*/
html {
background-color: $background-color;
font-size: 16px;
scroll-behavior: smooth;
@media (min-width: 940px) {
font-size: 18px;
}
line-height: 1.5;
color: $text-color;
}
/*- Link -*/
a {
color: $main-color;
outline: 0;
border-bottom: 2px dotted #6a6d72;
text-decoration: none;
font-weight: 700;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
&:hover,
&:focus {
color: #999999;
border-bottom: 2px dotted #333333;
}
}
a#nav-menu {
border-bottom: none;
}