Files
UnitCommitment.jl/web/frontend/src/components/Common/Buttons/SiteHeaderButton.module.css
2025-11-14 15:40:33 -06:00

70 lines
1.4 KiB
CSS

/*
* UnitCommitment.jl: Optimization Package for Security-Constrained Unit Commitment
* Copyright (C) 2020-2025, UChicago Argonne, LLC. All rights reserved.
* Released under the modified BSD license. See COPYING.md for more details.
*/
.SiteHeaderButton {
padding: 6px 16px;
margin: 0 0 0 0;
line-height: 24px;
border: var(--box-border);
box-shadow: var(--box-shadow);
border-radius: 0;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
}
.SiteHeaderButton:not(:last-child) {
border-right: none;
}
.SiteHeaderButton:first-child {
border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.SiteHeaderButton:last-child {
border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.SiteHeaderButton:only-child {
border-radius: var(--border-radius);
border-right: var(--box-border);
}
.light {
color: var(--contrast-80);
background-color: var(--contrast-0)
}
.light:hover {
background: rgb(245, 245, 245);
}
.light:active {
background: rgba(220, 220, 220);
}
.primary {
color: white;
border-color: color-mix(in hsl, #000, var(--primary) 90%);
background-color: var(--primary);
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.primary:hover {
background: color-mix(in hsl, #000, var(--primary) 95%);
}
.primary:active {
background: color-mix(in hsl, #000, var(--primary) 90%);
}
.disabled {
color: var(--contrast-20);
cursor: not-allowed;
pointer-events: none;
}