pnx/httpcb
Archived
1
0
Fork 0
Code Releases Activity

initial commit

Browse source
This commit is contained in:
Henrik Hautakoski 2017-09-01 17:10:27 +02:00
commit e869a1cab4
107 changed files with 9029 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

173
app/assets/less/variables.less Normal file
View file

@ -0,0 +1,173 @@
// ----------------------------------
// Paths
// ----------------------------------
@base-path: '..';
@image-path: '@{base-path}/img';
// ----------------------------------
// General colors.
// ----------------------------------
@blue: #0000ff;
@lightest-gray: #f9f9f9;
@light-grey: #dcdcdc;
@dark-grey: #444;
@darker-grey: #202020;
@black: #000;
@white: #fff;
// ----------------------------------
// Global colors.
// ----------------------------------
@brand-color: #03a9f4;
@brand-info: hsl(210, 70%, 50%);
@foreground-color: white;
//@body-bg: #f3f6fc;
@body-bg: #f5f5f6;
@border-color: @light-grey;
@text-color: #353535;
@text-secondary-color: #757575;
@text-light-color: #f1f1f1;
// Branding colors
@google-color: #db4437;
@github-color: #4183c4;
// ----------------------------------
// Font
// ----------------------------------
@font-size-base: 15px;
@font-size-navigation: 20px;
@text-size-large: 20px;
@font-size-small: 14px;
@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
//@font-family-sans-serif: 'Open Sans', sans-serif;
@font-family-serif: Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base: @font-family-sans-serif;
// ----------------------------------
// Layout
// ----------------------------------
@header-text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.45);
// navigation
@navbar-breakpoint-min: @screen-md-min;
@navbar-height: 60px;
@navbar-link-vertical-spacing: 8px;
@navbar-link-underline-height: 2px;
@navbar-link-spacing: 20px;
@navbar-background: fade(#1d7ed1, 50%);
@navbar-link-text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
@navbar-link-color: white;
@navbar-link-hover-color: lighten(@navbar-link-color, 10%);
@navbar-link-hover-underline: @navbar-link-color;
@navbar-link-active-color: @navbar-link-color;
@navbar-link-active-underline: @navbar-link-color;
@navbar-brand-color: @brand-color;
@navbar-brand-hover-color: darken(@brand-color, 15%);
// Footer
@footer-height: 80px;
@footer-border-color: @border-color;
@footer-text-color: @text-secondary-color;
@footer-link-color: @text-secondary-color;
@footer-link-hover-color: darken(@text-secondary-color, 10%);
// ----------------------------------
// Buttons
// ----------------------------------
@button-bg-color: #f1f1f1;
@button-hover-color: darken(@button-bg-color, 10%);
@button-border: darken(@button-bg-color, 10%);
@button-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12),
0 1px 5px 0 rgba(0, 0, 0, 0.1);
// Variations
@button-primary-color: white;
@button-primary-bg: #5fbc49;
@button-brand-color: white;
@button-brand-bg: @brand-color;
// Company.
@button-google-color: white;
@button-google-bg: @google-color;
@button-google-border: darken(@button-google-bg, 5%);
@button-github-color: white;
@button-github-bg: @github-color;
@button-github-border: darken(@button-github-bg, 5%);
// ----------------------------------
// Shadows
// ----------------------------------
@block-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
@block-shadow-raised: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12);
@block-shadow-third: 0 3px 3px 0 rgba(0, 0, 0, 0.16);
// ----------------------------------
// Blankslate
// ----------------------------------
@blankslate-bg: @well-bg;
@blankslate-color: @text-secondary-color;
@blankslate-border: @well-border;
@blankslate-spacing: 25px 10px;
@blankslate-spacing-sm: 15px 5px;
// ----------------------------------
// Pagination
// ----------------------------------
@pagination-color: @text-color;
@pagination-border: @border-color;
@pagination-hover-color: lighten(@text-color, 25%);
@pagination-active-bg: @brand-color;
@pagination-active-border: darken(@brand-color, 5%);
// ----------------------------------
// Section
// ----------------------------------
@section-bg: white;
@section-border: rgb(200, 200, 200);
@section-padding: 20px;
// ----------------------------------
// Callback list
// ----------------------------------
@callback-list-border-size: 1px;
@callback-list-border-color: @light-grey;
@callback-list-border-radius: 3px;
@callback-list-name-text-size: @font-size-h4;
@callback-list-name-color: @text-color;
@callback-list-name-hover-color: @link-color;
@callback-list-info-color: @text-secondary-color;
// ----------------------------------
// Request list
// ----------------------------------
@request-item-color: @dark-grey;
@request-item-background: transparent;
@request-item-border-color: @light-grey;
@request-item-active-color: @dark-grey;
@request-item-active-background: @lightest-gray;
@request-item-active-border-color: darken(@request-item-active-background, 10%);
@request-item-hover-background: @request-item-active-background;
@request-detail-background: lighten(@brand-color, 45%);