argo-cd

1
@import 'node_modules/argo-ui/src/styles/config';
2
@import 'node_modules/argo-ui/src/styles/theme';
3

4
.help-box {
5
    min-height: 170px;
6
    margin: 30px 10px;
7
    padding: 30px 30px;
8
    text-align: center;
9
    @include themify($themes) {
10
        background-color: themed('background-2');  
11
        color: themed('text-1');      
12
    }
13
    box-shadow: 0 0 3px rgba(#000,.3);
14

15
    &__ico {
16
        width: 180px;
17
        height: 180px;
18
        margin: 0 auto;
19
        background-size: 100%;
20
        opacity: .5;
21

22
        &--manual {
23
            background-image: url('assets/images/User-Manual-200.png');
24
        }
25

26
        &--email {
27
            background-image: url('assets/images/Message-200.png');
28
        }
29

30
        &--download {
31
            background-image: url('assets/images/Download-200.png');
32
        }
33
    }
34

35
    &__docker-logo {
36
        width: 23px;
37
        height: 23px;
38
        vertical-align: baseline;
39
    }
40

41
    h3 {
42
        margin: 40px 0 60px;
43
        font-size: 22px;
44
    }
45

46
    a {
47
        font-size: 18px;
48
        font-weight: bold;
49
    }
50

51
    &__link {
52
        display: block;
53
    }
54

55
    &__download {
56
        i {
57
            width: 30px;
58
            font-size: 24px;
59
        }
60
    }
61

62
    .user-info-panel-buttons {
63
        margin-top: 10px;
64
        &:focus {
65
            background-color: $argo-color-gray-4;
66
        }
67
    }
68
}
69