mirror of
https://github.com/ApfelTeeSaft/LiveSplitOne.git
synced 2026-08-26 19:23:40 +00:00
Christopher Serr
f03689bc81
This converts the remainder of the CSS files to CSS modules. The following are not converted: 1. `variables.scss`: I'm not entirely sure if variables can be converted to CSS modules. The documentation states you might need PostCSS for it. However, we probably may want to look into CSS variables anyway. So this would be done in a subsequent PR. 2. `main.scss`: This declares global styles. I'm not sure if it's possible to convert this as this is needed from the very beginning, before any React is even loaded.
46 lines
880 B
SCSS
46 lines
880 B
SCSS
@use "variables.icss";
|
|
|
|
// FIXME: This should be a component.
|
|
.group {
|
|
display: flex;
|
|
|
|
> * {
|
|
font-size: 18px;
|
|
border-radius: 0;
|
|
}
|
|
|
|
> :first-child {
|
|
border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
}
|
|
|
|
> :last-child {
|
|
border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
}
|
|
|
|
.pressed,
|
|
.pressed:hover {
|
|
background: variables.$button-active-color;
|
|
}
|
|
|
|
.pressed.disabled {
|
|
background: variables.$button-disabled-color;
|
|
color: variables.$button-disabled-text-color;
|
|
cursor: default;
|
|
}
|
|
}
|
|
|
|
.tabBar {
|
|
composes: group;
|
|
display: flex;
|
|
|
|
> button {
|
|
font-size: 15px;
|
|
min-height: 30px;
|
|
border-bottom-right-radius: 0 !important;
|
|
border-bottom-left-radius: 0 !important;
|
|
border-bottom: 0;
|
|
}
|
|
}
|