Show More
variables.less
156 lines
| 4.7 KiB
| text/x-less
|
LessCssLexer
r1 | // variables for use in all RhodeCode products | |||
// FONTS | ||||
//Primary Colors (brand) | ||||
@rcblue: #427cc9; //RhodeCode blue | ||||
@rcdarkblue: #305b91; //RhodeCode dark blue | ||||
@rclightblue: lighten(@rcblue, 30%); | ||||
@rchighlightblue: lighten(@rcblue, 35%); | ||||
// Secondary Colors (greyscale) | ||||
Liviu
|
r3560 | @black: #000; | ||
@white: #fff; | ||||
@grey1: #2B2B2D; //midnight | ||||
@grey2: #5C5C5C; //charcoal | ||||
@grey3: #7E7F7F; //tungsten | ||||
@grey4: #949494; //light grey | ||||
r1 | @grey5: #dbd9da; //greyish | |||
@grey6: #eeeeee; //silver | ||||
Liviu
|
r3560 | @grey7: #F5F5F5; //light silver | ||
r1 | ||||
// special for navigation | ||||
@nav-grey: #CDCCCD; | ||||
@grey5-alpha: rgba(219, 217, 218, 0.3); | ||||
// Tertiary Colors | ||||
@color1: #879938; //olive green | ||||
@color2: #fcc93a; //bright yellow | ||||
@color3: #ff9e07; //orange-yellow | ||||
@color4: #fc663a; //bright orange | ||||
@color5: #d63d44; //signal red | ||||
@color6: #99287c; //violet | ||||
@color7: #682668; //dark purple | ||||
@color8: #194f8e; //dark blue | ||||
// Alert Colors (bright) | ||||
@alert1: #0ac878; //bright green | ||||
@alert2: #e85e4d; //soft red | ||||
@alert3: #ffc854; //corn yellow | ||||
@alert4: #84a5d2; //light blue | ||||
// Alert Inner Colors | ||||
@alert1-inner: #daf7eb; //bright green | ||||
@alert2-inner: #fbdfdb; //soft red | ||||
@alert3-inner: #fff4dd; //corn yellow | ||||
@alert4-inner: #e6edf6; //light blue | ||||
// Highlight color for lines and colors | ||||
@comment-highlight-color: #ffd887; | ||||
r4543 | @color-draft: darken(@alert3, 30%); | |||
@color-new: darken(@alert1, 5%); | ||||
r1 | ||||
// FONTS | ||||
@basefontsize: 13px; | ||||
@navigation-fontsize: 14px; | ||||
@journal-fontsize: @basefontsize+7px; | ||||
@text-color: @grey2; | ||||
@repo-title-fontsize: 18px; | ||||
r3164 | @text-regular: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |||
r3165 | @text-monospace: 'Menlo', 'Liberation Mono', 'Consolas', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace; | |||
r3164 | @text-italic: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |||
r3186 | ||||
r3164 | @text-bold: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |||
r3186 | @text-bold-weight: 600; | |||
r3164 | @text-semibold: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |||
r3186 | @text-semibold-weight: 500; | |||
r3164 | @text-bold-italic: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |||
r3186 | @text-bold-italic-weight: 600; | |||
r3165 | ||||
r3186 | @text-code: @text-monospace; | |||
r1 | @text-light: @text-regular; | |||
r3186 | ||||
r1 | // Used for .close buttons | |||
r3164 | @text-bootstrap: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |||
r1 | ||||
@panel-title: @basefontsize; | ||||
@panel-footer: @basefontsize; | ||||
// BORDERS | ||||
@border-thickness: 1px; | ||||
@border-thickness-buttons: 1px; | ||||
@border-thickness-tags: 1px; | ||||
@border-radius: 2px; | ||||
@border-default-color: @grey5; | ||||
@border-highlight-color: @grey4; | ||||
// SPACING | ||||
@contentpadding: 15px; //padding on left and right of pages | ||||
@pagepadding: 40px; //padding on top and bottom of pages | ||||
@menupadding: 12px; //padding for sidebar and content | ||||
@sidebarpadding: 15px; //spacing between sections | ||||
@space: 40px; //spacing between sections | ||||
@padding: 15px; //padding inside modules | ||||
@textmargin: 20px; //spacing below headers | ||||
@header-padding: 20px; | ||||
@panel-padding: @padding; | ||||
@gravatar-size: 16px; // height/width of gravatar w/o border | ||||
// ADMIN | ||||
@form-max-width: 750px; | ||||
// FORMS (new) | ||||
@border-thickness-inputs: 1px; | ||||
Liviu
|
r3595 | @input-padding: .6em; //needs to match button padding | ||
r1 | // TODO: johbo: Needed for working computation of paddings around labels etc. | |||
// Expected to be replaced once we are done with the form refactoring. | ||||
@input-padding-px: 12px; | ||||
@legend-width: 220px; | ||||
@form-vertical-margin: 20px; | ||||
@form-check-width: 20px; | ||||
@form-radio-width: 10px; | ||||
@form-textcolor: @grey3; | ||||
// FORMS | ||||
@label-width: 220px; | ||||
//TODO: lisa: Eventually we don't need both of these; remove | ||||
// label-width when legend-width is no longer used | ||||
@input-border-thickness: @border-thickness; | ||||
@medium-inline-input-width: 115px; | ||||
@input-description-minwidth: 300px; | ||||
@label2-width: 200px; | ||||
@checkboxes-width: 420px; | ||||
@label-summary-minwidth: 80px; | ||||
@search-form-width: 400px; | ||||
@fields-input-m: 400px; | ||||
r3252 | @fields-input-l: 720px; | |||
r1 | ||||
// BUTTONS | ||||
Liviu
|
r3570 | @button-padding: .7em; | ||
Liviu
|
r3576 | @button-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07); | ||
Liviu
|
r3570 | |||
Liviu
|
r3618 | // DROPDOWNS | ||
@dropdown-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07); | ||||
r1 | ||||
// DEFAULT WIDTHS | ||||
Liviu
|
r3560 | @wrapper-maxwidth: 1600px; | ||
r1 | @sidebar-width: 145px; | |||
@sidebar-all-width: @sidebar-width + 2 * @sidebarpadding; | ||||
@sidebar-small-width: 100px; | ||||
@sidebar-small-all-width: @sidebar-small-width + 2 * @sidebarpadding; | ||||
@texteditor-width: 660px; | ||||
@maincontent-maxwidth: 940px; | ||||
@pullrequest-width: 1025px; | ||||
@summary-menu-stats-width: 200px; | ||||
// SCREEN WIDTHS | ||||
@screen-sm-min: 320px; | ||||
// For Bootstrap | ||||
@panel-border-radius: @border-radius; | ||||