]> git.immae.eu Git - github/wallabag/wallabag.git/blame - app/Resources/static/themes/baggy/css/pictos.scss
Rebase & Rename all rss to feeds
[github/wallabag/wallabag.git] / app / Resources / static / themes / baggy / css / pictos.scss
CommitLineData
64f81bc3
TC
1/* ==========================================================================
2 Pictos
3 ========================================================================== */
4
5@font-face {
6 font-family: icomoon;
7 src: url('~icomoon-free-npm/Font/IcoMoon-Free.ttf');
8 font-weight: normal;
9 font-style: normal;
10}
11
12.material-icons {
13 font-family: 'Material Icons';
14 font-weight: normal;
15 font-style: normal;
16 font-size: 1em; /* Preferred icon size */
17 width: 1em;
18 height: 1em;
19 display: inline-block;
20 line-height: 1;
21 text-transform: none;
22 letter-spacing: normal;
23 word-wrap: normal;
24 white-space: nowrap;
25 direction: ltr;
26
27 /* Support for all WebKit browsers. */
28 -webkit-font-smoothing: antialiased;
29
30 /* Support for Safari and Chrome. */
31 text-rendering: optimizeLegibility;
32
33 /* Support for Firefox. */
34 -moz-osx-font-smoothing: grayscale;
35
36 /* Support for IE. */
37 font-feature-settings: 'liga';
38
39 .md-18 { font-size: 18px; }
40 .md-24 { font-size: 24px; }
41 .md-36 { font-size: 36px; }
42 .md-48 { font-size: 48px; }
43
44 .vertical-align-middle {
45 vertical-align: middle !important;
46 }
47}
48
49.icon span,
50.icon-image span {
51 position: absolute;
52 top: -9999px;
53}
54
55[class^="icon-"]::before,
56[class*=" icon-"]::before {
57 font-family: icomoon;
58 speak: none;
59 font-style: normal;
60 font-weight: normal;
61 font-variant: normal;
62 text-transform: none;
63 line-height: 1;
64
65 /* Enable Ligatures ================ */
66 letter-spacing: 0;
67 -webkit-font-feature-settings: "liga";
68 -moz-font-feature-settings: "liga=1";
69 -moz-font-feature-settings: "liga";
70 -ms-font-feature-settings: "liga" 1;
71 -o-font-feature-settings: "liga";
72 font-feature-settings: "liga";
73
74 /* Better Font Rendering =========== */
75 -webkit-font-smoothing: antialiased;
76 -moz-osx-font-smoothing: grayscale;
77}
78
79.icon-flattr::before {
80 content: "\ead4";
81}
82
83.icon-mail::before {
84 content: "\ea86";
85}
86
87.icon-up-open::before {
88 content: "\e80b";
89}
90
91.icon-star::before {
92 content: "\e9d9";
93}
94
95.icon-check::before {
96 content: "\ea10";
97}
98
99.icon-link::before {
100 content: "\e9cb";
101}
102
103.icon-reply::before {
104 content: "\e806";
105}
106
107.icon-menu::before {
108 content: "\e9bd";
109}
110
111.icon-clock::before {
112 content: "\e803";
113}
114
115.icon-twitter::before {
116 content: "\ea96";
117}
118
119.icon-down-open::before {
120 content: "\e809";
121}
122
123.icon-trash::before {
124 content: "\e9ac";
125}
126
127.icon-delete::before {
128 content: "\ea0d";
129}
130
131.icon-power::before {
132 content: "\ea14";
133}
134
135.icon-arrow-up-thick::before {
136 content: "\ea3a";
137}
138
1554eb0a 139.icon-feed::before {
64f81bc3
TC
140 content: "\e808";
141}
142
143.icon-print::before {
144 content: "\e954";
145}
146
147.icon-reload::before {
148 content: "\ea2e";
149}
150
151.icon-price-tags::before {
152 content: "\e936";
153}
154
155.icon-eye::before {
156 content: "\e9ce";
157}
158
159.icon-no-eye::before {
160 content: "\e9d1";
161}
162
163.icon-calendar::before {
164 content: "\e953";
165}
166
167.icon-time::before {
168 content: "\e952";
169}
170
171/* .icon-image class, for image-based icons
172 ========================================================================== */
173
174.icon-image {
175 background: no-repeat center/80%;
176 padding-right: 1em !important;
177 padding-left: 1em !important;
178}
179
180/* Carrot (http://carrot.org) */
181.icon-image--carrot {
182 background-image: url("../../_global/img/icons/carrot-icon--white.png");
183}
184
185/* Diaspora */
186.icon-image--diaspora {
187 background-image: url("../../_global/img/icons/Diaspora-asterisk.svg");
188}
189
190/* Unmark.it */
191.icon-image--unmark {
192 background-image: url("../../_global/img/icons/unmark-icon--black.png");
193}
194
195/* shaarli */
196.icon-image--shaarli {
197 background-image: url("../../_global/img/icons/shaarli.png");
198}
199
200/* ==========================================================================
201 Icon selected
202 ========================================================================== */
203
204.icon-star.fav::before {
205 color: #fff;
206}
207
208.icon-check.archive::before {
209 color: #fff;
210}