1 line
7.7 KiB
Plaintext
1 line
7.7 KiB
Plaintext
{"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}"]} |