File: web/bundles/extjs/resources/theme-bootstrap/theme/stylesheets/bootstrap/default/bootstrap/buttons/_info.scss

Recommend this page to a friend!
web/bundles/extjs/resources/theme-bootstrap/theme/stylesheets/bootstrap/default/bootstrap/buttons/_info.scss
File:	`web/bundles/extjs/resources/theme-bootstrap/theme/stylesheets/bootstrap/default/bootstrap/buttons/_info.scss`
Role:	Auxiliary data
Content type:	`text/plain`
Description:	Auxiliary data
Class:	Raptor 2 Framework that takes routes from annotations
Author:	By william amed
Last change:
Date:	8 years ago
Size:	`15,952 bytes`
Download
//base colors for the info button
$button-info-base-color: $btnInfoBackgroundHighlight !default; //F7F7F7
$button-info-base-color-over: $btnInfoBackgroundHighlight !default; //E4F3FF
$button-info-base-color-focus: $button-info-base-color-over !default;
$button-info-base-color-pressed: $btnInfoBackgroundHighlight !default; //B6CBE4
$button-info-base-color-disabled: $btnInfoBackgroundHighlight !default; //F7F7F7

$button-info-border-color: #c5c5c5 !default;
$button-info-border-color-over: #c5c5c5 !default;
$button-info-border-color-focus: #c5c5c5 !default;
$button-info-border-color-pressed: #c5c5c5 !default;
$button-info-border-color-disabled: #c5c5c5 !default;

$button-info-background-color: $button-info-base-color !default;
$button-info-background-color-over: $button-info-base-color-over !default;
$button-info-background-color-focus: $button-info-base-color-focus !default;
$button-info-background-color-pressed: $button-info-base-color-pressed !default;
$button-info-background-color-disabled: $button-info-base-color-disabled !default;

$button-info-background-gradient: 'button-info' !default;
$button-info-background-gradient-over: $button-info-background-gradient !default;
$button-info-background-gradient-focus: $button-info-background-gradient !default;
$button-info-background-gradient-pressed: null !default;
$button-info-background-gradient-disabled: $button-info-background-gradient !default;

$button-info-color: $white !default;
$button-info-color-over: $button-info-color !default;
$button-info-color-focus: $button-info-color-over !default;
$button-info-color-pressed: $button-info-color !default;
$button-info-color-disabled: lighten($button-info-color, 35) !default;

$button-info-shadow: 0 -1px 0 rgba(0,0,0,.25) !default;
$button-info-shadow-over: $button-info-shadow !default;
$button-info-shadow-focus: $button-info-shadow !default;
$button-info-shadow-pressed: $button-info-shadow !default;
$button-info-shadow-disabled: $button-info-shadow !default;

// info-toolbar buttons
$button-info-toolbar-arrow-size: 12px !default;
$button-info-toolbar-split-size: 12px !default;

$button-info-toolbar-base-color: adjust-color($base-color, $hue: -213.333deg, $saturation: -55.556%, $lightness: 3.333%) !default;

$button-info-toolbar-border-color: transparent !default;
$button-info-toolbar-border-color-over: adjust-color($base-color, $hue: 0.084deg, $saturation: -9.891%, $lightness: -18.039%) !default;
$button-info-toolbar-border-color-focus: $button-info-toolbar-border-color-over !default;
$button-info-toolbar-border-color-pressed: adjust-color($base-color, $hue: 0.721deg, $saturation: -17.014%, $lightness: -21.765%) !default;
$button-info-toolbar-border-color-disabled: transparent !default;

$button-info-toolbar-background-color: $button-info-base-color !default;
$button-info-toolbar-background-color-over: $button-info-base-color-over !default;
$button-info-toolbar-background-color-focus: $button-info-base-color-focus !default;
$button-info-toolbar-background-color-pressed: $button-info-base-color-pressed !default;
$button-info-toolbar-background-color-disabled: $button-info-base-color-disabled !default;

$button-info-toolbar-background-gradient: null !default;
$button-info-toolbar-background-gradient-over: 'bootstrap-button-over' !default;
$button-info-toolbar-background-gradient-focus: $button-info-toolbar-background-gradient-over !default;
$button-info-toolbar-background-gradient-pressed: null !default;
$button-info-toolbar-background-gradient-disabled: null !default;

$button-info-toolbar-color: #333 !default;
$button-info-toolbar-color-over: $button-info-toolbar-color !default;
$button-info-toolbar-color-focus: $button-info-toolbar-color-over !default;
$button-info-toolbar-color-pressed: $button-info-toolbar-color !default;
$button-info-toolbar-color-disabled: lighten($button-info-toolbar-color, 35) !default;

$button-info-toolbar-shadow: 0 -1px 0 rgba(0,0,0,.25) !default;
$button-info-toolbar-shadow-over: $button-info-toolbar-shadow !default;
$button-info-toolbar-shadow-focus: $button-info-toolbar-shadow !default;
$button-info-toolbar-shadow-pressed: $button-info-toolbar-shadow !default;
$button-info-toolbar-shadow-disabled: $button-info-toolbar-shadow !default;

@include extjs-button-ui(
/* UI + Scale */
        'info-small',

        $button-small-border-radius,
        $button-small-border-width,

        $button-info-border-color,
        $button-info-border-color-over,
        $button-info-border-color-focus,
        $button-info-border-color-pressed,
        $button-info-border-color-disabled,

        $button-small-padding,
        $button-small-text-padding,

        $button-info-background-color,
        $button-info-background-color-over,
        $button-info-background-color-focus,
        $button-info-background-color-pressed,
        $button-info-background-color-disabled,

        $button-info-background-gradient,
        $button-info-background-gradient-over,
        $button-info-background-gradient-focus,
        $button-info-background-gradient-pressed,
        $button-info-background-gradient-disabled,

        $button-info-color,
        $button-info-color-over,
        $button-info-color-focus,
        $button-info-color-pressed,
        $button-info-color-disabled,

        $button-info-shadow,
        $button-info-shadow-over,
        $button-info-shadow-focus,
        $button-info-shadow-pressed,
        $button-info-shadow-disabled,

        $button-small-font-size,
        $button-small-font-size-over,
        $button-small-font-size-focus,
        $button-small-font-size-pressed,
        $button-small-font-size-disabled,

        $button-small-font-weight,
        $button-small-font-weight-over,
        $button-small-font-weight-focus,
        $button-small-font-weight-pressed,
        $button-small-font-weight-disabled,

        $button-small-font-family,
        $button-small-font-family-over,
        $button-small-font-family-focus,
        $button-small-font-family-pressed,
        $button-small-font-family-disabled,

        $button-small-icon-size
);

@include extjs-button-ui(
        'info-medium',

        $button-medium-border-radius,
        $button-medium-border-width,

        $button-info-border-color,
        $button-info-border-color-over,
        $button-info-border-color-focus,
        $button-info-border-color-pressed,
        $button-info-border-color-disabled,

        $button-medium-padding,
        $button-medium-text-padding,

        $button-info-background-color,
        $button-info-background-color-over,
        $button-info-background-color-focus,
        $button-info-background-color-pressed,
        $button-info-background-color-disabled,

        $button-info-background-gradient,
        $button-info-background-gradient-over,
        $button-info-background-gradient-focus,
        $button-info-background-gradient-pressed,
        $button-info-background-gradient-disabled,

        $button-info-color,
        $button-info-color-over,
        $button-info-color-focus,
        $button-info-color-pressed,
        $button-info-color-disabled,

        $button-info-shadow,
        $button-info-shadow-over,
        $button-info-shadow-focus,
        $button-info-shadow-pressed,
        $button-info-shadow-disabled,

        $button-medium-font-size,
        $button-medium-font-size-over,
        $button-medium-font-size-focus,
        $button-medium-font-size-pressed,
        $button-medium-font-size-disabled,

        $button-medium-font-weight,
        $button-medium-font-weight-over,
        $button-medium-font-weight-focus,
        $button-medium-font-weight-pressed,
        $button-medium-font-weight-disabled,

        $button-medium-font-family,
        $button-medium-font-family-over,
        $button-medium-font-family-focus,
        $button-medium-font-family-pressed,
        $button-medium-font-family-disabled,

        $button-medium-icon-size
);

@include extjs-button-ui(
        'info-large',

        $button-large-border-radius,
        $button-large-border-width,

        $button-info-border-color,
        $button-info-border-color-over,
        $button-info-border-color-focus,
        $button-info-border-color-pressed,
        $button-info-border-color-disabled,

        $button-large-padding,
        $button-large-text-padding,

        $button-info-background-color,
        $button-info-background-color-over,
        $button-info-background-color-focus,
        $button-info-background-color-pressed,
        $button-info-background-color-disabled,

        $button-info-background-gradient,
        $button-info-background-gradient-over,
        $button-info-background-gradient-focus,
        $button-info-background-gradient-pressed,
        $button-info-background-gradient-disabled,

        $button-info-color,
        $button-info-color-over,
        $button-info-color-focus,
        $button-info-color-pressed,
        $button-info-color-disabled,

        $button-info-shadow,
        $button-info-shadow-over,
        $button-info-shadow-focus,
        $button-info-shadow-pressed,
        $button-info-shadow-disabled,

        $button-large-font-size,
        $button-large-font-size-over,
        $button-large-font-size-focus,
        $button-large-font-size-pressed,
        $button-large-font-size-disabled,

        $button-large-font-weight,
        $button-large-font-weight-over,
        $button-large-font-weight-focus,
        $button-large-font-weight-pressed,
        $button-large-font-weight-disabled,

        $button-large-font-family,
        $button-large-font-family-over,
        $button-large-font-family-focus,
        $button-large-font-family-pressed,
        $button-large-font-family-disabled,

        $button-large-icon-size
);

@include extjs-button-ui(
        'info-toolbar-small',

        $button-small-border-radius,
        $button-small-border-width,

        $button-info-toolbar-border-color,
        $button-info-toolbar-border-color-over,
        $button-info-toolbar-border-color-focus,
        $button-info-toolbar-border-color-pressed,
        $button-info-toolbar-border-color-disabled,

        $button-small-padding,
        $button-small-text-padding,

        $button-info-toolbar-background-color,
        $button-info-toolbar-background-color-over,
        $button-info-toolbar-background-color-focus,
        $button-info-toolbar-background-color-pressed,
        $button-info-toolbar-background-color-disabled,

        $button-info-toolbar-background-gradient,
        $button-info-toolbar-background-gradient-over,
        $button-info-toolbar-background-gradient-focus,
        $button-info-toolbar-background-gradient-pressed,
        $button-info-toolbar-background-gradient-disabled,

        $button-info-toolbar-color,
        $button-info-toolbar-color-over,
        $button-info-toolbar-color-focus,
        $button-info-toolbar-color-pressed,
        $button-info-toolbar-color-disabled,

        $button-info-toolbar-shadow,
        $button-info-toolbar-shadow-over,
        $button-info-toolbar-shadow-focus,
        $button-info-toolbar-shadow-pressed,
        $button-info-toolbar-shadow-disabled,

        $button-small-font-size,
        $button-small-font-size-over,
        $button-small-font-size-focus,
        $button-small-font-size-pressed,
        $button-small-font-size-disabled,

        $button-small-font-weight,
        $button-small-font-weight-over,
        $button-small-font-weight-focus,
        $button-small-font-weight-pressed,
        $button-small-font-weight-disabled,

        $button-small-font-family,
        $button-small-font-family-over,
        $button-small-font-family-focus,
        $button-small-font-family-pressed,
        $button-small-font-family-disabled,

        $button-small-icon-size
);

@include extjs-button-ui(
        'info-toolbar-medium',

        $button-medium-border-radius,
        $button-medium-border-width,

        $button-info-toolbar-border-color,
        $button-info-toolbar-border-color-over,
        $button-info-toolbar-border-color-focus,
        $button-info-toolbar-border-color-pressed,
        $button-info-toolbar-border-color-disabled,

        $button-medium-padding,
        $button-medium-text-padding,

        $button-info-toolbar-background-color,
        $button-info-toolbar-background-color-over,
        $button-info-toolbar-background-color-focus,
        $button-info-toolbar-background-color-pressed,
        $button-info-toolbar-background-color-disabled,

        $button-info-toolbar-background-gradient,
        $button-info-toolbar-background-gradient-over,
        $button-info-toolbar-background-gradient-focus,
        $button-info-toolbar-background-gradient-pressed,
        $button-info-toolbar-background-gradient-disabled,

        $button-info-toolbar-color,
        $button-info-toolbar-color-over,
        $button-info-toolbar-color-focus,
        $button-info-toolbar-color-pressed,
        $button-info-toolbar-color-disabled,

        $button-info-toolbar-shadow,
        $button-info-toolbar-shadow-over,
        $button-info-toolbar-shadow-focus,
        $button-info-toolbar-shadow-pressed,
        $button-info-toolbar-shadow-disabled,

        $button-medium-font-size,
        $button-medium-font-size-over,
        $button-medium-font-size-focus,
        $button-medium-font-size-pressed,
        $button-medium-font-size-disabled,

        $button-medium-font-weight,
        $button-medium-font-weight-over,
        $button-medium-font-weight-focus,
        $button-medium-font-weight-pressed,
        $button-medium-font-weight-disabled,

        $button-medium-font-family,
        $button-medium-font-family-over,
        $button-medium-font-family-focus,
        $button-medium-font-family-pressed,
        $button-medium-font-family-disabled,

        $button-medium-icon-size
);

@include extjs-button-ui(
        'info-toolbar-large',

        $button-large-border-radius,
        $button-large-border-width,

        $button-info-toolbar-border-color,
        $button-info-toolbar-border-color-over,
        $button-info-toolbar-border-color-focus,
        $button-info-toolbar-border-color-pressed,
        $button-info-toolbar-border-color-disabled,

        $button-large-padding,
        $button-large-text-padding,

        $button-info-toolbar-background-color,
        $button-info-toolbar-background-color-over,
        $button-info-toolbar-background-color-focus,
        $button-info-toolbar-background-color-pressed,
        $button-info-toolbar-background-color-disabled,

        $button-info-toolbar-background-gradient,
        $button-info-toolbar-background-gradient-over,
        $button-info-toolbar-background-gradient-focus,
        $button-info-toolbar-background-gradient-pressed,
        $button-info-toolbar-background-gradient-disabled,

        $button-info-toolbar-color,
        $button-info-toolbar-color-over,
        $button-info-toolbar-color-focus,
        $button-info-toolbar-color-pressed,
        $button-info-toolbar-color-disabled,

        $button-info-toolbar-shadow,
        $button-info-toolbar-shadow-over,
        $button-info-toolbar-shadow-focus,
        $button-info-toolbar-shadow-pressed,
        $button-info-toolbar-shadow-disabled,

        $button-large-font-size,
        $button-large-font-size-over,
        $button-large-font-size-focus,
        $button-large-font-size-pressed,
        $button-large-font-size-disabled,

        $button-large-font-weight,
        $button-large-font-weight-over,
        $button-large-font-weight-focus,
        $button-large-font-weight-pressed,
        $button-large-font-weight-disabled,

        $button-large-font-family,
        $button-large-font-family-over,
        $button-large-font-family-focus,
        $button-large-font-family-pressed,
        $button-large-font-family-disabled,

        $button-large-icon-size
);
About us
Advertise on this site
For more information send a message to info at phpclasses dot org.
File: web/bundles/extjs/resources/theme-bootstrap/theme/stylesheets/bootstrap/default/bootstrap/buttons/_info.scss

Contents
