{"version":3,"sources":["sticky/_sticky.scss","sticky.css"],"names":[],"mappings":"AAAA,4DAAA;AACA;EACC,wBAAA;EACA,kBAAA;ACCD;;ADEA,8EAAA;AACA;EACC,SAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,UAAA;EACA,kBAAA;EACA,UAAA;ACCD;;ADEA,8HAAA;AAEA;;EAEC,UAAA;EACA,YAAA;EACA,SAAA;EACA,iBAAA;EACA,gBAAA;EACA,WAAA;ACAD,EDCE,gEAAA;AAEF;EACC,kBAAA;ACDD;;ADIA;;EAEC,YAAA,EAAA,MAAA;EACA,cAAA,EAAA,MAAA;ACDD;;ADIA;EACC,WAAA;ACDD;;ADGA;EACC,yBAAA;UAAA,iBAAA;EACA,mCAAA;UAAA,2BAAA;EACA,uCAAA;UAAA,+BAAA;ACAD;;ADEA;EACC,aAAA;ACCD;;ADCA;EACC,WAAA;EACA,cAAA;EACA,kBAAA;EACA,YAAA;EACA,uBAAA;EACA,iBAAA;EACA,YAAA;EACA,kBAAA;EACA,yBAAA;EACA,2CAAA;EAAA,mCAAA;EAAA,2BAAA;EAAA,oDAAA;EACA,UAAA;ACED;ADCC;EACC,YAAA;ACCF;ADCC;EACC,qDAAA;UAAA,6CAAA;EACA,0CAAA;UAAA,kCAAA;EACA,YAAA;EACA,YAAA;EACA,2CAAA;EAAA,mCAAA;EAAA,2BAAA;EAAA,oDAAA;ACCF;ADEC;EACC,6BAAA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,WAAA;ACAF;ADCE;EACC,WAAA;ACCH;ADEG,kCAAA,gBAAA;EACA,WAAA;ACAH;ADGG,mCAAA,gBAAA;EACA,WAAA;ACDH;ADIG;EACA,WAAA;ACFH;ADKE;EACC,aAAA;EACA,YAAA;EACA,8DAAA;UAAA,sDAAA;ACHH;ADKE;EACC,eAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;ACHH;ADKE;EACC,iBAAA;ACHH;ADMC;EACC,mBAAA;ACJF;ADMC;EACC,mBAAA;ACJF;ADMC;EACC,mBAAA;ACJF;ADMC;EACC,mBAAA;ACJF;ADMC;EACC,mBAAA;ACJF;;ADQA,kBAAA;AACA;EACC,cAAA;EACA,gBAAA;EACA,qBAAA;EACA,6DAAA;EAAA,qDAAA;EAAA,6CAAA;EAAA,sEAAA;ACLD;ADOC;EACC,kBAAA;EACA,MAAA;EACA,YAAA;EACA,WAAA;ACLF;;ADSA;EACC;IACC,gBAAA;IACA,iBAAA;ECNA;AACF","file":"sticky.css","sourcesContent":["/* * Hide from both screenreaders and browsers: h5bp.com/u */\r\n.hidden {\r\n\tdisplay: none !important;\r\n\tvisibility: hidden;\r\n}\r\n\r\n/* * Hide only visually, but have it available for screenreaders: h5bp.com/v */\r\n.visuallyhidden {\r\n\tborder: 0;\r\n\tclip: rect(0 0 0 0);\r\n\theight: 1px;\r\n\tmargin: -1px;\r\n\toverflow: hidden;\r\n\tpadding: 0;\r\n\tposition: absolute;\r\n\twidth: 1px;\r\n}\r\n\r\n/* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */\r\n\r\n.visuallyhidden.focusable:active,\r\n.visuallyhidden.focusable:focus {\r\n\tclip: auto;\r\n\theight: auto;\r\n\tmargin: 0;\r\n\toverflow: visible;\r\n\tposition: static;\r\n\twidth: auto;\r\n} /* * Hide visually and from screenreaders, but maintain layout */\r\n\r\n.invisible {\r\n\tvisibility: hidden;\r\n}\r\n\r\n.clearfix:before,\r\n.clearfix:after {\r\n\tcontent: \" \"; /* 1 */\r\n\tdisplay: table; /* 2 */\r\n}\r\n\r\n.clearfix:after {\r\n\tclear: both;\r\n}\r\n.noflick {\r\n\tperspective: 1000;\r\n\tbackface-visibility: hidden;\r\n\ttransform: translate3d(0,0,0);\r\n}\r\n.sticky-note{\r\n\tmargin: -15px;\r\n}\r\n.note {\r\n\tfloat: left;\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\tpadding: 1em;\r\n\twidth: calc(25% - 30px);\r\n\tmin-height: 300px;\r\n\tmargin: 15px;\r\n\tborder-radius: 5px;\r\n\tbackground-color: lighten($primary-color,20%);\r\n\ttransition: transform .15s;\r\n\tz-index: 1;\r\n\t@extend .noflick;\r\n\r\n\t&:hover {\r\n\t\tcursor: move;\r\n\t}\r\n\t&.ui-draggable-dragging:nth-child(n) {\r\n\t\tbox-shadow: 5px 5px 15px 0 rgba(0,0,0,.3);\r\n\t\ttransform: scale(1.125) !important;\r\n\t\tz-index: 100;\r\n\t\tcursor: move;\r\n\t\ttransition: transform .150s;\r\n\t}\r\n\r\n\ttextarea {\r\n\t\tbackground-color: transparent;\r\n\t\tborder: none;\r\n\t\tresize: vertical;\r\n\t\tfont-style: italic;\r\n\t\twidth: 100%;\r\n\t\tpadding: 5px;\r\n\t\tcolor: #fff;  \r\n\t\t&::-webkit-input-placeholder {\r\n\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t&:-moz-placeholder { /* Firefox 18- */\r\n\t\t\tcolor: #fff;  \r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t&::-moz-placeholder {  /* Firefox 19+ */\r\n\t\t\tcolor: #fff;  \r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t&:-ms-input-placeholder {\r\n\t\t\tcolor: #fff;  \r\n\t\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\toutline: none;\r\n\t\t\tborder: none;\r\n\t\t\tbox-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.2) inset;\r\n\t\t}\r\n\t\t&.title {\r\n\t\t\tfont-size: 24px;\r\n\t\t\tline-height: 1.2;\r\n\t\t\tcolor: #fff;\r\n\t\t\theight: 64px;\r\n\t\t\tmargin-top: 20px;\r\n\t\t}\r\n\t\t&.cnt {\r\n\t\t\tmin-height: 200px;\r\n\t\t}\r\n\t}\r\n\t&:nth-child(2n) {\r\n\t\tbackground: lighten($secondary-color ,35%);\r\n\t}\r\n\t&:nth-child(3n) {\r\n\t\tbackground: lighten($success-color ,50%);\r\n\t}\r\n\t&:nth-child(4n) {\r\n\t\tbackground: lighten($light-font ,25%);\r\n\t}\r\n\t&:nth-child(5n) {\r\n\t\tbackground: lighten($warning-color ,35%);\r\n\t}\r\n\t&:nth-child(6n) {\r\n\t\tbackground: lighten($danger-color ,25%);\r\n\t}\r\n}\r\n\r\n/* Button style  */\r\n.button {\r\n\tcolor: #FFFFFF;\r\n\tpadding: 1em 2em;\r\n\ttext-decoration: none;\r\n\ttransition: transform .150s, background .01s;\r\n\t@extend .noflick;\r\n\t&.remove {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tright: -10px;\r\n\t\tcolor: #999;\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: 1199px) {\r\n\t.note {\r\n\t\tmin-width: 260px;\r\n\t\tmin-height: 260px;\r\n\t}\r\n}","/* * Hide from both screenreaders and browsers: h5bp.com/u */\n.hidden {\n  display: none !important;\n  visibility: hidden;\n}\n\n/* * Hide only visually, but have it available for screenreaders: h5bp.com/v */\n.visuallyhidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n/* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */\n.visuallyhidden.focusable:active,\n.visuallyhidden.focusable:focus {\n  clip: auto;\n  height: auto;\n  margin: 0;\n  overflow: visible;\n  position: static;\n  width: auto;\n} /* * Hide visually and from screenreaders, but maintain layout */\n.invisible {\n  visibility: hidden;\n}\n\n.clearfix:before,\n.clearfix:after {\n  content: \" \"; /* 1 */\n  display: table; /* 2 */\n}\n\n.clearfix:after {\n  clear: both;\n}\n\n.noflick, .button, .note {\n  perspective: 1000;\n  backface-visibility: hidden;\n  transform: translate3d(0, 0, 0);\n}\n\n.sticky-note {\n  margin: -15px;\n}\n\n.note {\n  float: left;\n  display: block;\n  position: relative;\n  padding: 1em;\n  width: calc(25% - 30px);\n  min-height: 300px;\n  margin: 15px;\n  border-radius: 5px;\n  background-color: #3eb59f;\n  transition: transform 0.15s;\n  z-index: 1;\n}\n.note:hover {\n  cursor: move;\n}\n.note.ui-draggable-dragging:nth-child(n) {\n  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.3);\n  transform: scale(1.125) !important;\n  z-index: 100;\n  cursor: move;\n  transition: transform 0.15s;\n}\n.note textarea {\n  background-color: transparent;\n  border: none;\n  resize: vertical;\n  font-style: italic;\n  width: 100%;\n  padding: 5px;\n  color: #fff;\n}\n.note textarea::-webkit-input-placeholder {\n  color: #fff;\n}\n.note textarea:-moz-placeholder { /* Firefox 18- */\n  color: #fff;\n}\n.note textarea::-moz-placeholder { /* Firefox 19+ */\n  color: #fff;\n}\n.note textarea:-ms-input-placeholder {\n  color: #fff;\n}\n.note textarea:focus {\n  outline: none;\n  border: none;\n  box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.2) inset;\n}\n.note textarea.title {\n  font-size: 24px;\n  line-height: 1.2;\n  color: #fff;\n  height: 64px;\n  margin-top: 20px;\n}\n.note textarea.cnt {\n  min-height: 200px;\n}\n.note:nth-child(2n) {\n  background: #efe4da;\n}\n.note:nth-child(3n) {\n  background: #8fd7ca;\n}\n.note:nth-child(4n) {\n  background: #b1b1b1;\n}\n.note:nth-child(5n) {\n  background: #f9f2d2;\n}\n.note:nth-child(6n) {\n  background: #e9969e;\n}\n\n/* Button style  */\n.button {\n  color: #FFFFFF;\n  padding: 1em 2em;\n  text-decoration: none;\n  transition: transform 0.15s, background 0.01s;\n}\n.button.remove {\n  position: absolute;\n  top: 0;\n  right: -10px;\n  color: #999;\n}\n\n@media only screen and (max-width: 1199px) {\n  .note {\n    min-width: 260px;\n    min-height: 260px;\n  }\n}"]}