Skip to content

Commit 04ae0f2

Browse files
authored
Disable Fomantic's custom scrollbars (#14109)
We already have custom scrollbars in our own CSS which are superior to Fomantic's so diable them to save a few bytes and prevent interference.
1 parent 2c8d302 commit 04ae0f2

File tree

2 files changed

+1
-63
lines changed

2 files changed

+1
-63
lines changed

web_src/fomantic/_site/globals/site.variables

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,3 +3,4 @@
33
@headerFont: var(--fonts-regular);
44
@pageFont: var(--fonts-regular);
55
@bold: 500;
6+
@useCustomScrollbars: false;

web_src/fomantic/build/semantic.css

Lines changed: 0 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -7723,22 +7723,6 @@ a.inverted.ui.card:hover,
77237723

77247724
/* Scrollbars */
77257725

7726-
.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
7727-
background: rgba(255, 255, 255, 0.1);
7728-
}
7729-
7730-
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
7731-
background: rgba(255, 255, 255, 0.25);
7732-
}
7733-
7734-
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
7735-
background: rgba(255, 255, 255, 0.15);
7736-
}
7737-
7738-
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
7739-
background: rgba(255, 255, 255, 0.35);
7740-
}
7741-
77427726
/*******************************
77437727
States
77447728
*******************************/
@@ -39175,53 +39159,6 @@ input::selection {
3917539159
color: rgba(0, 0, 0, 0.87);
3917639160
}
3917739161

39178-
/* Force Simple Scrollbars */
39179-
39180-
body ::-webkit-scrollbar {
39181-
-webkit-appearance: none;
39182-
width: 10px;
39183-
height: 10px;
39184-
}
39185-
39186-
body ::-webkit-scrollbar-track {
39187-
background: rgba(0, 0, 0, 0.1);
39188-
border-radius: 0;
39189-
}
39190-
39191-
body ::-webkit-scrollbar-thumb {
39192-
cursor: pointer;
39193-
border-radius: 5px;
39194-
background: rgba(0, 0, 0, 0.25);
39195-
-webkit-transition: color 0.2s ease;
39196-
transition: color 0.2s ease;
39197-
}
39198-
39199-
body ::-webkit-scrollbar-thumb:window-inactive {
39200-
background: rgba(0, 0, 0, 0.15);
39201-
}
39202-
39203-
body ::-webkit-scrollbar-thumb:hover {
39204-
background: rgba(128, 135, 139, 0.8);
39205-
}
39206-
39207-
/* Inverted UI */
39208-
39209-
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-track {
39210-
background: rgba(255, 255, 255, 0.1);
39211-
}
39212-
39213-
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb {
39214-
background: rgba(255, 255, 255, 0.25);
39215-
}
39216-
39217-
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:window-inactive {
39218-
background: rgba(255, 255, 255, 0.15);
39219-
}
39220-
39221-
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
39222-
background: rgba(255, 255, 255, 0.35);
39223-
}
39224-
3922539162
/*******************************
3922639163
Global Overrides
3922739164
*******************************/

0 commit comments

Comments
 (0)