diff --git a/content/tricks/index.md b/content/tricks/index.md index 3fb9c49..5674830 100644 --- a/content/tricks/index.md +++ b/content/tricks/index.md @@ -119,8 +119,8 @@ The default strikethrough style is too much for you? Let's sort this out: ```scss del { box-shadow: none; - border-radius: unset; - background-color: unset; + border-radius: 0; + background-color: transparent; padding: 0; color: inherit; } diff --git a/sass/_buttons.scss b/sass/_buttons.scss index 6ee2df0..ddbe21a 100644 --- a/sass/_buttons.scss +++ b/sass/_buttons.scss @@ -34,7 +34,7 @@ &.colored { box-shadow: none; - background-color: unset; + background-color: transparent; color: var(--primary-color); &:hover { diff --git a/sass/_code.scss b/sass/_code.scss index be16569..8a07150 100644 --- a/sass/_code.scss +++ b/sass/_code.scss @@ -27,13 +27,13 @@ pre { table { box-shadow: none; border-radius: 0; - background-color: unset; + background-color: transparent; table-layout: auto; overflow: hidden; tr { &:nth-child(even) { - background-color: unset; + background-color: transparent; } th, @@ -42,7 +42,7 @@ pre { } th { - background-color: unset; + background-color: transparent; font-weight: normal; } } diff --git a/sass/_comments.scss b/sass/_comments.scss index 5151b2f..153c86b 100644 --- a/sass/_comments.scss +++ b/sass/_comments.scss @@ -103,7 +103,7 @@ &.op { box-shadow: none; - background-color: unset; + background-color: transparent; color: var(--primary-color); &:hover { @@ -164,7 +164,7 @@ .faves { transition: var(--transition); border-radius: 999px; - background-color: unset; + background-color: transparent; padding: 0.25rem 0.75rem; font-variant-numeric: tabular-nums; text-decoration: none; diff --git a/sass/_crt.scss b/sass/_crt.scss index c2143a4..1307278 100644 --- a/sass/_crt.scss +++ b/sass/_crt.scss @@ -10,9 +10,9 @@ pre { animation: flicker 0.25s alternate infinite; - margin: unset; - box-shadow: unset; - background-color: unset !important; + margin: 0; + box-shadow: none; + background-color: transparent !important; padding: 1rem 1rem; color: var(--primary-color) !important; text-shadow: var(--primary-color-alpha) 0 0 0.25rem, var(--primary-color) 0 0 0.75rem; diff --git a/sass/_media.scss b/sass/_media.scss index 78b56b2..67ecc6e 100644 --- a/sass/_media.scss +++ b/sass/_media.scss @@ -4,6 +4,7 @@ video { margin: 1rem auto; box-shadow: var(--edge-highlight), var(--shadow); border-radius: var(--rounded-corner); + background-color: var(--fg-muted-1); max-width: 100%; &.full, @@ -69,6 +70,7 @@ video { &[src*="#full-bleed"] { box-shadow: none; border-radius: 0; + background-color: transparent; } } @@ -94,7 +96,7 @@ img { } @media only screen and (max-width: 720px) { - transform-origin: unset; + transform-origin: center; &:hover { transform: scale(1.1); diff --git a/sass/_nav.scss b/sass/_nav.scss index 2e5ff52..8cb645d 100644 --- a/sass/_nav.scss +++ b/sass/_nav.scss @@ -156,7 +156,7 @@ cursor: pointer; border: none; border-radius: 999px; - background-color: unset; + background-color: transparent; font-weight: bold; font-size: 1rem; @@ -184,15 +184,15 @@ &#language-switcher { details { position: relative; - box-shadow: unset; - border-radius: unset; - background-color: unset; + box-shadow: none; + border-radius: 0; + background-color: transparent; padding: 0; summary { transition: var(--transition); border-radius: 999px; - background-color: unset; + background-color: transparent; color: var(--fg-muted-4); list-style: none; @@ -261,7 +261,7 @@ opacity: 1; padding: 0 0.5rem 0.5rem; height: 2.75rem; - pointer-events: unset; + pointer-events: all; } #search-bar { diff --git a/sass/_pre-container.scss b/sass/_pre-container.scss index b6698cb..addad43 100644 --- a/sass/_pre-container.scss +++ b/sass/_pre-container.scss @@ -26,7 +26,7 @@ cursor: pointer; border: none; border-radius: var(--rounded-corner-small); - background-color: unset; + background-color: transparent; padding: 0.5rem; line-height: 0; diff --git a/sass/_typography.scss b/sass/_typography.scss index 1d4367e..7be2ccd 100644 --- a/sass/_typography.scss +++ b/sass/_typography.scss @@ -115,11 +115,11 @@ progress { } &:indeterminate::-moz-progress-bar { - background-color: unset; + background-color: transparent; } &::-webkit-progress-bar { - background-color: unset; + background-color: transparent; } &::-moz-progress-bar {