1 /* ==========================================================================
3 * ========================================================================== */
11 font-family: 'Material Icons';
14 font-size: 24px; /* Preferred icon size */
17 display: inline-block;
20 letter-spacing: normal;
25 /* Support for all WebKit browsers. */
26 -webkit-font-smoothing: antialiased;
28 /* Support for Safari and Chrome. */
29 text-rendering: optimizeLegibility;
31 /* Support for Firefox. */
32 -moz-osx-font-smoothing: grayscale;
35 font-feature-settings: 'liga';
54 color: rgba(0, 0, 0, 0.54);
57 color: rgba(0, 0, 0, 0.26);
62 color: rgba(255, 255, 255, 1);
65 color: rgba(255, 255, 255, 0.3);
75 [class^="icon-"]::before,
76 [class*=" icon-"]::before {
84 background-size: 24px;
86 /* Enable Ligatures ================ */
88 font-feature-settings: "liga";
95 .icon-no-eye::before {
99 .icon-calendar::before {
112 background-repeat: no-repeat;
113 padding-right: 0.4em !important;
114 padding-left: 0 !important;
123 margin: 7px 1.5px 0 0;
127 background: url("../../_global/img/icons/carrot-icon--black.png") no-repeat center/90%;
131 background: url("../../_global/img/icons/diaspora-icon--black.png") no-repeat center/80%;
135 background: url("../../_global/img/icons/unmark-icon--black.png") no-repeat center/80%;
139 background: url("../../_global/img/icons/shaarli.png") no-repeat center/80%;
143 background: url("../../_global/img/icons/scuttle.png") no-repeat center/80%;
147 .icon-google-plus2::before {
151 .icon-facebook2::before {
155 .icon-twitter::before {
159 .icon-apple::before {
163 .icon-android::before {
167 .icon-chrome::before {
171 .icon-firefox::before {
179 footer [class^="icon-"],
180 footer [class*=" icon-"] {
182 transition: text-shadow 0.2s ease;
186 footer [class^="icon-"]:hover,
187 footer [class*=" icon-"]:hover {
188 text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);