mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
Reorganize common vars file.
This commit is contained in:
Paulo Reis
parent
cf89c22ca5
commit
db6ca5d1c3
1 changed files with 89 additions and 78 deletions
|
|
@ -791,84 +791,6 @@
|
||||||
@content-margin-top: @line-height-computed;
|
@content-margin-top: @line-height-computed;
|
||||||
@content-margin-top: @line-height-computed;
|
@content-margin-top: @line-height-computed;
|
||||||
|
|
||||||
// Custom
|
|
||||||
@is-overleaf: false;
|
|
||||||
@header-height: 68px;
|
|
||||||
@footer-height: 50px;
|
|
||||||
@text-small-color: @gray;
|
|
||||||
|
|
||||||
@content-alt-bg-color: lighten(@gray-lightest, 2.5%);
|
|
||||||
|
|
||||||
@navbar-default-padding: 1rem 2rem;
|
|
||||||
@navbar-brand-width: 180px;
|
|
||||||
@navbar-btn-font-size: @font-size-base * 0.8;
|
|
||||||
@navbar-btn-border-radius: @border-radius-base;
|
|
||||||
@navbar-btn-font-weight: 700;
|
|
||||||
@navbar-btn-padding: 10px 10px 11px;
|
|
||||||
@navbar-btn-line-height: 1;
|
|
||||||
|
|
||||||
@navbar-subdued-padding: 12px 12px 13px;
|
|
||||||
@navbar-subdued-color: @gray;
|
|
||||||
@navbar-subdued-hover-bg: @gray-lightest;
|
|
||||||
@navbar-subdued-hover-color: @gray-dark;
|
|
||||||
|
|
||||||
@btn-border-radius-large: @border-radius-large;
|
|
||||||
@btn-border-radius-base: @border-radius-base;
|
|
||||||
@btn-border-radius-small: @border-radius-small;
|
|
||||||
|
|
||||||
@card-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
|
|
||||||
|
|
||||||
@structured-list-link-color: darken(@blue, 10%);
|
|
||||||
@structured-header-border-color: @gray-lightest;
|
|
||||||
@structured-list-border-color: @gray-lightest;
|
|
||||||
@structured-list-hover-color: @gray-lightest;
|
|
||||||
@structured-list-line-height: @line-height-base;
|
|
||||||
|
|
||||||
@sidebar-bg: transparent;
|
|
||||||
@sidebar-color: @gray;
|
|
||||||
@sidebar-link-color: #333;
|
|
||||||
@sidebar-active-border-radius: @border-radius-small;
|
|
||||||
@sidebar-active-bg: @link-color;
|
|
||||||
@sidebar-hover-bg: transparent;
|
|
||||||
@sidebar-hover-text-decoration: underline;
|
|
||||||
|
|
||||||
@folders-menu-margin: 0;
|
|
||||||
@folders-menu-line-height: 1.2;
|
|
||||||
@folders-menu-item-v-padding: (@line-height-computed / 4);
|
|
||||||
@folders-menu-item-h-padding: (@line-height-computed / 4);
|
|
||||||
@folders-title-padding: 0;
|
|
||||||
@folders-title-margin-top: (@line-height-computed / 2);
|
|
||||||
@folders-title-margin-bottom: (@line-height-computed / 4);
|
|
||||||
@folders-title-font-size: @font-size-base;
|
|
||||||
@folders-title-font-weight: 500;
|
|
||||||
@folders-title-line-height: @headings-line-height;
|
|
||||||
@folders-title-color: inherit;
|
|
||||||
@folders-title-text-transform: none;
|
|
||||||
@folders-tag-padding: 2px 20px 2px @folders-menu-item-h-padding;
|
|
||||||
@folders-tag-line-height: 1.8;
|
|
||||||
@folders-tag-display: block;
|
|
||||||
@folders-tag-menu-color: @gray;
|
|
||||||
@folders-tag-hover: darken(@gray-lightest, 2%);
|
|
||||||
@folders-tag-border-color: @text-color;
|
|
||||||
@folders-tag-menu-active-hover: darken(@brand-primary, 10%);
|
|
||||||
@folders-tag-menu-hover: @gray-light;
|
|
||||||
@folders-untagged-line-height: 1.7;
|
|
||||||
|
|
||||||
@progress-border-radius: @border-radius-base;
|
|
||||||
@progress-border-width: 1px;
|
|
||||||
@progress-bar-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
|
|
||||||
|
|
||||||
@footer-link-color: @link-color;
|
|
||||||
@footer-link-hover-color: @link-hover-color;
|
|
||||||
@footer-bg-color: transparent;
|
|
||||||
@footer-padding: 2em;
|
|
||||||
|
|
||||||
@btn-border-width: 1px;
|
|
||||||
@btn-border-bottom-width: 2px;
|
|
||||||
|
|
||||||
@tag-border-radius: 0.25em;
|
|
||||||
@tag-bg-color: @label-default-bg;
|
|
||||||
@tag-bg-hover-color: darken(@label-default-bg, 10%);
|
|
||||||
|
|
||||||
@left-menu-width: 260px;
|
@left-menu-width: 260px;
|
||||||
@left-menu-animation-duration: 0.35s;
|
@left-menu-animation-duration: 0.35s;
|
||||||
|
|
@ -879,3 +801,92 @@
|
||||||
@editor-dark-background-color: #333;
|
@editor-dark-background-color: #333;
|
||||||
@editor-dark-toolbar-border-color: #222;
|
@editor-dark-toolbar-border-color: #222;
|
||||||
@editor-dark-highlight-color: #FFA03A;
|
@editor-dark-highlight-color: #FFA03A;
|
||||||
|
|
||||||
|
|
||||||
|
// Custom
|
||||||
|
@is-overleaf : false;
|
||||||
|
@header-height : 68px;
|
||||||
|
@footer-height : 50px;
|
||||||
|
|
||||||
|
// Backgrounds
|
||||||
|
@content-alt-bg-color: lighten(@gray-lightest, 2.5%);
|
||||||
|
|
||||||
|
// Typography
|
||||||
|
@text-small-color: @gray;
|
||||||
|
|
||||||
|
// Navbar
|
||||||
|
@navbar-default-padding : 1rem 2rem;
|
||||||
|
@navbar-brand-width : 180px;
|
||||||
|
@navbar-btn-font-size : @font-size-base * 0.8;
|
||||||
|
@navbar-btn-border-radius : @border-radius-base;
|
||||||
|
@navbar-btn-font-weight : 700;
|
||||||
|
@navbar-btn-padding : 10px 10px 11px;
|
||||||
|
@navbar-btn-line-height : 1;
|
||||||
|
@navbar-subdued-padding : 12px 12px 13px;
|
||||||
|
@navbar-subdued-color : @gray;
|
||||||
|
@navbar-subdued-hover-bg : @gray-lightest;
|
||||||
|
@navbar-subdued-hover-color : @gray-dark;
|
||||||
|
|
||||||
|
// Button colors and sizing
|
||||||
|
@btn-border-radius-large : @border-radius-large;
|
||||||
|
@btn-border-radius-base : @border-radius-base;
|
||||||
|
@btn-border-radius-small : @border-radius-small;
|
||||||
|
@btn-border-width : 1px;
|
||||||
|
@btn-border-bottom-width : 2px;
|
||||||
|
|
||||||
|
// Cards
|
||||||
|
@card-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
|
||||||
|
|
||||||
|
// Project table
|
||||||
|
@structured-list-link-color : darken(@blue, 10%);
|
||||||
|
@structured-header-border-color : @gray-lightest;
|
||||||
|
@structured-list-border-color : @gray-lightest;
|
||||||
|
@structured-list-hover-color : @gray-lightest;
|
||||||
|
@structured-list-line-height : @line-height-base;
|
||||||
|
|
||||||
|
// Sidebar
|
||||||
|
@sidebar-bg : transparent;
|
||||||
|
@sidebar-color : @gray;
|
||||||
|
@sidebar-link-color : #333;
|
||||||
|
@sidebar-active-border-radius : @border-radius-small;
|
||||||
|
@sidebar-active-bg : @link-color;
|
||||||
|
@sidebar-hover-bg : transparent;
|
||||||
|
@sidebar-hover-text-decoration : underline;
|
||||||
|
|
||||||
|
@folders-menu-margin : 0;
|
||||||
|
@folders-menu-line-height : 1.2;
|
||||||
|
@folders-menu-item-v-padding : (@line-height-computed / 4);
|
||||||
|
@folders-menu-item-h-padding : (@line-height-computed / 4);
|
||||||
|
@folders-title-padding : 0;
|
||||||
|
@folders-title-margin-top : (@line-height-computed / 2);
|
||||||
|
@folders-title-margin-bottom : (@line-height-computed / 4);
|
||||||
|
@folders-title-font-size : @font-size-base;
|
||||||
|
@folders-title-font-weight : 500;
|
||||||
|
@folders-title-line-height : @headings-line-height;
|
||||||
|
@folders-title-color : inherit;
|
||||||
|
@folders-title-text-transform : none;
|
||||||
|
@folders-tag-padding : 2px 20px 2px @folders-menu-item-h-padding;
|
||||||
|
@folders-tag-line-height : 1.8;
|
||||||
|
@folders-tag-display : block;
|
||||||
|
@folders-tag-menu-color : @gray;
|
||||||
|
@folders-tag-hover : darken(@gray-lightest, 2%);
|
||||||
|
@folders-tag-border-color : @text-color;
|
||||||
|
@folders-tag-menu-active-hover : darken(@brand-primary, 10%);
|
||||||
|
@folders-tag-menu-hover : @gray-light;
|
||||||
|
@folders-untagged-line-height : 1.7;
|
||||||
|
|
||||||
|
// Progress bars
|
||||||
|
@progress-border-radius : @border-radius-base;
|
||||||
|
@progress-border-width : 1px;
|
||||||
|
@progress-bar-shadow : inset 0 -1px 0 rgba(0,0,0,.15);
|
||||||
|
|
||||||
|
// Footer
|
||||||
|
@footer-link-color : @link-color;
|
||||||
|
@footer-link-hover-color : @link-hover-color;
|
||||||
|
@footer-bg-color : transparent;
|
||||||
|
@footer-padding : 2em;
|
||||||
|
|
||||||
|
// Tags
|
||||||
|
@tag-border-radius : 0.25em;
|
||||||
|
@tag-bg-color : @label-default-bg;
|
||||||
|
@tag-bg-hover-color : darken(@label-default-bg, 10%);
|
||||||
Loading…
Reference in a new issue