mirror_css/css-water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-08-23 21:33:01 +02:00
Code Issues Releases Wiki Activity

add scrollbar stylings to code segments

Browse Source
This commit is contained in:
Daniel Biegler
2019-04-07 06:06:33 +02:00
parent be7c578056
commit 4aac7ed620
4 changed files with 26 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/parts/_code.scss
View File

@@ -9,4 +9,26 @@ pre > code {
padding: 10px;
display: block;
overflow-x: auto;
}
scrollbar-color: lighten($button-hover, 5%) darken($button-hover, 3%); /* Firefox see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scrollbars */
scrollbar-width: thin; /* Firefox see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scrollbars */
}
pre > code::-webkit-scrollbar {
height: 10px;
}
pre > code::-webkit-scrollbar-track {
background: darken($button-hover, 3%);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
pre > code::-webkit-scrollbar-thumb {
background: lighten($button-hover, 5%);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
pre > code::-webkit-scrollbar-thumb:hover {
background: darken($button-hover, 12%);
}