hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ensure that copy code button doesn't cover code

Browse Source
This commit is contained in:
daudix
2024-07-14 06:11:20 +03:00
parent 6615b14471
commit 35733fe153
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
sass/_containers.scss
View File

@ -7,9 +7,11 @@
position: relative; position: relative;
button { button {
-webkit-backdrop-filter: var(--blur);
position: absolute; position: absolute;
top: 0.5rem; top: 0.5rem;
right: 0.5rem; right: 0.5rem;
backdrop-filter: var(--blur);
transition: var(--transition); transition: var(--transition);
cursor: pointer; cursor: pointer;
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
@ -36,6 +38,14 @@
transform: scale(var(--active)); transform: scale(var(--active));
} }
&.dark {
background-color: rgba(255, 255, 255, 0.05);
.icon {
background-color: rgba(255, 255, 255, 0.5);
}
}
&.active { &.active {
background-color: var(--primary-color-alpha); background-color: var(--primary-color-alpha);
@ -56,13 +66,10 @@
width: 1rem; width: 1rem;
height: 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;
} }
} }