templates/assets/sass/material-kit/_info-areas.scss


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

.info{
    max-width: 360px;
    margin: 0 auto;
    padding: 70px 0 30px;

    .icon{
        color: $gray-color;

        > i{
            font-size: 4.4em;
        }
    }
    .info-title{
        color: $black-color;
        margin: $margin-base * 2 0 $margin-base;
    }
    p{
        color: $gray-color;
    }
}

.icon{
    &.icon-primary{
        color: $brand-primary;
    }
    &.icon-info{
        color: $brand-info;
    }
    &.icon-success{
        color: $brand-success;
    }
    &.icon-warning{
        color: $brand-warning;
    }
    &.icon-danger{
        color: $brand-danger;
    }
}