diff --git a/sass/_containers.scss b/sass/_containers.scss index 2d63958..68d9f6d 100644 --- a/sass/_containers.scss +++ b/sass/_containers.scss @@ -7,9 +7,11 @@ position: relative; button { + -webkit-backdrop-filter: var(--blur); position: absolute; top: 0.5rem; right: 0.5rem; + backdrop-filter: var(--blur); transition: var(--transition); cursor: pointer; box-shadow: var(--edge-highlight); @@ -36,6 +38,14 @@ transform: scale(var(--active)); } + &.dark { + background-color: rgba(255, 255, 255, 0.05); + + .icon { + background-color: rgba(255, 255, 255, 0.5); + } + } + &.active { background-color: var(--primary-color-alpha); @@ -56,13 +66,10 @@ width: 1rem; height: 1rem; } + } - &.dark { - background-color: rgba(255, 255, 255, 0.05); - - .icon { - background-color: rgba(255, 255, 255, 0.5); - } - } + pre>code { + display: inline-block; + margin-inline-end: 3rem; } }