add extjs 6.0.1 sources

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

$app-header-background-color: #333;\r
$app-header-text-color: #fff;\r
$app-header-text-shadow-color: null;\r
$app-header-use-gradient: true;\r
\r
@if $theme-name == 'theme-neptune' or $theme-name == 'theme-neptune-touch' {\r
    $app-header-background-color: #81af34;\r
    $app-header-text-shadow-color: #4e691f;\r
}\r
\r
@if $theme-name == 'theme-classic' or $theme-name == 'theme-gray' {\r
    $app-header-background-color: darken($base-color, 55%);\r
}\r
\r
@if $theme-name == 'theme-crisp' {\r
    $app-header-background-color: #2a3f5d;\r
    $app-header-use-gradient: false;\r
}\r
\r
.app-header {\r
    @if $app-header-use-gradient {\r
        @include background-image(linear-gradient(top, lighten($app-header-background-color, 5), darken($app-header-background-color, 5)));\r
    } @else {\r
        background-color: $app-header-background-color;\r
    }\r
	border-bottom: 1px solid darken($app-header-background-color, 15);\r
\r
    @if $theme-name == 'theme-neptune' {\r
        .#{$prefix}nlg & {\r
            background-image: url(images/header-bg.png);\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 $app-header-text-shadow-color != null {\r
        text-shadow: 0 1px 0 $app-header-text-shadow-color;\r
    }\r
}\r
\r
.app-header-logo {\r
    width: 40px;\r
    height: 25px;\r
\r
    background: url(images/logo.png) no-repeat center 4px;\r
}\r