host/xiaowang
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Edit navigation and social icons

Browse source
This commit is contained in:
Paul Nicoué 2022-06-02 16:43:28 +02:00
parent bd77ae53b9
commit c0e9465298
4 changed files with 42 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

52
assets/css/style.scss
View file

@ -178,14 +178,15 @@ footer {
svg {
fill: var(--white);
width: 100%;
height: 100%;
width: 90%;
height: 90%;
-webkit-transition: fill 200ms ease-in-out;
-o-transition: fill 200ms ease-in-out;
transition: fill 200ms ease-in-out;
}
&:hover,
&:focus,
&:active {
background-color: var(--black);
}
@ -559,6 +560,10 @@ footer {
align-items: center;
a {
width: var(--icon-size);
height: var(--icon-size);
border-radius: 50%;
background-color: var(--jet);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@ -568,31 +573,44 @@ footer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: var(--icon-size);
height: var(--icon-size);
-webkit-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
+ a {
margin: 0 0 0 1rem;
}
svg {
fill: var(--jet);
width: 100%;
height: 100%;
-webkit-transition: fill 200ms ease-in-out;
-o-transition: fill 200ms ease-in-out;
transition: fill 200ms ease-in-out;
fill: var(--white);
-webkit-transition: fill 200ms ease-in-out;
-o-transition: fill 200ms ease-in-out;
transition: fill 200ms ease-in-out;
}
&:hover,
&:focus,
&:active {
svg {
fill: var(--black);
}
}
&:hover,
&:focus,
&:active {
background-color: var(--black);
}
}
a.footer-bar__instagram-button {
svg {
width: 55%;
height: 55%;
}
}
a.footer-bar__email-button {
svg {
width: 70%;
height: 70%;
}
}
}
.footer-bar__copyright {