hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge branch 'threecolumn' into shigusegubu-vue3

Browse source 
* threecolumn:
  fancy scrollbars
This commit is contained in:
Henry Jameson 2022-04-07 16:04:50 +03:00
commit c15b066bca
1 changed files with 16 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/App.scss
View file

@ -40,11 +40,13 @@ body {
&::-webkit-scrollbar-button {
--___bgPadding: 2px;
color: var(--btnText);
background-repeat: no-repeat, no-repeat;
&:horizontal {
background-size: 50% calc(50% - var(--___bgPadding)), 50% calc(50% - var(--___bgPadding));
&:increment {
background-image:
linear-gradient(45deg, var(--btnText) 50%, transparent 51%),
@ -59,7 +61,6 @@ body {
background-position: bottom var(--___bgPadding) right 50%, left 50% top var(--___bgPadding);
}
}
}
&:vertical {
background-size: calc(50% - var(--___bgPadding)) 50%, calc(50% - var(--___bgPadding)) 50%;
@ -78,6 +79,7 @@ body {
background-position: left var(--___bgPadding) top 50%, right var(--___bgPadding) top 50%;
}
}
}
}
a {