Refactoring
- Animation in it's own class - JS to sync state across browsers
This commit is contained in:
parent
f4f5458209
commit
efb7c20af5
6 changed files with 352 additions and 160 deletions
|
|
@ -1,4 +1,56 @@
|
|||
body {
|
||||
background: black;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.controls {
|
||||
display: flex;
|
||||
width: 40em;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
flex: auto;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
width: 30em;
|
||||
}
|
||||
|
||||
input.button_color {
|
||||
width: 6em;
|
||||
}
|
||||
|
||||
.button_color_white {
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.button_color_red {
|
||||
background-color: #ff0000;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.button_color_yellow {
|
||||
background-color: #ffff00;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.button_color_green {
|
||||
background-color: #00ff00;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.button_color_cyan {
|
||||
background-color: #00ffff;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.button_color_blue {
|
||||
background-color: #0000ff;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.button_color_magenta {
|
||||
background-color: #ff00ff;
|
||||
color: #000000;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue