Merge pull request #10497 from overleaf/jel-cms-new-style

[web] Add new CMS page style

GitOrigin-RevId: 320e02dc2ccfd211396548d7b813bd4c675e6f84
This commit is contained in:
Jessica Lawshe 2022-11-17 09:29:59 -06:00 committed by Copybot
parent 33863b8d6c
commit dc9b901508
5 changed files with 38 additions and 4 deletions

View file

@ -8,12 +8,24 @@
/* /*
Links and Buttons Links and Buttons
*/ */
&:not(.page-style) {
a { a {
color: @link-color-alt; color: @link-color-alt;
&:hover { &:hover {
color: @link-hover-color-alt; color: @link-hover-color-alt;
} }
} }
// correct color property set on <a> above:
.reset-btns;
.alert {
.alert;
}
.alert-info {
.btn-info {
.btn-alert-info;
}
}
}
// correct color property set on <a> above: // correct color property set on <a> above:
.reset-btns; .reset-btns;

View file

@ -0,0 +1,19 @@
.page-style {
background-color: @white;
a {
text-decoration: underline;
}
.page-header {
border-bottom: none;
margin: 0;
padding: 0;
text-align: center;
}
.card {
background-color: @blue-10;
border-radius: 24px;
}
}

View file

@ -29,6 +29,7 @@
@ol-dark-red: #a6312b; @ol-dark-red: #a6312b;
@blue: #405ebf; @blue: #405ebf;
@blue-10: #f1f4f9;
@blueDark: #040d2d; @blueDark: #040d2d;
@green: #46a546; @green: #46a546;
@red: #a93529; @red: #a93529;

View file

@ -29,6 +29,7 @@
@import (less) 'vendor/codemirror-show-hint.css'; @import (less) 'vendor/codemirror-show-hint.css';
// Core CSS // Core CSS
@import 'core/page-style.less';
@import 'core/scaffolding.less'; @import 'core/scaffolding.less';
@import 'core/type.less'; @import 'core/type.less';
@import 'core/grid.less'; @import 'core/grid.less';

View file

@ -10,6 +10,7 @@
// Core variables and mixins // Core variables and mixins
@import 'core/variables.less'; @import 'core/variables.less';
@import 'core/css-variables.less'; @import 'core/css-variables.less';
@import 'core/page-style.less';
@import 'app/ol-style-guide.less'; @import 'app/ol-style-guide.less';
@import '_style_includes.less'; @import '_style_includes.less';
@import '_ol_style_includes.less'; @import '_ol_style_includes.less';