Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Added SCSS stylesheet

  • Loading branch information...
commit 3d68f9e335aa62cce77b478aff0c4e783bffc03c 1 parent 1d0a0dd
Kenneth Auchenberg auchenberg authored
Showing with 123 additions and 0 deletions.
  1. +123 −0 jquery.mentionsInput.scss
123 jquery.mentionsInput.scss
View
@@ -0,0 +1,123 @@
+.mentions-input-box {
+ position: relative;
+ background: #fff;
+
+ textarea {
+ width: 100%;
+ display: block;
+ height: 18px;
+ padding: 9px;
+ border: 1px solid #dcdcdc;
+ border-radius: 3px;
+ overflow: hidden;
+ background: transparent;
+ position: relative;
+ outline: 0;
+ resize: none;
+
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .mentions {
+ position: absolute;
+ left: 1px;
+ right: 0;
+ top: 1px;
+ bottom: 0;
+ padding: 9px;
+ color: #fff;
+ overflow: hidden;
+
+ white-space: pre-wrap;
+ word-wrap: break-word;
+
+ > div {
+ color: #fff;
+ white-space: pre-wrap;
+ width: 100%;
+
+ > strong {
+ font-weight: normal;
+ background: #d8dfea;
+
+ > span {
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0);
+ }
+ }
+ }
+ }
+
+ .mentions-autocomplete-list {
+ display: none;
+ background: #fff;
+ border: 1px solid #b2b2b2;
+ position: absolute;
+ left: 0;
+ right: 0;
+ z-index: 10000;
+ margin-top: -2px;
+
+ border-radius: 5px;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
+ -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
+
+ ul {
+ margin: 0;
+ padding: 0;
+
+ li {
+ background-color: #fff;
+ padding: 0 5px;
+ margin: 0;
+ width: auto;
+ border-bottom: 1px solid #eee;
+ height: 26px;
+ line-height: 26px;
+ overflow: hidden;
+ cursor: pointer;
+ list-style: none;
+ white-space: nowrap;
+
+ &:last-child {
+ border-radius: 5px;
+ }
+
+ &:hover,
+ &.active {
+ background-color: #f2f2f2;
+ }
+
+ > img,
+ > div.icon {
+ width: 16px;
+ height: 16px;
+ float: left;
+ margin-top: 5px;
+ margin-right: 5px;
+ -moz-background-origin: 3px;
+
+ border-radius: 3px;
+ }
+
+ em {
+ font-weight: bold;
+ font-style: none;
+ }
+
+ b {
+ background: #ffff99;
+ font-weight: normal;
+ }
+
+ }
+
+ }
+ }
+
+}
Please sign in to comment.
Something went wrong with that request. Please try again.