genemecija/learn-morse-code
1
0
Fork 0
mirror of https://github.com/genemecija/learn-morse-code.git synced 2026-01-29 03:24:20 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

CSS update

Browse source
This commit is contained in:
Gene Mecija 2020-02-13 12:27:03 -08:00
parent 5725ed314f
commit 7f4a2c4139
1 changed files with 4 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/scss/App.scss
View file

@ -72,24 +72,6 @@ html, body {
color: gold;
}
}
div {
// border: 1px solid red;
height: auto;
img {
width: 40px;
height: 40px;
opacity: 30%;
&:hover {
animation-name: socialLinkHover;
animation-duration: 150ms;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
}
&#twitter img {
filter: invert(90%)
}
}
}
}
#main-content {
@ -137,7 +119,7 @@ html, body {
#sidebar-container {
#sidebar-content #info {
opacity: 0%;
opacity: 0;
overflow-y: hidden;
}
#info-icon {
@ -239,7 +221,7 @@ html, body {
font-family: $main-font;
font-size: 1.2rem;
line-height: 1.5em;
opacity: 100%;
opacity: 1;
transition: all 500ms ease-in-out;
@ -656,10 +638,10 @@ $morse-button-color: rgba(112, 138, 144,0.5);
@keyframes hideOverlay {
0% {
opacity: 100%;
opacity: 1;
}
100% {
opacity: 0%;
opacity: 0;
}
}