From b3a367aa6530c4b1cd1c132b1bc7d691961144c3 Mon Sep 17 00:00:00 2001 From: diegograsso Date: Tue, 5 Apr 2016 14:54:33 -0300 Subject: [PATCH] Added css --- dist/amd/taggy.css | 108 ++++++++++++++++++++++++++++++++++++++++ dist/commonjs/taggy.css | 108 ++++++++++++++++++++++++++++++++++++++++ dist/es2015/taggy.css | 108 ++++++++++++++++++++++++++++++++++++++++ dist/system/taggy.css | 108 ++++++++++++++++++++++++++++++++++++++++ 4 files changed, 432 insertions(+) create mode 100644 dist/amd/taggy.css create mode 100644 dist/commonjs/taggy.css create mode 100644 dist/es2015/taggy.css create mode 100644 dist/system/taggy.css diff --git a/dist/amd/taggy.css b/dist/amd/taggy.css new file mode 100644 index 0000000..d90258a --- /dev/null +++ b/dist/amd/taggy.css @@ -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; +} diff --git a/dist/commonjs/taggy.css b/dist/commonjs/taggy.css new file mode 100644 index 0000000..d90258a --- /dev/null +++ b/dist/commonjs/taggy.css @@ -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; +} diff --git a/dist/es2015/taggy.css b/dist/es2015/taggy.css new file mode 100644 index 0000000..d90258a --- /dev/null +++ b/dist/es2015/taggy.css @@ -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; +} diff --git a/dist/system/taggy.css b/dist/system/taggy.css new file mode 100644 index 0000000..d90258a --- /dev/null +++ b/dist/system/taggy.css @@ -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; +}