//== Colors // //## Gray and brand colors for use across Bootstrap. @gray-base: #000; @gray-darker: lighten(@gray-base, 13.5%); // #222 @gray-dark: lighten(@gray-base, 20%); // #333 @gray: lighten(@gray-base, 33.5%); // #555 @gray-light: lighten(@gray-base, 46.7%); // #777 @gray-littlelight: lighten(@gray-base, 64.7%); // #999 @gray-lighter: lighten(@gray-base, 93.5%); // #eee @white-base: #fff; @brand-primary: @color-primary-500; @brand-success: @color-success-500; @brand-info: @color-info-500; @brand-warning: @color-warning-500; @brand-danger: @color-danger-500; @brand-parent: #87d878; @brand-headmaster: #fb5490; @brand-teacher: #78a6fc; //== Scaffolding // //## Settings for some of the most global styles. //** Background color for ``. @body-bg: #fff; //** Global text color on ``. @text-color: @gray-dark; //** Global textual link color. @link-color: @brand-primary; //** Link hover color set via `darken()` function. @link-hover-color: darken(@link-color, 15%); //** Link hover decoration. @link-hover-decoration: underline; //== Typography // //## Font, line-height, and color for body text, headings, and more. @font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; @font-family-serif: Georgia, "Times New Roman", Times, serif; //** Default monospace fonts for `

`, ``, and ``.
@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;

@font-size-base:          14px;/*px*/
@font-size-large:         ceil((@font-size-base * 1.25));/*px*/ // ~18px
@font-size-small:         ceil((@font-size-base * 0.85));/*px*/ // ~12px
@font-size-smaller:         ceil((@font-size-base * 0.7));/*px*/ // ~10px

@font-size-h1:            floor((@font-size-base * 2.6));/*px*/ // ~36px
@font-size-h2:            floor((@font-size-base * 2.15));/*px*/ // ~30px
@font-size-h3:            ceil((@font-size-base * 1.7));/*px*/ // ~24px
@font-size-h4:            ceil((@font-size-base * 1.25));/*px*/ // ~18px
@font-size-h5:            @font-size-base;/*px*/
@font-size-h6:            ceil((@font-size-base * 0.85));/*px*/ // ~12px

//** Unit-less `line-height` for use in components like buttons.
@line-height-base:        1.428571429; // 20/14
//** Mini line height, for the smallest size
@line-height-mini: 							1.82;
//** Font size used in icons. Icomoon icon set is based on 16px grid
@icon-font-size: 							16px;/*px*/


//== Components`
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

@padding-base-vertical:     7px;
@padding-base-horizontal:   12px;

@padding-large-vertical:    10px;
@padding-large-horizontal:  16px;

@padding-small-vertical:    5px;
@padding-small-horizontal:  10px;

@padding-xs-vertical:       1px;
@padding-xs-horizontal:     5px;

@line-height-large:         1.3333333; // extra decimals for Win 8.1 Chrome
@line-height-small:         1.5;

@border-radius-base:        4px;
@border-radius-large:       6px;
@border-radius-small:       2px;

//** Global color for active items (e.g., navs or dropdowns).
@component-active-color:    #fff;
//** Global background color for active items (e.g., navs or dropdowns).
@component-active-bg:       @brand-primary;

//** Width of the `border` for generating carets that indicator dropdowns.
@caret-width-base:          4px;
//** Carets increase slightly in size for larger components.
@caret-width-large:         5px;

//== Forms
//
//** Disabled cursor for form controls and buttons.
@cursor-disabled:                not-allowed;


//== Content
//---------------
@padding-xlarge-vertical:    				10px;

//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

@btn-font-weight:                normal;

@btn-default-color:              #333;
@btn-default-bg:                 #fff;
@btn-default-border:             #ccc;

@btn-primary-color:              #fff;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             darken(@btn-primary-bg, 5%);

@btn-success-color:              #fff;
@btn-success-bg:                 @brand-success;
@btn-success-border:             darken(@btn-success-bg, 5%);

@btn-info-color:                 #fff;
@btn-info-bg:                    @brand-info;
@btn-info-border:                darken(@btn-info-bg, 5%);

@btn-warning-color:              #fff;
@btn-warning-bg:                 @brand-warning;
@btn-warning-border:             darken(@btn-warning-bg, 5%);

@btn-danger-color:               #fff;
@btn-danger-bg:                  @brand-danger;
@btn-danger-border:              darken(@btn-danger-bg, 5%);

// 家长端按钮颜色
@btn-parent-color:               #fff;
@btn-parent-bg:                  @brand-parent;
@btn-parent-border:              darken(@btn-parent-bg, 5%);

// 校长端按钮颜色
@btn-headmaster-color:           #fff;
@btn-headmaster-bg:              @brand-headmaster;
@btn-headmaster-border:          darken(@btn-headmaster-bg, 5%);

// 资深老师端按钮颜色
@btn-teacher-color:               #fff;
@btn-teacher-bg:                  @brand-teacher;
@btn-teacher-border:              darken(@btn-teacher-bg, 5%);



@btn-link-disabled-color:        @gray-light;

// Allows for customizing button radius independently from global border radius
@btn-border-radius-base:         @border-radius-base;
@btn-border-radius-large:        @border-radius-large;
@btn-border-radius-small:        @border-radius-small;


// chat components
@chat-editor-bg: #fff;
@chat-bg: #fff;
@chat-whole-bg: #f0f0f0;

// popup components
@popup-bg: #fff;

//dateTime components
@datetime-header-item-font-color: #04BE02;
@datetime-header-item-cancel-font-color: #828282;
@datetime-header-item-confirm-font-color: @datetime-header-item-font-color;