add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / classic / sass / src / view / Header.scss

$kitchensink-header-background-color: #333;\r
$kitchensink-header-text-color: #fff;\r
$kitchensink-header-text-shadow-color: null;\r
$kitchensink-header-use-gradient: true;\r
\r
@if $theme-name == 'theme-neptune' or $theme-name == 'theme-neptune-touch' {\r
    $kitchensink-header-background-color: #81af34;\r
    $kitchensink-header-text-shadow-color: #4e691f;\r
} @else if $theme-name == 'theme-classic' or $theme-name == 'theme-gray' {\r
    $kitchensink-header-background-color: darken($base-color, 55%);\r
} @else if $theme-name == 'theme-crisp' or $theme-name == 'theme-crisp-touch' {\r
    $kitchensink-header-background-color: #2a3f5d;\r
    $kitchensink-header-use-gradient: false;\r
} @else if $theme-name == 'theme-triton' {\r
    $kitchensink-header-background-color: #28384a;\r
    $kitchensink-header-use-gradient: false;\r
}\r
\r
#app-header {\r
    background-color: $kitchensink-header-background-color;\r
    @if $kitchensink-header-use-gradient {\r
        @include background-image(linear-gradient(top, lighten($kitchensink-header-background-color, 5), darken($kitchensink-header-background-color, 5)));\r
    }\r
	border-bottom: 1px solid darken($kitchensink-header-background-color, 15);\r
\r
    @if $theme-name == 'theme-neptune' {\r
        .#{$prefix}nlg & {\r
            background-image: url(get-resource-path('images/header-bg.png', 'toolkit'));\r
        }\r
    }\r
}\r
\r
#app-header-title {\r
    padding: 15px 0 10px 0;\r
\r
    color: #fff;\r
    font-size: 18px;\r
    font-weight: bold;\r
    @if $kitchensink-header-text-shadow-color != null {\r
        text-shadow: 0 1px 0 $kitchensink-header-text-shadow-color;\r
    }\r
}\r
\r
#app-header-logo {\r
    width: 40px;\r
    height: 25px;\r
\r
    background: url(get-resource-path('images/logo.png', 'toolkit')) no-repeat center 4px;\r
}\r
\r