this repo has no description
Slight adjustments to carousel top buttons
+8
-5
+8
-5
src/app.css
+8
-5
src/app.css
···
1120
1120
button.carousel-dot {
1121
1121
background-color: transparent;
1122
1122
}
1123
-
.carousel-controls :is(.button, button).carousel-button {
1123
+
:is(.button, button).carousel-button {
1124
1124
background-color: var(--bg-blur-color);
1125
1125
}
1126
-
.carousel-controls
1127
-
:is(.button, button).carousel-button:is(:hover, :focus):not(:active) {
1126
+
:is(.button, button).carousel-button:is(:hover, :focus):not(:active) {
1128
1127
background-color: var(--bg-color);
1129
1128
}
1130
1129
.carousel-top-controls .szh-menu-container {
···
1141
1140
border: 1px solid var(--outline-color);
1142
1141
box-shadow: 0 4px 32px var(--drop-shadow-color);
1143
1142
/* backdrop-filter: blur(12px) invert(0.25); */
1143
+
transition: background-color 0.2s ease-out;
1144
+
&:hover {
1145
+
background-color: var(--bg-color);
1146
+
}
1144
1147
}
1145
1148
button.carousel-dot {
1146
1149
backdrop-filter: none !important;
1147
1150
border: none;
1148
1151
box-shadow: none;
1149
1152
}
1150
-
button.carousel-dot[disabled] {
1153
+
/* button.carousel-dot[disabled] {
1151
1154
pointer-events: none;
1152
-
}
1155
+
} */
1153
1156
button.carousel-dot .icon {
1154
1157
transition: all 0.2s;
1155
1158
transform: scale(0.5);