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

Sort styles using "Sort CSS" VSCode extension

Browse Source
This commit is contained in:
daudix
2024-04-03 02:19:54 +03:00
parent c0a43b83f9
commit 0fa24c2d7c
13 changed files with 171 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
sass/_crt.scss
View File

@ -1,18 +1,18 @@
.crt {
margin: 1rem 0 1rem;
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);
border-radius: var(--rounded-corner);
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);
padding: 1rem 1rem;
text-shadow: var(--primary-color-alpha) 0 0 4px, var(--primary-color) 0 0 12px;
animation: flicker 250ms alternate infinite;
margin: unset;
box-shadow: unset;
// Unset some <pre> stuff
background-color: unset;
box-shadow: unset;
margin: unset;
animation: flicker 250ms alternate infinite;
padding: 1rem 1rem;
color: var(--primary-color);
text-shadow: var(--primary-color-alpha) 0 0 4px, var(--primary-color) 0 0 12px;
@keyframes flicker {
from {
@ -47,17 +47,17 @@
overflow: hidden;
&::before {
animation: scanlines 250ms linear infinite;
background: repeating-linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) 1px, transparent 3px, transparent 4px);
content: "";
display: block;
height: calc(100% + 0.5rem);
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
left: 0;
z-index: 1;
animation: scanlines 250ms linear infinite;
background: repeating-linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) 1px, transparent 3px, transparent 4px);
width: 100%;
height: calc(100% + 0.5rem);
pointer-events: none;
content: "";
@keyframes scanlines {
from {
@ -75,16 +75,16 @@
}
&::after {
display: block;
position: absolute;
bottom: 100%;
left: 0;
animation: scanline 5s linear infinite;
background: linear-gradient(to top, transparent 0%, var(--primary-color-alpha) 10%, transparent 100%);
bottom: 100%;
content: "";
display: block;
height: 8rem;
left: 0;
pointer-events: none;
position: absolute;
width: 100%;
height: 8rem;
pointer-events: none;
content: "";
@keyframes scanline {
from {