quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

added margins to codeblocks and hover effects for the collapsible

Browse source
This commit is contained in:
Xanazf 2024-10-19 22:22:13 +03:00
parent 45fc2eed5a
commit 712c286065
Signed by: Xanazf
GPG key ID: 4E4A5AD1FB748427
2 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/styles/components/accordion.css
View file

@ -1,6 +1,12 @@
.accordion { .accordion {
& summary { & summary {
list-style: none; list-style: none;
transition: background-color 0.15s ease-out;
&:hover {
background-color: hsla(250 11 100 / 0.06);
cursor: pointer;
}
} }
& .accordion-container { & .accordion-container {

4
src/styles/css-config/code.css
View file

@ -1,3 +1,7 @@
pre.shiki {
margin-block: 1.618rem;
}
:where(p, li):has(> code) code { :where(p, li):has(> code) code {
padding-inline: 0.272rem; padding-inline: 0.272rem;
border-radius: 0.272rem; border-radius: 0.272rem;