diff options
Diffstat (limited to 'app/Resources/static/themes/baggy/css/pictos.scss')
-rw-r--r-- | app/Resources/static/themes/baggy/css/pictos.scss | 210 |
1 files changed, 210 insertions, 0 deletions
diff --git a/app/Resources/static/themes/baggy/css/pictos.scss b/app/Resources/static/themes/baggy/css/pictos.scss new file mode 100644 index 00000000..2ff01937 --- /dev/null +++ b/app/Resources/static/themes/baggy/css/pictos.scss | |||
@@ -0,0 +1,210 @@ | |||
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 | |||
139 | .icon-rss::before { | ||
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 | } | ||