genemecija/learn-morse-code
1
0
Fork 0
mirror of https://github.com/genemecija/learn-morse-code.git synced 2026-04-21 06:03:56 +00:00
Code Issues Projects Releases Packages Wiki Activity

Challenge mode working; more bugs squashed

Browse source
This commit is contained in:
Gene Mecija 2020-01-21 22:58:35 -08:00
parent 43255cf792
commit 69b910bf5e
17 changed files with 395 additions and 148 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/css/App.css
View file

@ -5,7 +5,7 @@ html, body {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFF;
background: #444;
}
#root {
@ -159,6 +159,7 @@ html, body {
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
border-radius: 5px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
@ -170,17 +171,24 @@ html, body {
text-transform: uppercase;
-ms-flex-item-align: center;
align-self: center;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
#challengeWord span {
padding: 4px;
margin: 1px;
-webkit-transition: background 100ms ease-in-out;
transition: background 100ms ease-in-out;
-webkit-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;
}
#challengeWord.correct {
background: rgba(0, 200, 0, 0.7);
}
.strike {
text-decoration: line-through;
opacity: 30%;
}
#morseBufferDisplay, #challengeBufferDisplay {
@ -228,8 +236,8 @@ html, body {
#morseBufferDisplay #alphanumeric-container #alphanumeric span, #challengeBufferDisplay #alphanumeric-container #alphanumeric span {
padding: 4px;
-webkit-transition: background 100ms ease-in-out;
transition: background 100ms ease-in-out;
-webkit-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;
}
#morseBufferDisplay #ditDahs, #challengeBufferDisplay #ditDahs {

2
src/css/App.css.map
View file

File diff suppressed because one or more lines are too long