Blur is now stored in variables
This commit is contained in:
parent
f169b84696
commit
2fc899383d
|
@ -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,
|
||||
|
|
Loading…
Reference in New Issue