mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-02 10:50:46 -05:00
cd9dc12059
[web] New quote style for plans page and CMS pages using `Element | Quote` GitOrigin-RevId: c4a089727f023d5d28a036c6babbdc773d7fc06a
146 lines
3.7 KiB
Text
146 lines
3.7 KiB
Text
:root {
|
|
// Neutral
|
|
--white: @white;
|
|
--neutral-10: @neutral-10;
|
|
--neutral-20: @neutral-20;
|
|
--neutral-30: @neutral-30;
|
|
--neutral-40: @neutral-40;
|
|
--neutral-50: @neutral-50;
|
|
--neutral-60: @neutral-60;
|
|
--neutral-70: @neutral-70;
|
|
--neutral-80: @neutral-80;
|
|
--neutral-90: @neutral-90;
|
|
|
|
// Green
|
|
--green-10: @green-10;
|
|
--green-20: @green-20;
|
|
--green-30: @green-30;
|
|
--green-40: @green-40;
|
|
--green-50: @green-50;
|
|
--green-60: @green-60;
|
|
--green-70: @green-70;
|
|
|
|
// Blue
|
|
--blue-10: @blue-10;
|
|
--blue-20: @blue-20;
|
|
--blue-30: @blue-30;
|
|
--blue-40: @blue-40;
|
|
--blue-50: @blue-50;
|
|
--blue-60: @blue-60;
|
|
--blue-70: @blue-70;
|
|
|
|
// Red
|
|
--red-10: @red-10;
|
|
--red-20: @red-20;
|
|
--red-30: @red-30;
|
|
--red-40: @red-40;
|
|
--red-50: @red-50;
|
|
--red-60: @red-60;
|
|
--red-70: @red-70;
|
|
|
|
// Yellow
|
|
--yellow-10: @yellow-10;
|
|
--yellow-20: @yellow-20;
|
|
--yellow-30: @yellow-30;
|
|
--yellow-40: @yellow-40;
|
|
--yellow-50: @yellow-50;
|
|
--yellow-60: @yellow-60;
|
|
--yellow-70: @yellow-70;
|
|
|
|
// legacy variables
|
|
--ol-blue: @ol-blue;
|
|
|
|
--ol-blue-gray-0: @ol-blue-gray-0;
|
|
--ol-blue-gray-1: @ol-blue-gray-1;
|
|
--ol-blue-gray-2: @ol-blue-gray-2;
|
|
--ol-blue-gray-3: @ol-blue-gray-3;
|
|
--ol-blue-gray-4: @ol-blue-gray-4;
|
|
--ol-blue-gray-5: @ol-blue-gray-5;
|
|
--ol-blue-gray-6: @ol-blue-gray-6;
|
|
|
|
// input
|
|
--input-color: @input-color;
|
|
--input-border: @input-border;
|
|
--input-border-radius: @input-border-radius;
|
|
--input-border-focus: @input-border-focus;
|
|
--input-border-danger: @state-danger-border;
|
|
--input-shadow-danger-color: fade(@state-danger-border, 50%);
|
|
|
|
// border
|
|
--btn-border-radius-base: @btn-border-radius-base;
|
|
--btn-default-bg: @btn-default-bg;
|
|
|
|
// text
|
|
--line-height-base: @line-height-base;
|
|
|
|
// toolbar
|
|
--toolbar-btn-color: @toolbar-btn-color;
|
|
--editor-toolbar-bg: @editor-toolbar-bg;
|
|
|
|
// gradient
|
|
--premium-gradient: @premium-gradient;
|
|
|
|
// website-redesign
|
|
--emerald-green: @emerald-green;
|
|
--emerald-green-dark: @emerald-green-dark;
|
|
--mint-green: @mint-green;
|
|
--ceil: @ceil;
|
|
--caramel: @caramel;
|
|
--dark-jungle-green: @dark-jungle-green;
|
|
--malachite: @malachite;
|
|
--sapphire-blue: @sapphire-blue;
|
|
--sapphire-blue-dark: @sapphire-blue-dark;
|
|
--vivid-tangerine: @vivid-tangerine;
|
|
|
|
// spacing
|
|
--spacing-00: @spacing-00;
|
|
--spacing-01: @spacing-01;
|
|
--spacing-02: @spacing-02;
|
|
--spacing-03: @spacing-03;
|
|
--spacing-04: @spacing-04;
|
|
--spacing-05: @spacing-05;
|
|
--spacing-06: @spacing-06;
|
|
--spacing-07: @spacing-07;
|
|
--spacing-08: @spacing-08;
|
|
--spacing-09: @spacing-09;
|
|
--spacing-10: @spacing-10;
|
|
--spacing-11: @spacing-11;
|
|
--spacing-12: @spacing-12;
|
|
--spacing-13: @spacing-13;
|
|
--spacing-14: @spacing-14;
|
|
--spacing-15: @spacing-15;
|
|
--spacing-16: @spacing-16;
|
|
|
|
// layout
|
|
--header-height: @header-height;
|
|
|
|
// font-size
|
|
--font-size-01: @font-size-01;
|
|
--font-size-02: @font-size-02;
|
|
--font-size-03: @font-size-03;
|
|
--font-size-04: @font-size-04;
|
|
--font-size-05: @font-size-05;
|
|
--font-size-06: @font-size-06;
|
|
--font-size-07: @font-size-07;
|
|
--font-size-08: @font-size-08;
|
|
--font-size-09: @font-size-09;
|
|
--font-size-10: @font-size-10;
|
|
--font-size-11: @font-size-11;
|
|
--font-size-12: @font-size-12;
|
|
--font-size-13: @font-size-13;
|
|
--font-size-body-base: @font-size-body-base;
|
|
|
|
// line-height
|
|
--line-height-01: @line-height-01;
|
|
--line-height-02: @line-height-02;
|
|
--line-height-03: @line-height-03;
|
|
--line-height-04: @line-height-04;
|
|
--line-height-05: @line-height-05;
|
|
--line-height-06: @line-height-06;
|
|
--line-height-07: @line-height-07;
|
|
--line-height-08: @line-height-08;
|
|
--line-height-09: @line-height-09;
|
|
--line-height-10: @line-height-10;
|
|
--line-height-11: @line-height-11;
|
|
--line-height-12: @line-height-12;
|
|
}
|