add extjs 6.0.1 sources

[extjs.git] / extjs / modern / theme-blackberry / sass / old / src / Toolbar.scss

/**\r
 * @class Ext.Toolbar\r
 */\r
\r
.x-toolbar {\r
    min-height: 44px;\r
}\r
\r
.x-toolbar,\r
.x-tabbar {\r
    border-width: 0 !important;\r
    height: 50px;\r
}\r
\r
.x-toolbar-plain,\r
.x-tabbar-plain {\r
    background-color: #FFFFFF;\r
}\r
\r
.x-toolbar-light,\r
.x-tabbar-light {\r
    @include background(radial-gradient(left top, circle farthest-side, color-stops(#0074BB, #0CA2D3)));\r
}\r
\r
.x-toolbar-neutral,\r
.x-tabbar-neutral {\r
    @include background(linear-gradient(color-stops(#FAFAFA, #D5D5D5)));\r
    .x-title {\r
        color: #333333;\r
    }\r
}\r
\r
.x-toolbar-dark,\r
.x-tabbar-dark {\r
    @include background(linear-gradient(color-stops(#323232, #272727)));\r
\r
    .x-landscape &.x-docked-bottom, .x-bb-keyboard &.x-docked-bottom {\r
        height: 50px;\r
    }\r
}\r
\r
.x-toolbar-neutral,\r
.x-tabbar-neutral,\r
.x-toolbar-plain,\r
.x-tabbar-plain {\r
    .x-button-icon:before {\r
        color: #000;\r
    }\r
\r
    .x-button-pressing,\r
    .x-button-pressed {\r
        .x-button-icon:before {\r
            color: #fff;\r
        }\r
    }\r
}\r
\r
.x-tabbar.x-docked-bottom,\r
.x-toolbar.x-docked-bottom {\r
    height: 66px;\r
\r
    .x-button,\r
    .x-button:before {\r
        border: 0 !important;\r
        background: transparent none !important;\r
        @include box-shadow(none);\r
    }\r
\r
    .x-button:before {\r
        height: 2px !important;\r
    }\r
\r
    .x-button.menu {\r
        margin: 0;\r
        border-right-style: solid;\r
        border-right-width: 1px;\r
    }\r
}\r
\r
.x-title {\r
    color: #fafafa;\r
    font-size: 20px;\r
    font-weight: normal;\r
    letter-spacing: 1px;\r
}\r
\r
.x-toolbar {\r
    .x-field-focused .x-input-el {\r
        @include border-radius(2px);\r
        border: 2px solid $base-color;\r
    }\r
}