Files
overleaf-cep/services/web/frontend/stylesheets/components/panel-heading.scss
Rebeka Dekany 3f11776ecd Remove LESS stylesheets and dependencies (#27409)
* Remove components, core and modules LESS stylesheets

* Remove variables LESS stylesheets

* Remove app LESS stylesheets

* Remove github-sync, onboarding LESS stylesheets

* Remove main-light and IEEE LESS stylesheets

* Remove Less loader configuration

* Remove bootstrap-3 entrypoint

* Rename bootstrap-5 entrypoint to bootstrap

* Remove bootstrap-5 CSS folder and move stylesheets

* Update CSS variables

* Restore and update github-sync.scss path

* Fix try-premium.scss path and fix undefined mixin error

* Restore entrypoints

* Simplify buildCssPath to always use main-style.css

* Remove less from prettier formatting scripts

* Remove less from addHook extension

* Source format

* Remove nvd3 file reference from prettierignore (equivalent of nvd3.scss)

* Remove less and less-loader

* Add SCSS files to pirates require hook

GitOrigin-RevId: bd83c79f4d6ef7305d75993959a4dc5e7714ef9c
2025-08-06 08:05:38 +00:00

45 lines
943 B
SCSS

:root {
--panel-heading-color: var(--content-primary);
--panel-heading-button-hover-color: var(--bg-light-tertiary);
@include theme('default') {
.ide-redesign-main {
--panel-heading-color: var(--content-primary-dark);
--panel-heading-button-hover-color: var(--bg-dark-tertiary);
}
}
}
.panel-heading {
color: var(--panel-heading-color);
display: flex;
align-items: center;
padding: var(--spacing-03) var(--spacing-02);
gap: 2px;
}
.panel-heading-label {
font-size: var(--font-size-02);
font-weight: bold;
margin: 0;
flex: 1;
text-align: start;
display: flex;
align-items: center;
gap: var(--spacing-02);
}
.panel-heading-close-button {
display: flex;
align-items: center;
border: none;
background-color: transparent;
color: var(--panel-heading-color);
padding: var(--spacing-01);
&:hover,
&:focus {
background-color: var(--panel-heading-button-hover-color);
}
}