mirror_css/css-water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-01-17 11:48:13 +01:00
Code Issues Releases Wiki Activity
css-water.css/dist/dark.min.css.map
Bobo 5b3dac19e8 add and style input type range
2019-06-19 13:34:10 +03:00

1 line
11 KiB
Plaintext
Raw Blame History

{"version":3,"sources":["../variables-dark.css","../variables-light.css","dark.css","../parts/_base.css","../parts/_typography.css","../parts/_forms.css","../parts/_links.css","../parts/_code.css","../parts/_misc.css"],"names":[],"mappings":"AAAA,MACE,yBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,cAAe,CAEf,yBAA0B,CAC1B,sBAAuB,CAEvB,qCAAsC,CACtC,+BAAyE,CAEzE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,mBACF,CC1BA,oCAAA,MACE,sBAA0B,CAC1B,oBAAqB,CACrB,wBAAyB,CAEzB,mBAAoB,CAEpB,mBAAoB,CACpB,kBAAsB,CAEtB,eAAgB,CAChB,4BAAkB,CAClB,gBAAiB,CACjB,WAAe,CAEf,yBAA0B,CAC1B,mBAAuB,CAEvB,yBAAgE,CAChE,+BAAuE,CAEvE,0BAA2B,CAC3B,gBAAoB,CAEpB,kBAAmB,CACnB,gBACF,CCuCA,CCjEA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,sBAAuB,CACvB,iCAAkC,CAElC,iCACF,CAEA,sBACE,sOAKF,CCpBA,GACE,eAAgB,CAChB,YACF,CAEA,kBAME,kBACF,CAEA,yBAOE,wBACF,CAEA,8BASE,eACF,CAMA,iBACG,YACH,CAEA,aACE,kCAAmC,CACnC,cAAiB,CACjB,gBAAkB,CAClB,iBACF,CAEA,kBACE,eAAgB,CAChB,iBACF,CAMA,wBACE,iBACF,CAEA,uBACE,aACF,CAEA,oBACE,aACF,CAEA,oBACE,aACF,CAEA,KACE,iCAAkC,CAClC,iBAAkB,CAClB,aAAwB,CACxB,UACF,CCjFA,oFAKE,cACF,CAEA,oDAEE,aACF,CAEA,sBAGE,sBAAuB,CACvB,kCAAmC,CAEnC,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YACF,CAEA,oEAIE,uBACF,CAEA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eACF,CAEA,6CAGE,kBAAmB,CACnB,iBACF,CAEA,+DAGE,8BACF,CAEA,qDAIE,iCACF,CAEA,gJAME,yBACF,CAEA,iEAIE,kBAAmB,CACnB,UACF,CAEA,4BACE,6BACF,CAFA,uBACE,6BACF,CAFA,wBACE,6BACF,CAFA,cACE,6BACF,CAEA,kBACE,uBAAwB,CACxB,aAAc,CACd,sBACF,CACA,wBACE,YACF,CAEA,iDACE,UAAW,CACX,YAAa,CACb,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,wCACE,yCAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAAyB,CACzB,uBAAwB,CACxB,eACF,CACA,uDACE,4BACF,CACA,oCACE,UAAW,CACX,YAAa,CACb,cAAe,CACf,cAAgB,CAChB,4BAA6B,CAC7B,iBACF,CACA,oCACE,2CAAoD,CACpD,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,6BACE,UAAW,CACX,YAAa,CACb,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBACF,CAOA,oEACE,4BAA6B,CAC7B,yBAA2B,CAC3B,iBAAkB,CAClB,2CACF,CACA,6BACE,2CAAoD,CACpD,qBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBACF,CAIA,gFACE,4BACF,CClKA,EACE,oBAAqB,CACrB,kBACF,CAEA,QACE,yBACF,CCPA,eACE,4BAA8B,CAC9B,iBAAkB,CAClB,iBAAkB,CAClB,iBAAkB,CAClB,aACF,CAEA,SACE,YAAa,CACb,aAAc,CACd,eACF,CAEA,IACE,qBAAsB,CACtB,iBAAkB,CAClB,qBACF,CAEA,IACE,4BAA6B,CAC7B,8BAA+B,CAC/B,iBAAkB,CAClB,sBAAuB,CACvB,eACF,CC1BA,IACE,cAAe,CACf,WACF,CAEA,GACE,WAAY,CACZ,kCACF,CAEA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UACF,CAEA,MAEE,WAAY,CACZ,eACF,CAEA,GACE,qCACF,CAEA,uBACE,sCACF,CAEA,oBACE,WAAY,CACZ,UACF,CAEA,0BACE,4BAA6B,CAC7B,iBACF,CAEA,0BACE,iCAAkC,CAClC,iBACF,CAEA,gCACE,uCACF,CAEA,iBACE,iCACF,CAFA,YACE,iCACF","file":"dark.min.css","sourcesContent":[":root {\r\n --background-body: #202b38;\r\n --background: #161f27;\r\n --background-alt: #1a242f;\r\n\r\n --selection: #161f27;\r\n\r\n --text-main: #dbdbdb;\r\n --text-bright: #ffffff;\r\n\r\n --links: #41adff;\r\n --focus: #0096bfab;\r\n --border: #dbdbdb;\r\n --code: #ffbe85;\r\n\r\n --animation-duration: 0.1s;\r\n --button-hover: #324759;\r\n\r\n --scrollbar-thumb: var(--button-hover);\r\n --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));\r\n\r\n --form-placeholder: #a9a9a9;\r\n --form-text: #ffffff;\r\n\r\n --variable: #d941e2;\r\n --highlight: #efdb43;\r\n}\r\n",":root {\r\n --background-body: #ffffff;\r\n --background: #efefef;\r\n --background-alt: #f7f7f7;\r\n\r\n --selection: #9e9e9e;\r\n\r\n --text-main: #363636;\r\n --text-bright: #000000;\r\n\r\n --links: #0076d1;\r\n --focus: #0096bfab;\r\n --border: #dbdbdb;\r\n --code: #000000;\r\n\r\n --animation-duration: 0.1s;\r\n --button-hover: #dddddd;\r\n\r\n --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));\r\n --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));\r\n\r\n --form-placeholder: #949494;\r\n --form-text: #000000;\r\n\r\n --variable: #39a33c;\r\n --highlight: #ffff00;\r\n}\r\n","/**\r\n * Dark-themed version:\r\n * uses dark theme by default but switches to light theme\r\n * if a system-wide theme preference is set on the user's device.\r\n *\r\n * Variables will remain uncompiled so the theme can update dynamically\r\n * at runtime in the browser.\r\n */\r\n\r\n@import '../variables-dark.css';\r\n@import '../variables-light.css' (prefers-color-scheme: light);\r\n\r\n@import '../parts/_core.css';\r\n","body {\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n line-height: 1.4;\r\n\r\n max-width: 800px;\r\n margin: 20px auto;\r\n padding: 0 10px;\r\n\r\n color: var(--text-main);\r\n background: var(--background-body);\r\n\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbutton, input, textarea {\r\n transition: background-color var(--animation-duration) linear,\r\n border-color var(--animation-duration) linear,\r\n color var(--animation-duration) linear,\r\n box-shadow var(--animation-duration) linear,\r\n transform var(--animation-duration) ease;\r\n}\r\n","h1 {\r\n font-size: 2.2em;\r\n margin-top: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-bottom: 12px;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nstrong {\r\n color: var(--text-bright);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nb,\r\nstrong,\r\nth {\r\n font-weight: 600;\r\n}\r\n\r\nq:before {\r\n content: none;\r\n}\r\n\r\nq:after {\r\n content: none;\r\n}\r\n\r\nblockquote , q{\r\n border-left: 4px solid var(--focus);\r\n margin: 1.5em 0em;\r\n padding: 0.5em 1em;\r\n font-style: italic;\r\n}\r\n\r\nblockquote > footer {\r\n margin-top: 10px;\r\n font-style: normal;\r\n}\r\n\r\nblockquote cite {\r\n font-style: normal;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\na[href^='mailto']::before {\r\n content: '📧 ';\r\n}\r\n\r\na[href^='tel']::before {\r\n content: '📞 ';\r\n}\r\n\r\na[href^='sms']::before {\r\n content: '💬 ';\r\n}\r\n\r\nmark {\r\n background-color: var(--highlight);\r\n border-radius: 2px;\r\n padding: 0px 2px 0px 2px;\r\n color: #000000;\r\n}","button,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"checkbox\"],\r\ninput[type=\"range\"] {\r\n cursor: pointer;\r\n}\r\n\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect {\r\n display: block;\r\n}\r\n\r\ninput,\r\nbutton,\r\ntextarea {\r\n color: var(--form-text);\r\n background-color: var(--background);\r\n\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n margin-right: 6px;\r\n margin-bottom: 6px;\r\n padding: 10px;\r\n\r\n border: none;\r\n border-radius: 6px;\r\n outline: none;\r\n}\r\n\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\nbutton,\r\ntextarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\ntextarea {\r\n margin-right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n resize: vertical;\r\n}\r\n\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"] {\r\n padding-right: 30px;\r\n padding-left: 30px;\r\n}\r\n\r\nbutton:hover,\r\ninput[type=\"submit\"]:hover,\r\ninput[type=\"button\"]:hover {\r\n background: var(--button-hover);\r\n}\r\n\r\ninput:focus,\r\nselect:focus,\r\nbutton:focus,\r\ntextarea:focus {\r\n box-shadow: 0 0 0 2px var(--focus);\r\n}\r\n\r\ninput[type=\"checkbox\"]:active,\r\ninput[type=\"radio\"]:active,\r\ninput[type=\"submit\"]:active,\r\ninput[type=\"button\"]:active,\r\ninput[type=\"range\"]:active,\r\nbutton:active {\r\n transform: translateY(2px);\r\n}\r\n\r\ninput:disabled,\r\nselect:disabled,\r\nbutton:disabled,\r\ntextarea:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n::placeholder {\r\n color: var(--form-placeholder);\r\n}\r\n\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n margin: 10px 0;\r\n background: transparent;\r\n}\r\ninput[type=\"range\"]:focus {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"range\"]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 9.5px;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n -webkit-appearance: none;\r\n margin-top: -7px;\r\n}\r\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]::-moz-range-track {\r\n width: 100%;\r\n height: 9.5px;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n background: var(--background);\r\n border-radius: 3px;\r\n}\r\ninput[type=\"range\"]::-moz-range-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]::-ms-track {\r\n width: 100%;\r\n height: 9.5px;\r\n background: transparent;\r\n border-color: transparent;\r\n border-width: 16px 0;\r\n color: transparent;\r\n}\r\ninput[type=\"range\"]::-ms-fill-lower {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-fill-upper {\r\n background: var(--background);\r\n border: 0.2px solid #010101;\r\n border-radius: 3px;\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n}\r\ninput[type=\"range\"]::-ms-thumb {\r\n box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n border: 1px solid #000000;\r\n height: 20px;\r\n width: 20px;\r\n border-radius: 50%;\r\n background: var(--border);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-lower {\r\n background: var(--background);\r\n}\r\ninput[type=\"range\"]:focus::-ms-fill-upper {\r\n background: var(--background);\r\n}\r\n","a {\r\n text-decoration: none;\r\n color: var(--links);\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}","code, samp, time {\r\n background: var(--background);\r\n color: var(--code);\r\n padding: 2.5px 5px;\r\n border-radius: 6px;\r\n font-size: 1em;\r\n}\r\n\r\npre > code {\r\n padding: 10px;\r\n display: block;\r\n overflow-x: auto;\r\n}\r\n\r\nvar {\r\n color: var(--variable);\r\n font-style: normal;\r\n font-family: monospace;\r\n}\r\n\r\nkbd {\r\n background: var(--background);\r\n border: 1px solid var(--border);\r\n border-radius: 2px;\r\n color: var(--text-main);\r\n padding: 2px 4px 2px 4px;\r\n}","img {\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n\r\nhr {\r\n border: none;\r\n border-top: 1px solid var(--border);\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 6px;\r\n text-align: left;\r\n}\r\n\r\nth {\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n background-color: var(--background-alt);\r\n}\r\n\r\n::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: var(--background);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: var(--scrollbar-thumb);\r\n border-radius: 6px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: var(--scrollbar-thumb-hover);\r\n}\r\n\r\n::selection {\r\n background-color: var(--selection);\r\n}\r\n"]}
Reference in New Issue View Git Blame Copy Permalink