sagi/hugo-theme-hello-amigo
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

More color changes - added margin for socials

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/scss/_header.scss
View file

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

13
assets/scss/_main.scss
View file

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

10
assets/scss/_variables.scss
View file

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

2
layouts/index.html
View file

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