{"version":3,"sources":["sticky/_sticky.scss"],"names":[],"mappings":"AAAA,4DAAA;AACA;EACC,wBAAwB;EACxB,kBAAkB,EAAA;;AAGnB,8EAAA;AACA;EACC,SAAS;EACT,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACV,kBAAkB;EAClB,UAAU,EAAA;;AAGX,8HAAA;AAEA;;EAEC,UAAU;EACV,YAAY;EACZ,SAAS;EACT,iBAAiB;EACjB,gBAAgB;EAChB,WAAW,EAAA;;AACV,gEAAA;AAEF;EACC,kBAAkB,EAAA;;AAGnB;;EAEC,YAAY;EAAE,MAAA;EACd,cAAc;EAAE,MAAA,EAAO;;AAGxB;EACC,WAAW,EAAA;;AAEZ;EACC,yBAAiB;UAAjB,iBAAiB;EACjB,mCAA2B;UAA3B,2BAA2B;EAC3B,uCAA6B;UAA7B,+BAA6B,EAAA;;AAE9B;EACC,aAAa,EAAA;;AAEd;EACC,WAAW;EACX,cAAc;EACd,kBAAkB;EAClB,YAAY;EACZ,uBAAuB;EACvB,iBAAiB;EACjB,YAAY;EACZ,kBAAkB;EAClB,yBAA6C;EAC7C,0CAA0B;EAA1B,kCAA0B;EAA1B,0BAA0B;EAA1B,kDAA0B;EAC1B,UAAU,EAAA;EAXX;IAeE,YAAY,EAAA;EAfd;IAkBE,qDAAyC;YAAzC,6CAAyC;IACzC,0CAAkC;YAAlC,kCAAkC;IAClC,YAAY;IACZ,YAAY;IACZ,2CAA2B;IAA3B,mCAA2B;IAA3B,2BAA2B;IAA3B,oDAA2B,EAAA;EAtB7B;IA0BE,6BAA6B;IAC7B,YAAY;IACZ,gBAAgB;IAChB,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,WAAW,EAAA;IAhCb;MAkCG,WAAW,EAAA;IAlCd;MAqCwB,gBAAA;MACrB,WAAW,EAAA;IAtCd;MAyC0B,gBAAA;MACvB,WAAW,EAAA;IA1Cd;MA8CG,WAAW,EAAA;IA9Cd;MAkDG,aAAa;MACb,YAAY;MACZ,8DAAsD;cAAtD,sDAAsD,EAAA;IApDzD;MAuDG,eAAe;MACf,gBAAgB;MAChB,WAAW;MACX,YAAY;MACZ,gBAAgB,EAAA;IA3DnB;MA8DG,iBAAiB,EAAA;EA9DpB;IAkEE,mBAA0C,EAAA;EAlE5C;IAqEE,mBAAwC,EAAA;EArE1C;IAwEE,mBAAqC,EAAA;EAxEvC;IA2EE,mBAAwC,EAAA;EA3E1C;IA8EE,mBAAuC,EAAA;;AAIzC,kBAAA;AACA;EACC,cAAc;EACd,gBAAgB;EAChB,qBAAqB;EACrB,4DAA4C;EAA5C,oDAA4C;EAA5C,4CAA4C;EAA5C,qEAA4C,EAAA;EAJ7C;IAOE,kBAAkB;IAClB,MAAM;IACN,YAAY;IACZ,WAAW,EAAA;;AAIb;EAjGA;IAmGE,gBAAgB;IAChB,iBAAiB,EAAA,EACjB","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}"]}