Browse Source

stylish crt 2

main
gsd 7 months ago
parent
commit
94726aad82
  1. 4
      pipboyUI/dist/pipboy-ui/index.html
  2. 2
      pipboyUI/dist/pipboy-ui/styles.6317bd1c21c6fc2c.css
  3. 2
      pipboyUI/src/index.html
  4. 4
      pipboyUI/src/styles/crt.scss

4
pipboyUI/dist/pipboy-ui/index.html

File diff suppressed because one or more lines are too long

2
pipboyUI/dist/pipboy-ui/styles.1b3f163117c989c8.css → pipboyUI/dist/pipboy-ui/styles.6317bd1c21c6fc2c.css

File diff suppressed because one or more lines are too long

2
pipboyUI/src/index.html

@ -11,7 +11,7 @@
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head> </head>
<body class="crt-screen"> <body class="crt-screen">
<div class="scanline"></div> <div></div>
<app-root></app-root> <app-root></app-root>
</body> </body>
</html> </html>

4
pipboyUI/src/styles/crt.scss

@ -20,7 +20,7 @@ $z-scanline: 10000;
rgba(18, 16, 16, 0) 50%, rgba(18, 16, 16, 0) 50%,
rgba(0, 0, 0, 0.25) 50% rgba(0, 0, 0, 0.25) 50%
); );
background-size: 100% 4px; background-size: 100% 12px;
z-index: $z-main; z-index: $z-main;
pointer-events: none; pointer-events: none;
} }
@ -59,7 +59,7 @@ $z-scanline: 10000;
rgba(0, 255, 0, 0) 100% rgba(0, 255, 0, 0) 100%
); );
position: absolute; position: absolute;
animation: scan 8s linear infinite; animation: scan 32s linear infinite;
z-index: $z-scanline; z-index: $z-scanline;
pointer-events: none; pointer-events: none;
} }

Loading…
Cancel
Save