More color changes - added margin for socials

This commit is contained in:
Sagi Dayan 2019-07-30 16:44:44 -04:00
parent f013cc5660
commit aadf911ff2
4 changed files with 23 additions and 6 deletions

View file

@ -5,9 +5,11 @@
justify-content: center; justify-content: center;
position: relative; position: relative;
padding: 20px; padding: 20px;
border-bottom: solid 1px $light-border-color;
.dark-theme & { .dark-theme & {
background: $dark-background-secondary; background: $dark-background-secondary;
border-bottom: solid 1px $dark-border-color;
} }
&__right { &__right {

View file

@ -303,3 +303,16 @@ hr {
width: auto; width: auto;
z-index: 100000; z-index: 100000;
} }
.socials{
margin-top: 50px;
a{
&:hover{
color: $light-hover-link-color;
.dark-theme & {
color: $dark-hover-link-color;
}
}
}
}

View file

@ -2,18 +2,20 @@
/* light theme color */ /* light theme color */
$light-background: #fff; $light-background: #fff;
$light-background-secondary: #eaeaea; $light-background-secondary: #fff;
$light-color: #494949; $light-color: #494949;
$light-color-secondary: #999; $light-color-secondary: rgb(134, 132, 132);
$light-border-color: #dcdcdc; $light-border-color: #dcdcdc;
$light-cursor-color: #a85656; $light-cursor-color: #d67b7b;
$light-hover-link-color: #000;
/* dark theme colors */ /* dark theme colors */
$dark-background: #34363a; $dark-background: #404147;
$dark-background-secondary: #404653; $dark-background-secondary: #404653;
$dark-color: #d4d4d4; $dark-color: #d4d4d4;
$dark-color-secondary: #a1a1a1; $dark-color-secondary: #a1a1a1;
$dark-border-color: #4a4b50; $dark-border-color: #4a4b50;
$dark-cursor-color: #a85656; $dark-cursor-color: #a85656;
$dark-hover-link-color: #fff;
$media-size-phone: "(max-width: 684px)"; $media-size-phone: "(max-width: 684px)";
$media-size-tablet: "(max-width: 900px)"; $media-size-tablet: "(max-width: 900px)";

View file

@ -9,7 +9,7 @@
{{ end }} {{ end }}
{{ with .Site.Params.social }} {{ with .Site.Params.social }}
<div> <div class="socials">
{{ partial "social-icons.html" . }} {{ partial "social-icons.html" . }}
</div> </div>
{{ end }} {{ end }}