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

Don't use the weird af "unset" keyword

Browse Source
This commit is contained in:
daudix
2024-07-22 00:07:34 +03:00
parent bd4c5bb972
commit 0eb32679a5
9 changed files with 23 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
content/tricks/index.md
View File

@ -119,8 +119,8 @@ The default strikethrough style is too much for you? Let's sort this out:
```scss ```scss
del { del {
box-shadow: none; box-shadow: none;
border-radius: unset; border-radius: 0;
background-color: unset; background-color: transparent;
padding: 0; padding: 0;
color: inherit; color: inherit;
} }

2
sass/_buttons.scss
View File

@ -34,7 +34,7 @@
&.colored { &.colored {
box-shadow: none; box-shadow: none;
background-color: unset; background-color: transparent;
color: var(--primary-color); color: var(--primary-color);
&:hover { &:hover {

6
sass/_code.scss
View File

@ -27,13 +27,13 @@ pre {
table { table {
box-shadow: none; box-shadow: none;
border-radius: 0; border-radius: 0;
background-color: unset; background-color: transparent;
table-layout: auto; table-layout: auto;
overflow: hidden; overflow: hidden;
tr { tr {
&:nth-child(even) { &:nth-child(even) {
background-color: unset; background-color: transparent;
} }
th, th,
@ -42,7 +42,7 @@ pre {
} }
th { th {
background-color: unset; background-color: transparent;
font-weight: normal; font-weight: normal;
} }
} }

4
sass/_comments.scss
View File

@ -103,7 +103,7 @@
&.op { &.op {
box-shadow: none; box-shadow: none;
background-color: unset; background-color: transparent;
color: var(--primary-color); color: var(--primary-color);
&:hover { &:hover {
@ -164,7 +164,7 @@
.faves { .faves {
transition: var(--transition); transition: var(--transition);
border-radius: 999px; border-radius: 999px;
background-color: unset; background-color: transparent;
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
text-decoration: none; text-decoration: none;

6
sass/_crt.scss
View File

@ -10,9 +10,9 @@
pre { pre {
animation: flicker 0.25s alternate infinite; animation: flicker 0.25s alternate infinite;
margin: unset; margin: 0;
box-shadow: unset; box-shadow: none;
background-color: unset !important; background-color: transparent !important;
padding: 1rem 1rem; padding: 1rem 1rem;
color: var(--primary-color) !important; color: var(--primary-color) !important;
text-shadow: var(--primary-color-alpha) 0 0 0.25rem, var(--primary-color) 0 0 0.75rem; text-shadow: var(--primary-color-alpha) 0 0 0.25rem, var(--primary-color) 0 0 0.75rem;

4
sass/_media.scss
View File

@ -4,6 +4,7 @@ video {
margin: 1rem auto; margin: 1rem auto;
box-shadow: var(--edge-highlight), var(--shadow); box-shadow: var(--edge-highlight), var(--shadow);
border-radius: var(--rounded-corner); border-radius: var(--rounded-corner);
background-color: var(--fg-muted-1);
max-width: 100%; max-width: 100%;
&.full, &.full,
@ -69,6 +70,7 @@ video {
&[src*="#full-bleed"] { &[src*="#full-bleed"] {
box-shadow: none; box-shadow: none;
border-radius: 0; border-radius: 0;
background-color: transparent;
} }
} }
@ -94,7 +96,7 @@ img {
} }
@media only screen and (max-width: 720px) { @media only screen and (max-width: 720px) {
transform-origin: unset; transform-origin: center;
&:hover { &:hover {
transform: scale(1.1); transform: scale(1.1);

12
sass/_nav.scss
View File

@ -156,7 +156,7 @@
cursor: pointer; cursor: pointer;
border: none; border: none;
border-radius: 999px; border-radius: 999px;
background-color: unset; background-color: transparent;
font-weight: bold; font-weight: bold;
font-size: 1rem; font-size: 1rem;
@ -184,15 +184,15 @@
&#language-switcher { &#language-switcher {
details { details {
position: relative; position: relative;
box-shadow: unset; box-shadow: none;
border-radius: unset; border-radius: 0;
background-color: unset; background-color: transparent;
padding: 0; padding: 0;
summary { summary {
transition: var(--transition); transition: var(--transition);
border-radius: 999px; border-radius: 999px;
background-color: unset; background-color: transparent;
color: var(--fg-muted-4); color: var(--fg-muted-4);
list-style: none; list-style: none;
@ -261,7 +261,7 @@
opacity: 1; opacity: 1;
padding: 0 0.5rem 0.5rem; padding: 0 0.5rem 0.5rem;
height: 2.75rem; height: 2.75rem;
pointer-events: unset; pointer-events: all;
} }
#search-bar { #search-bar {

2
sass/_pre-container.scss
View File

@ -26,7 +26,7 @@
cursor: pointer; cursor: pointer;
border: none; border: none;
border-radius: var(--rounded-corner-small); border-radius: var(--rounded-corner-small);
background-color: unset; background-color: transparent;
padding: 0.5rem; padding: 0.5rem;
line-height: 0; line-height: 0;

4
sass/_typography.scss
View File

@ -115,11 +115,11 @@ progress {
} }
&:indeterminate::-moz-progress-bar { &:indeterminate::-moz-progress-bar {
background-color: unset; background-color: transparent;
} }
&::-webkit-progress-bar { &::-webkit-progress-bar {
background-color: unset; background-color: transparent;
} }
&::-moz-progress-bar { &::-moz-progress-bar {