catalog-ui/app/styles/dark-header.less


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

.w-sdc-dark-header {
    .c_11;
    .bg_i;
    height: 94px;
    width: 100%;
    display: flex;
    align-items: center;

    .w-sdc-dark-header-logo {
        .hand;
        height: 92px;
        width: 240px;
        padding: 28px 28px 28px 60px;
        .flex-fixed(240px);

        .w-sdc-dark-header-logo-icon {
            display: inline-block;
            margin-right: 8px;
            vertical-align: -6px;
        }
        a.w-sdc-dark-header-logo-link {
            .c_5;
            text-decoration: none;
        }
        .w-sdc-dark-header-version{
            .c_16;
            .opacity(0.6);
        }
    }

    .i-sdc-dark-header-caption {
        min-width: 175px;
        text-align: left;
        cursor: default;
        text-overflow: ellipsis;
        overflow: hidden;
        flex-grow: 10;
        padding-left: 27px;
        white-space: nowrap;

        .i-sdc-dark-header-caption-text {

            text-overflow: ellipsis;
            overflow: hidden;
        }
    }

    .w-sdc-header-user-container {
        .c_7;
    }
}