mirror of
https://github.com/whscullin/apple2js.git
synced 2024-01-12 14:14:38 +00:00
9173bff1ba
Restrict element types and global styling to improve embedability
45 lines
900 B
SCSS
45 lines
900 B
SCSS
.reset {
|
|
background: #44372c;
|
|
border-left: 3px solid #65594d;
|
|
border-top: 3px solid #65594d;
|
|
border-right: 3px solid #110e0d;
|
|
border-bottom: 3px solid #110e0d;
|
|
|
|
/* border: 5px outset #66594E; */
|
|
border-radius: 3px;
|
|
color: white;
|
|
font: 9px Helvetica, sans-serif;
|
|
height: 36px;
|
|
padding: 0;
|
|
margin-left: 10px;
|
|
width: 36px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
user-select: none;
|
|
|
|
|
|
&:hover {
|
|
background: #44372c;
|
|
border: 3px outset #66594e;
|
|
}
|
|
|
|
&:active {
|
|
background-color: #22150a;
|
|
border-left: 3px solid #44372c;
|
|
border-top: 3px solid #44372c;
|
|
border-right: 3px solid #000;
|
|
border-bottom: 3px solid #000;
|
|
}
|
|
}
|
|
|
|
:global(.full-page) .reset {
|
|
display: none;
|
|
}
|
|
|
|
.resetRow {
|
|
align-items: center;
|
|
display: flex;
|
|
margin: 10px 0;
|
|
}
|