hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Make stuff look good on as many browser versions as possible

Browse Source 
Rejoice iPhone users, you'll have pretty CRT now as well!
This commit is contained in:
daudix
2024-01-23 09:47:59 +03:00
parent 5939a6681f
commit f8efb69e6c
7 changed files with 19 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
sass/_crt.scss
View File

@ -1,13 +1,11 @@
.crt {
margin: 1rem 0 1rem;
border-radius: var(--rounded-corner);
box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary-color) 5%, transparent),
0 2px 6px 2px color-mix(in srgb, var(--primary-color) 5%, transparent),
0 4px 24px 4px color-mix(in srgb, var(--primary-color) 10%, transparent);
background-image: radial-gradient(
color-mix(in srgb, var(--primary-color) 20%, black),
color-mix(in srgb, var(--primary-color) 10%, black)
);
background: radial-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.85)),
var(--primary-color);
box-shadow: 0 0 0 1px var(--primary-color-alpha),
0 2px 6px 2px var(--primary-color-alpha),
0 4px 24px 4px var(--primary-color-alpha);
pre {
color: var(--primary-color);