Project

General

Profile

1
// Material Design Icons
2
// http://google.github.io/material-design-icons/
3
@material_icons_directory:   '../icons/material-design-icons/';
4

    
5
@font-face {
6
    font-family: 'Material Icons';
7
    font-style: normal;
8
    font-weight: 400;
9
    src: url("@{material_icons_directory}MaterialIcons-Regular.eot"); /* For IE6-8 */
10
    src: local('Material Icons'),
11
    local('MaterialIcons-Regular'),
12
    url("@{material_icons_directory}MaterialIcons-Regular.woff2") format('woff2'),
13
    url("@{material_icons_directory}MaterialIcons-Regular.woff") format('woff'),
14
    url("@{material_icons_directory}MaterialIcons-Regular.ttf") format('truetype');
15
}
16
.material-icons {
17
    font-family: 'Material Icons';
18
    font-weight: normal;
19
    font-style: normal;
20
    font-size: 18px;  /* Preferred icon size */
21
    display: inline-block;
22
    width: 1em;
23
    height: 1em;
24
    line-height: 1;
25
    text-transform: none;
26
    letter-spacing: normal;
27
    /* Support for all WebKit browsers. */
28
    -webkit-font-smoothing: antialiased;
29
    /* Support for Safari and Chrome. */
30
    text-rendering: optimizeLegibility;
31
    /* Support for Firefox. */
32
    -moz-osx-font-smoothing: grayscale;
33
    /* Support for IE. */
34
    font-feature-settings: 'liga';
35
    vertical-align: -4px;
36
    color: rgba(0, 0, 0, 0.54);
37
    &.md-inactive {
38
        color: rgba(0, 0, 0, 0.26);
39
    }
40
    &.md-24 {
41
        font-size: 24px;
42
        vertical-align: -8px;
43
    }
44
    &.md-36 {
45
        font-size: 36px;
46
        vertical-align: -16px;
47
    }
48
    &.md-48 {
49
        font-size: 48px;
50
        vertical-align: -24px;
51
    }
52
    &.md-light {
53
        color: rgba(255, 255, 255, 1);
54
        &.md-inactive {
55
            color: rgba(255, 255, 255, 0.3);
56
        }
57
    }
58
}
(5-5/12)