Permalink
Browse files

created a min css version of the app, inclued as well a dev version o…

…f the css and started a sass version of the css
  • Loading branch information...
1 parent daa5cf5 commit fa1f5dea954e0d4e3035c1ad86d2c3193889b780 @douglasdeodato douglasdeodato committed Aug 24, 2016
Showing with 213 additions and 3 deletions.
  1. +1 −0 .gitignore
  2. +3 −3 Gruntfile.js
  3. +108 −0 css/multi-select.dev.css
  4. +7 −0 css/multi-select.dev.css.map
  5. +1 −0 css/multi-select.dist.css
  6. +93 −0 scss/multi-select.scss
View
@@ -1,2 +1,3 @@
.DS_Store
node_modules/
+.sass-cache/
View
@@ -5,9 +5,9 @@
//src ===============================
var src;
config.src = src = {
- sassMain : 'scss/app.scss',
- distFolder : 'css/app.dist.css',
- devFolder : 'app.dev.css',
+ sassMain : 'scss/multi-select.scss',
+ distFolder : 'css/multi-select.dist.css',
+ devFolder : 'css/multi-select.dev.css',
sassFolder : 'scss/**/*.scss',
};
@@ -0,0 +1,108 @@
+/* line 1, ../scss/multi-select.scss */
+.ms-container {
+ background: transparent url("../img/switch.png") no-repeat 50% 50%;
+ width: 370px;
+}
+
+/* line 6, ../scss/multi-select.scss */
+.ms-container:after {
+ content: ".";
+ display: block;
+ height: 0;
+ line-height: 0;
+ font-size: 0;
+ clear: both;
+ min-height: 0;
+ visibility: hidden;
+}
+
+/* line 17, ../scss/multi-select.scss */
+.ms-container .ms-selectable, .ms-container .ms-selection {
+ background: #fff;
+ color: #555555;
+ float: left;
+ width: 45%;
+}
+
+/* line 23, ../scss/multi-select.scss */
+.ms-container .ms-selection {
+ float: right;
+}
+
+/* line 27, ../scss/multi-select.scss */
+.ms-container .ms-list {
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+ -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+ -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
+ -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+ transition: border linear 0.2s, box-shadow linear 0.2s;
+ border: 1px solid #ccc;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ position: relative;
+ height: 200px;
+ padding: 0;
+ overflow-y: auto;
+}
+
+/* line 46, ../scss/multi-select.scss */
+.ms-container .ms-list.ms-focus {
+ border-color: rgba(82, 168, 236, 0.8);
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+ outline: 0;
+ outline: thin dotted \9;
+}
+
+/* line 55, ../scss/multi-select.scss */
+.ms-container ul {
+ margin: 0;
+ list-style-type: none;
+ padding: 0;
+}
+
+/* line 61, ../scss/multi-select.scss */
+.ms-container .ms-optgroup-container {
+ width: 100%;
+}
+
+/* line 65, ../scss/multi-select.scss */
+.ms-container .ms-optgroup-label {
+ margin: 0;
+ padding: 5px 0px 0px 5px;
+ cursor: pointer;
+ color: #999;
+}
+
+/* line 72, ../scss/multi-select.scss */
+.ms-container .ms-selectable li.ms-elem-selectable,
+.ms-container .ms-selection li.ms-elem-selection {
+ border-bottom: 1px #eee solid;
+ padding: 2px 10px;
+ color: #555;
+ font-size: 14px;
+}
+
+/* line 80, ../scss/multi-select.scss */
+.ms-container .ms-selectable li.ms-hover,
+.ms-container .ms-selection li.ms-hover {
+ cursor: pointer;
+ color: #fff;
+ text-decoration: none;
+ background-color: #08c;
+}
+
+/* line 88, ../scss/multi-select.scss */
+.ms-container .ms-selectable li.disabled,
+.ms-container .ms-selection li.disabled {
+ background-color: #eee;
+ color: #aaa;
+ cursor: text;
+}
+
+/*# sourceMappingURL=multi-select.dev.css.map */
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": ";AAAA,aAAa;EACX,UAAU,EAAE,sDAAsD;EAClE,KAAK,EAAE,KAAK;;;;AAGd,mBAAmB;EACjB,OAAO,EAAE,GAAG;EACZ,OAAO,EAAE,KAAK;EACd,MAAM,EAAE,CAAC;EACT,WAAW,EAAE,CAAC;EACd,SAAS,EAAE,CAAC;EACZ,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,CAAC;EACb,UAAU,EAAE,MAAM;;;;AAGpB,yDAAyD;EACvD,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,OAAO;EACd,KAAK,EAAE,IAAI;EACX,KAAK,EAAE,GAAG;;;;AAEZ,2BAA2B;EACzB,KAAK,EAAE,KAAK;;;;AAGd,sBAAsB;EACpB,kBAAkB,EAAE,oCAAoC;EACxD,eAAe,EAAE,oCAAoC;EACrD,UAAU,EAAE,oCAAoC;EAChD,kBAAkB,EAAE,0CAA0C;EAC9D,eAAe,EAAE,0CAA0C;EAC3D,cAAc,EAAE,0CAA0C;EAC1D,aAAa,EAAE,0CAA0C;EACzD,UAAU,EAAE,0CAA0C;EACtD,MAAM,EAAE,cAAc;EACtB,qBAAqB,EAAE,GAAG;EAC1B,kBAAkB,EAAE,GAAG;EACvB,aAAa,EAAE,GAAG;EAClB,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,IAAI;;;;AAGlB,+BAA+B;EAC7B,YAAY,EAAE,uBAAuB;EACrC,kBAAkB,EAAE,qEAAqE;EACzF,eAAe,EAAE,qEAAqE;EACtF,UAAU,EAAE,qEAAqE;EACjF,OAAO,EAAE,CAAC;EACV,OAAO,EAAE,cAAc;;;;AAGzB,gBAAgB;EACd,MAAM,EAAE,CAAC;EACT,eAAe,EAAE,IAAI;EACrB,OAAO,EAAE,CAAC;;;;AAGZ,oCAAoC;EAClC,KAAK,EAAE,IAAI;;;;AAGb,gCAAgC;EAC9B,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,eAAe;EACxB,MAAM,EAAE,OAAO;EACf,KAAK,EAAE,IAAI;;;;AAGb;gDACgD;EAC9C,aAAa,EAAE,cAAc;EAC7B,OAAO,EAAE,QAAQ;EACjB,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,IAAI;;;;AAGjB;uCACuC;EACrC,MAAM,EAAE,OAAO;EACf,KAAK,EAAE,IAAI;EACX,eAAe,EAAE,IAAI;EACrB,gBAAgB,EAAE,IAAI;;;;AAGxB;uCACuC;EACrC,gBAAgB,EAAE,IAAI;EACtB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI",
+"sources": ["../scss/multi-select.scss"],
+"names": [],
+"file": "multi-select.dev.css"
+}
@@ -0,0 +1 @@
+.ms-container{background:transparent url("../img/switch.png") no-repeat 50% 50%;width:370px}.ms-container:after{content:".";display:block;height:0;line-height:0;font-size:0;clear:both;min-height:0;visibility:hidden}.ms-container .ms-selectable,.ms-container .ms-selection{background:#fff;color:#555555;float:left;width:45%}.ms-container .ms-selection{float:right}.ms-container .ms-list{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;-moz-transition:border linear 0.2s, box-shadow linear 0.2s;-ms-transition:border linear 0.2s, box-shadow linear 0.2s;-o-transition:border linear 0.2s, box-shadow linear 0.2s;transition:border linear 0.2s, box-shadow linear 0.2s;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:relative;height:200px;padding:0;overflow-y:auto}.ms-container .ms-list.ms-focus{border-color:rgba(82,168,236,0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);outline:0;outline:thin dotted \9}.ms-container ul{margin:0;list-style-type:none;padding:0}.ms-container .ms-optgroup-container{width:100%}.ms-container .ms-optgroup-label{margin:0;padding:5px 0px 0px 5px;cursor:pointer;color:#999}.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection{border-bottom:1px #eee solid;padding:2px 10px;color:#555;font-size:14px}.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover{cursor:pointer;color:#fff;text-decoration:none;background-color:#08c}.ms-container .ms-selectable li.disabled,.ms-container .ms-selection li.disabled{background-color:#eee;color:#aaa;cursor:text}
@@ -0,0 +1,93 @@
+.ms-container{
+ background: transparent url('../img/switch.png') no-repeat 50% 50%;
+ width: 370px;
+}
+
+.ms-container:after{
+ content: ".";
+ display: block;
+ height: 0;
+ line-height: 0;
+ font-size: 0;
+ clear: both;
+ min-height: 0;
+ visibility: hidden;
+}
+
+.ms-container .ms-selectable, .ms-container .ms-selection{
+ background: #fff;
+ color: #555555;
+ float: left;
+ width: 45%;
+}
+.ms-container .ms-selection{
+ float: right;
+}
+
+.ms-container .ms-list{
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+ -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+ -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
+ -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+ transition: border linear 0.2s, box-shadow linear 0.2s;
+ border: 1px solid #ccc;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ position: relative;
+ height: 200px;
+ padding: 0;
+ overflow-y: auto;
+}
+
+.ms-container .ms-list.ms-focus{
+ border-color: rgba(82, 168, 236, 0.8);
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+ outline: 0;
+ outline: thin dotted \9;
+}
+
+.ms-container ul{
+ margin: 0;
+ list-style-type: none;
+ padding: 0;
+}
+
+.ms-container .ms-optgroup-container{
+ width: 100%;
+}
+
+.ms-container .ms-optgroup-label{
+ margin: 0;
+ padding: 5px 0px 0px 5px;
+ cursor: pointer;
+ color: #999;
+}
+
+.ms-container .ms-selectable li.ms-elem-selectable,
+.ms-container .ms-selection li.ms-elem-selection{
+ border-bottom: 1px #eee solid;
+ padding: 2px 10px;
+ color: #555;
+ font-size: 14px;
+}
+
+.ms-container .ms-selectable li.ms-hover,
+.ms-container .ms-selection li.ms-hover{
+ cursor: pointer;
+ color: #fff;
+ text-decoration: none;
+ background-color: #08c;
+}
+
+.ms-container .ms-selectable li.disabled,
+.ms-container .ms-selection li.disabled{
+ background-color: #eee;
+ color: #aaa;
+ cursor: text;
+}

0 comments on commit fa1f5de

Please sign in to comment.