Blur is now stored in variables

This commit is contained in:
Sasha Koshka 2022-08-30 16:44:45 -04:00 committed by emma
parent f169b84696
commit 2fc899383d
1 changed files with 10 additions and 7 deletions

View File

@ -21,9 +21,12 @@
:root {
--fonts-override: Ubuntu !important;
--fonts-monospace: Ubuntu Mono Ligaturized !important;
--textured-background: url("https://tebibyte.media/blog/assets/tib_bg.jpg");
--blur-light: blur(10px);
--blur-heavy: blur(32px);
--is-dark-theme: true;
--textured-background: url("https://tebibyte.media/blog/assets/tib_bg.jpg");
--color-primary: hsl(0, 80%, 40%);
--color-primary-dark-1: hsl(0, 80%, 38%);
--color-primary-dark-2: hsl(0, 80%, 36%);
@ -330,8 +333,8 @@ a.ui.basic.green.label:hover {
border: 1px solid var(--color-primary-dark-6);
border-radius: .28571429rem;
padding: 1rem;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: var(--blur-light);
-webkit-backdrop-filter: var(--blur-light);
}
.repo-header .ui.button {
@ -360,8 +363,8 @@ a.ui.basic.green.label:hover {
box-shadow: none;
border-radius: .28571429rem .28571429rem 0 0 !important;
background-color: hsla(0, 20%, 4%, .30);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: var(--blur-light);
-webkit-backdrop-filter: var(--blur-light);
}
.ui.tabular.menu .item:not(:last-child) {
@ -569,8 +572,8 @@ img[src$="/img/matrix.svg"] {
position: sticky;
background-color: hsla(0, 20%, 17%, .6);
box-shadow: 0 0 16px hsla(0, 0%, 0%, .3);
backdrop-filter: blur(32px);
-webkit-backdrop-filter: blur(32px);
backdrop-filter: var(--blur-heavy);
-webkit-backdrop-filter: var(--blur-heavy);
}
#status-button[data-status-val="close"]::before,