revuo-weekly/_sass/base.scss

75 lines
1.1 KiB
SCSS
Raw Normal View History

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