Skip to content

Commit

Permalink
Added css
Browse files Browse the repository at this point in the history
  • Loading branch information
diegograsso committed Apr 5, 2016
1 parent 613071b commit b3a367a
Show file tree
Hide file tree
Showing 4 changed files with 432 additions and 0 deletions.
108 changes: 108 additions & 0 deletions dist/amd/taggy.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,108 @@
.tay-editor {
padding: .125rem .25rem;
cursor: text;
background-color: #fefefe;
border: 1px solid #cacaca;

color: #0a0a0a;
}

.tay-tags-before {
/*margin-left: -5px;*/
}
.tay-tag {
display: inline-block;
border: 1px solid #666;
padding: 3px;
margin: 4px;
}
.tay-invalid {
border-color: #c00;
}
.tay-tag-remove:after {
margin-left: 4px;
padding: 0 4px;
content: 'x';
background-color: #ccc;
cursor: pointer;
}
input[type="text"].tay-input{
margin: 0;
display: inline;
box-sizing: inherit;
width: 100%;
height: 2.4375rem;
padding: .125rem;
border: none;
margin: 0;
font-family: inherit;
font-size: 1rem;
color: #0a0a0a;
background-color: #fefefe;
box-shadow: none;
border-radius: 0;
transition: box-shadow .5s,border-color .25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
}
.tay-input[placeholder] {
min-width: 100%;
}
.tac-container {
display: none;
position: absolute;
-webkit-box-shadow: 1px 2px 6px;
box-shadow: 1px 2px 6px;
background-color: #fff;
color: #333;
-webkit-transition: left 0.1s ease-in-out;
-moz-transition: left 0.1s ease-in-out;
-o-transition: left 0.1s ease-in-out;
-ms-transition: left 0.1s ease-in-out;
transition: left 0.1s ease-in-out;
}
.tac-list {
padding: 0;
margin: 0;
list-style-type: none;
}
.tac-show {
display: block;
}
.tac-hide {
display: none;
}
.tac-empty {
cursor: default;
padding: 7px;
}
.tac-item {
cursor: pointer;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding: 7px;
}
.tac-item:hover {
background-color: #444;
color: #fff;
}
.tac-selected {
background-color: #333;
color: #fff;
}
.tac-char-highlight {
font-weight: bold;
}
.tac-category-id {
background-color: #eee;
color: #aaa;
text-align: right;
text-transform: capitalize;
font-style: italic;
font-size: 12px;
-webkit-box-shadow: 1px 0px 1px;
box-shadow: 1px 0px 1px;
padding: 7px;
}
108 changes: 108 additions & 0 deletions dist/commonjs/taggy.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,108 @@
.tay-editor {
padding: .125rem .25rem;
cursor: text;
background-color: #fefefe;
border: 1px solid #cacaca;

color: #0a0a0a;
}

.tay-tags-before {
/*margin-left: -5px;*/
}
.tay-tag {
display: inline-block;
border: 1px solid #666;
padding: 3px;
margin: 4px;
}
.tay-invalid {
border-color: #c00;
}
.tay-tag-remove:after {
margin-left: 4px;
padding: 0 4px;
content: 'x';
background-color: #ccc;
cursor: pointer;
}
input[type="text"].tay-input{
margin: 0;
display: inline;
box-sizing: inherit;
width: 100%;
height: 2.4375rem;
padding: .125rem;
border: none;
margin: 0;
font-family: inherit;
font-size: 1rem;
color: #0a0a0a;
background-color: #fefefe;
box-shadow: none;
border-radius: 0;
transition: box-shadow .5s,border-color .25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
}
.tay-input[placeholder] {
min-width: 100%;
}
.tac-container {
display: none;
position: absolute;
-webkit-box-shadow: 1px 2px 6px;
box-shadow: 1px 2px 6px;
background-color: #fff;
color: #333;
-webkit-transition: left 0.1s ease-in-out;
-moz-transition: left 0.1s ease-in-out;
-o-transition: left 0.1s ease-in-out;
-ms-transition: left 0.1s ease-in-out;
transition: left 0.1s ease-in-out;
}
.tac-list {
padding: 0;
margin: 0;
list-style-type: none;
}
.tac-show {
display: block;
}
.tac-hide {
display: none;
}
.tac-empty {
cursor: default;
padding: 7px;
}
.tac-item {
cursor: pointer;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding: 7px;
}
.tac-item:hover {
background-color: #444;
color: #fff;
}
.tac-selected {
background-color: #333;
color: #fff;
}
.tac-char-highlight {
font-weight: bold;
}
.tac-category-id {
background-color: #eee;
color: #aaa;
text-align: right;
text-transform: capitalize;
font-style: italic;
font-size: 12px;
-webkit-box-shadow: 1px 0px 1px;
box-shadow: 1px 0px 1px;
padding: 7px;
}
108 changes: 108 additions & 0 deletions dist/es2015/taggy.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,108 @@
.tay-editor {
padding: .125rem .25rem;
cursor: text;
background-color: #fefefe;
border: 1px solid #cacaca;

color: #0a0a0a;
}

.tay-tags-before {
/*margin-left: -5px;*/
}
.tay-tag {
display: inline-block;
border: 1px solid #666;
padding: 3px;
margin: 4px;
}
.tay-invalid {
border-color: #c00;
}
.tay-tag-remove:after {
margin-left: 4px;
padding: 0 4px;
content: 'x';
background-color: #ccc;
cursor: pointer;
}
input[type="text"].tay-input{
margin: 0;
display: inline;
box-sizing: inherit;
width: 100%;
height: 2.4375rem;
padding: .125rem;
border: none;
margin: 0;
font-family: inherit;
font-size: 1rem;
color: #0a0a0a;
background-color: #fefefe;
box-shadow: none;
border-radius: 0;
transition: box-shadow .5s,border-color .25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
}
.tay-input[placeholder] {
min-width: 100%;
}
.tac-container {
display: none;
position: absolute;
-webkit-box-shadow: 1px 2px 6px;
box-shadow: 1px 2px 6px;
background-color: #fff;
color: #333;
-webkit-transition: left 0.1s ease-in-out;
-moz-transition: left 0.1s ease-in-out;
-o-transition: left 0.1s ease-in-out;
-ms-transition: left 0.1s ease-in-out;
transition: left 0.1s ease-in-out;
}
.tac-list {
padding: 0;
margin: 0;
list-style-type: none;
}
.tac-show {
display: block;
}
.tac-hide {
display: none;
}
.tac-empty {
cursor: default;
padding: 7px;
}
.tac-item {
cursor: pointer;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding: 7px;
}
.tac-item:hover {
background-color: #444;
color: #fff;
}
.tac-selected {
background-color: #333;
color: #fff;
}
.tac-char-highlight {
font-weight: bold;
}
.tac-category-id {
background-color: #eee;
color: #aaa;
text-align: right;
text-transform: capitalize;
font-style: italic;
font-size: 12px;
-webkit-box-shadow: 1px 0px 1px;
box-shadow: 1px 0px 1px;
padding: 7px;
}
Loading

0 comments on commit b3a367a

Please sign in to comment.