revuo-weekly/_sass/base.scss

72 lines
1,013 B
SCSS
Raw Normal View History

/*
* Emerald is a simple blog theme built for Jekyll.
*/
/*- Base reset -*/
* {
-webkit-box-sizing: border-box;
2023-03-11 10:35:36 +00:00
-moz-box-sizing: border-box;
box-sizing: border-box;
}
2023-03-11 10:35:36 +00:00
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
img {
margin: 0;
padding: 0;
border: 0;
}
/*- Base color -*/
2023-03-11 10:35:36 +00:00
$main-color: #e9e9e9;
$background-color: #0f0f0f;
2022-03-30 15:21:26 +00:00
$text-color: #888888;
/*- Base settings -*/
html {
2023-03-11 10:35:36 +00:00
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 {
2023-03-11 10:35:36 +00:00
color: $main-color;
outline: 0;
border-bottom: 2px dotted #6a6d72;
text-decoration: none;
font-weight: 700;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
&:hover,
&:focus {
color: #999999;
border-bottom: 2px dotted #333333;
}
}
a#nav-menu {
2023-03-11 10:35:36 +00:00
border-bottom: none;
2022-03-30 15:21:26 +00:00
}