83 lines
1.4 KiB
CSS
83 lines
1.4 KiB
CSS
|
@import "./normalize.css";
|
||
|
@import "./vendor/bootstrap-icons/bootstrap-icons.min.css";
|
||
|
@import "./settings.css";
|
||
|
|
||
|
.glass-bg,
|
||
|
.glass-button,
|
||
|
.glass-input {
|
||
|
background: var(--glass-background);
|
||
|
}
|
||
|
|
||
|
.glass-button:active {
|
||
|
background: rgba(255, 255, 255, var(--glass-opacity-active));
|
||
|
}
|
||
|
|
||
|
.glass-shadow,
|
||
|
.glass-button,
|
||
|
.glass-input {
|
||
|
box-shadow: var(--glass-shadow);
|
||
|
}
|
||
|
|
||
|
.glass-blur,
|
||
|
.glass-button,
|
||
|
.glass-input {
|
||
|
backdrop-filter: blur(var(--glass-blur));
|
||
|
-webkit-backdrop-filter: blur(var(--glass-blur));
|
||
|
}
|
||
|
|
||
|
.glass-border,
|
||
|
.glass-button,
|
||
|
.glass-input {
|
||
|
border: var(--glass-border);
|
||
|
}
|
||
|
|
||
|
.glass-button {
|
||
|
border-radius: var(--button-border-radius);
|
||
|
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.button-small,
|
||
|
.glass-input {
|
||
|
border-radius: var(--button-border-radius-small);
|
||
|
}
|
||
|
|
||
|
.glass-button,
|
||
|
.glass-input {
|
||
|
padding: var(--side-margin);
|
||
|
}
|
||
|
|
||
|
.button-group {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
justify-content: space-around;
|
||
|
align-items: stretch;
|
||
|
}
|
||
|
|
||
|
.button-group > * {
|
||
|
flex: 1;
|
||
|
}
|
||
|
|
||
|
.button-group .glass-button {
|
||
|
border-radius: 0;
|
||
|
border-right: none;
|
||
|
}
|
||
|
|
||
|
.button-group .glass-button:first-child {
|
||
|
border-radius: var(--button-border-radius) 0 0 var(--button-border-radius);
|
||
|
}
|
||
|
|
||
|
.button-group .glass-button:last-child {
|
||
|
border-radius: 0 var(--button-border-radius) var(--button-border-radius) 0;
|
||
|
border-right: var(--glass-border);
|
||
|
}
|
||
|
|
||
|
.hidden {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
color: var(--text-color);
|
||
|
text-decoration: none;
|
||
|
}
|