UNPKG

1.35 kBtext/lessView Raw
1/*!
2 * # Fomantic UI - Emoji
3 * https://github.com/fomantic/Fomantic-UI/
4 *
5 *
6 * Released under the MIT license
7 * https://github.com/fomantic/Fomantic-UI/blob/master/LICENSE.md
8 *
9 */
10
11
12/*******************************
13 Theme
14*******************************/
15
16@type : 'element';
17@element : 'emoji';
18
19@import (multiple) '../../theme.config';
20
21
22/*******************************
23 Emoji
24*******************************/
25
26
27em[data-emoji] {
28 opacity: @opacity;
29
30 speak: none;
31 backface-visibility: hidden;
32}
33
34em[data-emoji]:before {
35 content:'\00A0\00A0\00A0\00A0\00A0\00A0\00A0';
36 display: inline-block;
37 line-height: @emojiLineHeight;
38 background-repeat: no-repeat;
39 background-position: center center;
40 & when not (@emojiFileType = 'svg') {
41 background-size: contain;
42 }
43}
44
45
46/*******************************
47 States
48*******************************/
49
50em[data-emoji].disabled {
51 opacity: @disabledOpacity;
52}
53
54
55/*******************************
56 Variations
57*******************************/
58
59em[data-emoji].loading:before {
60 animation: loader @loadingDuration linear infinite;
61}
62
63
64/*-------------------
65 Link
66--------------------*/
67
68em[data-emoji].link:not(.disabled) {
69 cursor: pointer;
70}
71
72.loadUIOverrides();