Remove twgl
This commit is contained in:
parent
13942af41c
commit
ac66c91000
16 changed files with 364 additions and 154 deletions
|
|
@ -1,39 +1,33 @@
|
|||
html,
|
||||
body,
|
||||
main {
|
||||
canvas {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
background-color: #333;
|
||||
|
||||
main {
|
||||
position: relative;
|
||||
#overlay {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-size: 1em;
|
||||
margin: 0.75em 1em;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
$outline-width: 0.5px;
|
||||
text-shadow: -$outline-width -$outline-width 0 #000,
|
||||
$outline-width -$outline-width 0 #000,
|
||||
-$outline-width $outline-width 0 #000,
|
||||
$outline-width $outline-width 0 #000;
|
||||
color: white;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.canvas-container {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 100%;
|
||||
|
||||
#overlay {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-size: 1em;
|
||||
padding: 0.5em 1em;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
-webkit-text-stroke: 1px black;
|
||||
-webkit-text-fill-color: white;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
canvas#main {
|
||||
width: 100%;
|
||||
background-color: hotpink;
|
||||
}
|
||||
}
|
||||
canvas#main {
|
||||
width: 100%;
|
||||
background-color: hotpink;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue