github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Reorganize common vars file.

Browse source
This commit is contained in:
Paulo Reis 2017-10-17 15:42:37 +01:00
parent cf89c22ca5
commit db6ca5d1c3
1 changed files with 89 additions and 78 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

167
services/web/public/stylesheets/core/_common-variables.less
View file

@ -791,84 +791,6 @@
@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-animation-duration: 0.35s;
@ -879,3 +801,92 @@
@editor-dark-background-color: #333;
@editor-dark-toolbar-border-color: #222;
@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%);