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