Lines Matching +full:s +full:- +full:color
1 @bg-color: #fff;
2 @popup-border-color: #F1F3F5;
3 @close-size: 16px;
4 @color-text: #172B4D;
5 @close-color: #000;
9 display: inline-block;
10 background: url("src/icon.svg") no-repeat;
13 background-size: 42px;
16 .ji-popup-content .icon-load {
22 border-radius: 50%;
24 border-color: #205081 transparent #205081 transparent;
25 animation: dual-ring 1.2s linear infinite;
27 @keyframes dual-ring {
32 .ji-popup {
33 min-width: 50px;
34 min-height: 32px;
35 max-width: 300px;
37 border-radius: 5px;
38 -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
39 -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
40 box-shadow: 0 5px 10px rgba(0,0,0,.2);
41 white-space: normal;
42 z-index: 999;
43 background-color: @bg-color;
44 .ji-popup-content {
48 .ji-popup-content-body {
49 transition: opacity 0.3s linear;
51 .ji-status {
52 text-transform: uppercase;
53 margin-bottom: 10px;
56 border-radius: 5px;
57 font-size: 10px;
58 &.color-green {background-color:#14892c;border-color:#14892c;color:#fff}
59 &.color-yellow {background-color:#ffd351;border-color:#ffd351;color:#594300}
60 &.color-brown {background-color:#815b3a;border-color:#815b3a;color:#fff}
61 &.color-warm-red {background-color:#d04437;border-color:#d04437;color:#fff}
62 &.color-blue-gray {background-color:#4a6785;border-color:#4a6785;color:#fff}
63 &.color-medium-gray {background-color:#ccc;border-color:#ccc;color:#333}
66 p.ji-summary {
67 margin-bottom: 5px;
68 color: #4a4a4a;
70 img.ji-priority,
71 img.ji-issuetype {
78 div.ji-comment-circle {
79 display: inline-block;
80 background-color: @popup-border-color;
81 border: 1px solid @popup-border-color;
82 border-radius: 25%;
83 margin-right: 5px;
84 span.total-comments {
86 font-size: 85%;
87 color: @color-text;
90 a.ji-key-link {
92 font-size: 12px;
94 color: #3b73af;
98 // Arrow-element
99 .ji-arrow {
104 border-style: solid;
105 &.arrow-right {
106 left: -12px;
107 border-width: 10px 12px 10px 0;
108 border-color: transparent #ccc transparent transparent;
110 &.arrow-right:after {
111 top: -9px;
113 border-width: 9px 11px 9px 0;
114 border-color: transparent #fff transparent transparent;
116 &.arrow-left {
117 right: -12px;
118 border-width: 10px 0px 10px 12px;
119 border-color: transparent transparent transparent #ccc;
121 &.arrow-left:after {
122 top: -9px;
124 border-width: 9px 0px 9px 11px;
125 border-color: transparent transparent transparent #fff;
127 &.arrow-top {
128 bottom: -12px;
129 border-width: 12px 10px 0px 10px;
130 border-color: #ccc transparent transparent transparent;
132 &.arrow-top:after {
133 right: -9px;
135 border-width: 11px 9px 0px 9px;
136 border-color: #fff transparent transparent transparent;
138 &.arrow-bottom {
139 top: -12px;
140 border-width: 0px 10px 12px 10px;
141 border-color: transparent transparent #ccc transparent;
143 &.arrow-bottom:after {
145 right: -9px;
146 border-width: 0px 9px 11px 9px;
147 border-color: transparent transparent #fff transparent;
150 .ji-arrow:after {
155 border-style: solid;
159 -webkit-transform: scale(0.8);
160 -o-transform: scale(0.8);
162 -webkit-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
163 -o-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
164 transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
168 &.pop-in {
169 -webkit-transform: none;
170 -o-transform: none;
175 &.pop-out {
176 -webkit-transition-property: "opacity,transform";
177 -o-transition-property: "opacity,transform";
178 transition-property: "opacity,transform";
179 -webkit-transition: 0.15s linear;
180 -o-transition: 0.15s linear;
181 transition: 0.15s linear;
186 transition: opacity 0.15s linear;
188 &.fade-in {
191 &.fade-out {