Skip to content

Commit 3d68f9e

Browse files
committed
Added SCSS stylesheet
1 parent 1d0a0dd commit 3d68f9e

File tree

1 file changed

+123
-0
lines changed

1 file changed

+123
-0
lines changed

jquery.mentionsInput.scss

+123
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
.mentions-input-box {
2+
position: relative;
3+
background: #fff;
4+
5+
textarea {
6+
width: 100%;
7+
display: block;
8+
height: 18px;
9+
padding: 9px;
10+
border: 1px solid #dcdcdc;
11+
border-radius: 3px;
12+
overflow: hidden;
13+
background: transparent;
14+
position: relative;
15+
outline: 0;
16+
resize: none;
17+
18+
-webkit-box-sizing: border-box;
19+
-moz-box-sizing: border-box;
20+
box-sizing: border-box;
21+
}
22+
23+
.mentions {
24+
position: absolute;
25+
left: 1px;
26+
right: 0;
27+
top: 1px;
28+
bottom: 0;
29+
padding: 9px;
30+
color: #fff;
31+
overflow: hidden;
32+
33+
white-space: pre-wrap;
34+
word-wrap: break-word;
35+
36+
> div {
37+
color: #fff;
38+
white-space: pre-wrap;
39+
width: 100%;
40+
41+
> strong {
42+
font-weight: normal;
43+
background: #d8dfea;
44+
45+
> span {
46+
filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0);
47+
}
48+
}
49+
}
50+
}
51+
52+
.mentions-autocomplete-list {
53+
display: none;
54+
background: #fff;
55+
border: 1px solid #b2b2b2;
56+
position: absolute;
57+
left: 0;
58+
right: 0;
59+
z-index: 10000;
60+
margin-top: -2px;
61+
62+
border-radius: 5px;
63+
border-top-right-radius: 0;
64+
border-top-left-radius: 0;
65+
66+
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
67+
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
68+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
69+
70+
ul {
71+
margin: 0;
72+
padding: 0;
73+
74+
li {
75+
background-color: #fff;
76+
padding: 0 5px;
77+
margin: 0;
78+
width: auto;
79+
border-bottom: 1px solid #eee;
80+
height: 26px;
81+
line-height: 26px;
82+
overflow: hidden;
83+
cursor: pointer;
84+
list-style: none;
85+
white-space: nowrap;
86+
87+
&:last-child {
88+
border-radius: 5px;
89+
}
90+
91+
&:hover,
92+
&.active {
93+
background-color: #f2f2f2;
94+
}
95+
96+
> img,
97+
> div.icon {
98+
width: 16px;
99+
height: 16px;
100+
float: left;
101+
margin-top: 5px;
102+
margin-right: 5px;
103+
-moz-background-origin: 3px;
104+
105+
border-radius: 3px;
106+
}
107+
108+
em {
109+
font-weight: bold;
110+
font-style: none;
111+
}
112+
113+
b {
114+
background: #ffff99;
115+
font-weight: normal;
116+
}
117+
118+
}
119+
120+
}
121+
}
122+
123+
}

0 commit comments

Comments
 (0)