diff options
Diffstat (limited to 'app/Resources/static/themes/material/css/icons.scss')
-rw-r--r-- | app/Resources/static/themes/material/css/icons.scss | 189 |
1 files changed, 189 insertions, 0 deletions
diff --git a/app/Resources/static/themes/material/css/icons.scss b/app/Resources/static/themes/material/css/icons.scss new file mode 100644 index 00000000..e7f215c0 --- /dev/null +++ b/app/Resources/static/themes/material/css/icons.scss | |||
@@ -0,0 +1,189 @@ | |||
1 | /* ========================================================================== | ||
2 | * Icons | ||
3 | * ========================================================================== */ | ||
4 | |||
5 | /** | ||
6 | * | ||
7 | * Material icons | ||
8 | * | ||
9 | */ | ||
10 | .material-icons { | ||
11 | font-family: 'Material Icons'; | ||
12 | font-weight: normal; | ||
13 | font-style: normal; | ||
14 | font-size: 24px; /* Preferred icon size */ | ||
15 | width: 1em; | ||
16 | height: 1em; | ||
17 | display: inline-block; | ||
18 | line-height: 1; | ||
19 | text-transform: none; | ||
20 | letter-spacing: normal; | ||
21 | word-wrap: normal; | ||
22 | white-space: nowrap; | ||
23 | direction: ltr; | ||
24 | |||
25 | /* Support for all WebKit browsers. */ | ||
26 | -webkit-font-smoothing: antialiased; | ||
27 | |||
28 | /* Support for Safari and Chrome. */ | ||
29 | text-rendering: optimizeLegibility; | ||
30 | |||
31 | /* Support for Firefox. */ | ||
32 | -moz-osx-font-smoothing: grayscale; | ||
33 | |||
34 | /* Support for IE. */ | ||
35 | font-feature-settings: 'liga'; | ||
36 | |||
37 | .md-18 { | ||
38 | font-size: 18px; | ||
39 | } | ||
40 | |||
41 | .md-24 { | ||
42 | font-size: 24px; | ||
43 | } | ||
44 | |||
45 | .md-36 { | ||
46 | font-size: 36px; | ||
47 | } | ||
48 | |||
49 | .md-48 { | ||
50 | font-size: 48px; | ||
51 | } | ||
52 | |||
53 | .md-dark { | ||
54 | color: rgba(0, 0, 0, 0.54); | ||
55 | |||
56 | .md-inactive { | ||
57 | color: rgba(0, 0, 0, 0.26); | ||
58 | } | ||
59 | } | ||
60 | |||
61 | .md-light { | ||
62 | color: rgba(255, 255, 255, 1); | ||
63 | |||
64 | .md-inactive { | ||
65 | color: rgba(255, 255, 255, 0.3); | ||
66 | } | ||
67 | } | ||
68 | } | ||
69 | |||
70 | /** | ||
71 | * | ||
72 | * Icomoon icons | ||
73 | * | ||
74 | */ | ||
75 | [class^="icon-"]::before, | ||
76 | [class*=" icon-"]::before { | ||
77 | font-family: icomoon; | ||
78 | speak: none; | ||
79 | font-style: normal; | ||
80 | font-weight: normal; | ||
81 | font-variant: normal; | ||
82 | text-transform: none; | ||
83 | line-height: 1; | ||
84 | background-size: 24px; | ||
85 | |||
86 | /* Enable Ligatures ================ */ | ||
87 | letter-spacing: 0; | ||
88 | font-feature-settings: "liga"; | ||
89 | } | ||
90 | |||
91 | .icon-eye::before { | ||
92 | content: "\e9ce"; | ||
93 | } | ||
94 | |||
95 | .icon-no-eye::before { | ||
96 | content: "\e9d1"; | ||
97 | } | ||
98 | |||
99 | .icon-calendar::before { | ||
100 | content: "\e953"; | ||
101 | } | ||
102 | |||
103 | .icon-mail::before { | ||
104 | content: "\ea86"; | ||
105 | } | ||
106 | |||
107 | .icon-time::before { | ||
108 | content: "\e952"; | ||
109 | } | ||
110 | |||
111 | a.icon-image { | ||
112 | background-repeat: no-repeat; | ||
113 | padding-right: 0.4em !important; | ||
114 | padding-left: 0 !important; | ||
115 | margin-left: 25px; | ||
116 | |||
117 | &::before { | ||
118 | content: ""; | ||
119 | display: block; | ||
120 | width: 24px; | ||
121 | height: 24px; | ||
122 | float: left; | ||
123 | margin: 7px 1.5px 0 0; | ||
124 | } | ||
125 | |||
126 | &.carrot::before { | ||
127 | background: url("../../_global/img/icons/carrot-icon--black.png") no-repeat center/90%; | ||
128 | } | ||
129 | |||
130 | &.diaspora::before { | ||
131 | background: url("../../_global/img/icons/diaspora-icon--black.png") no-repeat center/80%; | ||
132 | } | ||
133 | |||
134 | &.unmark::before { | ||
135 | background: url("../../_global/img/icons/unmark-icon--black.png") no-repeat center/80%; | ||
136 | } | ||
137 | |||
138 | &.shaarli::before { | ||
139 | background: url("../../_global/img/icons/shaarli.png") no-repeat center/80%; | ||
140 | } | ||
141 | |||
142 | &.scuttle::before { | ||
143 | background: url("../../_global/img/icons/scuttle.png") no-repeat center/80%; | ||
144 | } | ||
145 | } | ||
146 | |||
147 | .icon-google-plus2::before { | ||
148 | content: "\ea89"; | ||
149 | } | ||
150 | |||
151 | .icon-facebook2::before { | ||
152 | content: "\ea8d"; | ||
153 | } | ||
154 | |||
155 | .icon-twitter::before { | ||
156 | content: "\ea96"; | ||
157 | } | ||
158 | |||
159 | .icon-apple::before { | ||
160 | content: "\eabf"; | ||
161 | } | ||
162 | |||
163 | .icon-android::before { | ||
164 | content: "\eac1"; | ||
165 | } | ||
166 | |||
167 | .icon-chrome::before { | ||
168 | content: "\eae5"; | ||
169 | } | ||
170 | |||
171 | .icon-firefox::before { | ||
172 | content: "\eae6"; | ||
173 | } | ||
174 | |||
175 | .icon-link::before { | ||
176 | content: "\e9cb"; | ||
177 | } | ||
178 | |||
179 | footer [class^="icon-"], | ||
180 | footer [class*=" icon-"] { | ||
181 | font-size: 2em; | ||
182 | transition: text-shadow 0.2s ease; | ||
183 | padding-right: 10px; | ||
184 | } | ||
185 | |||
186 | footer [class^="icon-"]:hover, | ||
187 | footer [class*=" icon-"]:hover { | ||
188 | text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); | ||
189 | } | ||