Merge pull request #12082 from overleaf/mf-jel-card-style-cms

Add new card style for CMS pages

GitOrigin-RevId: e664d185452e64702c23e2a09f3db6e950035cbe
This commit is contained in:
Jessica Lawshe
2023-03-22 10:06:16 -05:00
committed by Copybot
parent c1e6b2c990
commit 90a97e6d12
5 changed files with 15 additions and 7 deletions
@@ -1,7 +1,7 @@
.card {
background-color: white;
border-radius: @border-radius-base;
box-shadow: @card-box-shadow;
box-shadow: none;
padding: @line-height-computed;
.page-header {
margin: 0 0 1.5625rem;
@@ -30,6 +30,16 @@
> :last-child {
margin-bottom: 0;
}
&.card-drop-shadow {
box-shadow: @card-box-shadow;
background-color: white;
> hr {
margin-left: -@line-height-computed;
margin-right: -@line-height-computed;
}
}
}
.card-thin {
@@ -102,8 +102,6 @@
@navbar-subdued-hover-bg: @ol-blue-gray-1;
@navbar-subdued-hover-color: @ol-blue-gray-3;
@card-box-shadow: 0 0 0 1px @ol-blue-gray-1;
// v2 History
@history-toolbar-color: @ol-blue-gray-3;
@history-base-bg: @ol-blue-gray-0;
@@ -933,8 +933,9 @@
@btn-border-bottom-width: 0;
// Cards
@card-box-shadow: none;
@card-border-radius: @border-radius-base-new;
@card-box-shadow: 0px 4px 12px rgba(30, 37, 48, 0.12),
0px 2px 4px rgba(30, 37, 48, 0.08);
// Project table
@structured-list-link-color: @ol-blue;
@@ -721,8 +721,9 @@
@btn-secondary-hover-bg-color: @neutral-20;
// Cards
@card-box-shadow: none;
@card-border-radius: @border-radius-base-new;
@card-box-shadow: 0px 4px 12px rgba(30, 37, 48, 0.12),
0px 2px 4px rgba(30, 37, 48, 0.08);
// Project table
@structured-list-link-color: @blue;
@@ -90,8 +90,6 @@
@navbar-subdued-hover-bg: @neutral-20;
@navbar-subdued-hover-color: @neutral-70;
@card-box-shadow: 0 0 0 1px @neutral-20;
// v2 History
@history-toolbar-color: @neutral-70;
@history-base-bg: @neutral-10;