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

Add share button and more (fixes #73)

Browse Source
This commit is contained in:
daudix
2024-09-17 01:40:25 +03:00
parent bd97b75c4f
commit 543d1bf862
10 changed files with 146 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
content/demo/index.md
View File

@ -655,12 +655,12 @@ You know, <span class="spoiler solid">Duckquill is a pretty dumb name.</span> I
#color-picker-container {
-webkit-backdrop-filter: var(--blur);
position: fixed;
bottom: 1rem;
left: 0;
transform: translateX(calc(-100% + 1rem));
z-index: 1;
backdrop-filter: var(--blur);
transition: var(--transition);
inset-block-end: 1rem;
inset-inline-start: 0;
box-shadow: var(--edge-highlight), var(--shadow-glass);
border-start-end-radius: var(--rounded-corner);
border-end-end-radius: var(--rounded-corner);
@ -679,8 +679,6 @@ You know, <span class="spoiler solid">Duckquill is a pretty dumb name.</span> I
}
:root[dir*="rtl"] #color-picker-container {
right: 0;
left: unset;
transform: translateX(calc(100% - 1rem));
}

4
content/tricks/index.md
View File

@ -28,8 +28,8 @@ You can make navbar have more traditional look:
```scss
#site-nav {
top: 0;
margin-block-start: 0;
inset-block-start: 0;
box-shadow: var(--shadow-glass);
border-radius: 0;
width: 100%;
@ -66,8 +66,8 @@ Or you can make it sticked to top but not full-width:
```scss
#site-nav {
top: 0;
margin-block-start: 0;
inset-block-start: 0;
box-shadow: var(--shadow-glass);
border-radius: 0 0 calc(var(--rounded-corner) + 0.5rem) calc(var(--rounded-corner) + 0.5rem);