Files
overleaf-cep/services/web/frontend/stylesheets/pages/templates.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

102 lines
1.9 KiB
SCSS

@use 'sass:color';
.template-page {
--link-color: var(--green-60);
--link-hover-color: var(--green-70);
--link-visited-color: var(--green-60);
--link-text-decoration: none;
--link-hover-text-decoration: underline;
}
.template-page-header {
padding-top: var(--spacing-12);
h1,
h2 {
margin-top: var(--spacing-03);
margin-right: var(--spacing-03);
line-height: 1;
}
}
.template-thumbnail {
--link-color: var(--link-ui);
--link-hover-color: var(--link-ui-hover);
--link-visited-color: var(--link-ui-visited);
.thumbnail {
display: block;
padding: var(--spacing-02);
margin-bottom: var(--spacing-08);
line-height: $line-height-base;
background-color: var(--bg-light-primary);
border: 1px solid #ddd;
border-radius: var(--border-radius-base);
transition: all 0.2s ease-in-out;
box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
img {
width: 100%;
}
}
> img,
a > img {
margin-left: auto;
margin-right: auto;
}
a {
padding: 0;
h3 {
color: var(--link-color);
margin: 10px 0 10px 20px;
}
text-decoration: none;
// Add a hover state for linked versions only
&:hover,
&:focus,
.active {
border-color: var(--link-color);
text-decoration: underline;
}
}
.caption {
padding: var(--spacing-04); // was 9px
color: var(--neutral-70);
background: color.adjust($neutral-10, $lightness: 3%);
border-top: 1px solid #ddd;
}
}
.template-section-header {
@extend .page-header;
margin-top: 0;
}
/* stylelint-disable selector-class-pattern */
.download-buttons,
.social_buttons {
padding-top: var(--spacing-07);
}
/* stylelint-enable selector-class-pattern */
.template-details-section {
padding-bottom: var(--spacing-07);
.btn {
margin-left: var(--spacing-03);
}
}
.template-large-pdf-preview {
img {
max-width: 100%;
}
}