107 lines
2.7 KiB
SCSS
107 lines
2.7 KiB
SCSS
// Colors for social icons
|
|
$github: #24292e;
|
|
$twitter: #1DA1F2;
|
|
$linkedin: #0e76a8;
|
|
$rss: #f26522;
|
|
$mail: #5d5c5d;
|
|
$instagram: #e1306c;
|
|
$facebook: #3b5998;
|
|
$messenger: #0084ff;
|
|
$youtube: #ff0000;
|
|
$whatsapp: #25d366;
|
|
$reddit: #ff4500;
|
|
|
|
header{
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
// Disabling to make the header links align with the left side of the post
|
|
// container
|
|
// width: 550px;
|
|
overflow: hidden;
|
|
|
|
#site_title{
|
|
text-align: center;
|
|
color: black;
|
|
a{
|
|
text-decoration: none;
|
|
}
|
|
h1{
|
|
margin-bottom: 0px;
|
|
}
|
|
h2{
|
|
margin-top: 0px;
|
|
font-style: oblique;
|
|
font-size: 1.2rem;
|
|
}
|
|
}
|
|
#subheader{
|
|
display: block;
|
|
margin-top: 15px;
|
|
.pages{
|
|
display: block;
|
|
float: left;
|
|
a:hover{
|
|
color: black;
|
|
}
|
|
a{
|
|
text-decoration: none;
|
|
color: $base;
|
|
font-family: 'PT Serif', serif;
|
|
margin-right: 3px;
|
|
font-size: 1.05rem;
|
|
}
|
|
}
|
|
.social{
|
|
display: block;
|
|
float: right;
|
|
i{
|
|
margin-right: 3px;
|
|
-o-transition: .5s;
|
|
-ms-transition: .5s;
|
|
-moz-transition: .5s;
|
|
-webkit-transition: .5s;
|
|
transition: .5s;
|
|
}
|
|
a{
|
|
color: $base;
|
|
}
|
|
i{
|
|
font-size: 1.1rem;
|
|
}
|
|
#github:hover{
|
|
color: $github;
|
|
}
|
|
#twitter:hover{
|
|
color: $twitter;
|
|
}
|
|
#linkedin:hover{
|
|
color: $linkedin;
|
|
}
|
|
#rss:hover{
|
|
color: $rss;
|
|
}
|
|
#envelope:hover{
|
|
color: $mail;
|
|
}
|
|
#instagram:hover{
|
|
color: $instagram;
|
|
}
|
|
#facebook:hover{
|
|
color: $facebook;
|
|
}
|
|
#messenger:hover{
|
|
color: $messenger;
|
|
}
|
|
#youtube:hover{
|
|
color: $youtube;
|
|
}
|
|
#whatsapp:hover{
|
|
color: $whatsapp;
|
|
}
|
|
#reddit:hover{
|
|
color: $reddit;
|
|
}
|
|
}
|
|
}
|
|
}
|