1 | themeName = 'bubble'
|
2 | activeColor = #fff
|
3 | borderColor = #777
|
4 | backgroundColor = #444
|
5 | inactiveColor = #ccc
|
6 | shadowColor = #ddd
|
7 | textColor = #fff
|
8 |
|
9 | @import './core'
|
10 | @import './base'
|
11 | @import './bubble/*'
|
12 |
|
13 | .ql-container.ql-bubble:not(.ql-disabled)
|
14 | a
|
15 | position: relative
|
16 | white-space: nowrap
|
17 | a::before
|
18 | background-color: #444
|
19 | border-radius: 15px
|
20 | top: -5px
|
21 | font-size: 12px
|
22 | color: #fff
|
23 | content: attr(href)
|
24 | font-weight: normal
|
25 | overflow: hidden
|
26 | padding: 5px 15px
|
27 | text-decoration: none
|
28 | z-index: 1
|
29 | a::after
|
30 | border-top: 6px solid #444
|
31 | border-left: 6px solid transparent
|
32 | border-right: 6px solid transparent
|
33 | top: 0
|
34 | content: " "
|
35 | height: 0
|
36 | width: 0
|
37 | a::before, a::after
|
38 | left: 0
|
39 | margin-left: 50%
|
40 | position: absolute
|
41 | transform: translate(-50%, -100%)
|
42 | transition: visibility 0s ease 200ms
|
43 | visibility: hidden
|
44 | a:hover::before, a:hover::after
|
45 | visibility: visible
|