sanitize.css
Advanced tools
| /*! sanitize.css v2.0.0 | CC0 1.0 Public Domain | github.com/jonathantneal/sanitize.css */pre,textarea{overflow:auto}:root,[aria-disabled]{cursor:default}[hidden],audio:not([controls]),template{display:none}button{overflow:visible}details,main,summary{display:block}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}progress{display:inline-block}small{font-size:75%}textarea{resize:vertical}*,::after,::before{box-sizing:inherit;border-style:solid;border-width:0}*{font-size:inherit;line-height:inherit;margin:0;padding:0}::after,::before{text-decoration:inherit;vertical-align:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;box-sizing:border-box;font:100%/1.5 sans-serif;text-rendering:optimizeLegibility}html{background-color:#FFF;color:#000}a{text-decoration:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}[type=number],[type=search],[type=submit],[type=tel],[type=text],[type=time],[type=url],[type=week],[type=button],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=password],[type=reset],button,select,textarea{min-height:1.5em}code,kbd,pre,samp{font-family:monospace,monospace}nav ol,nav ul{list-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}table{border-collapse:collapse;border-spacing:0}::-moz-selection{background-color:#B3D4FC;color:#4c2b03;text-shadow:none}::selection{background-color:#B3D4FC;color:#4c2b03;text-shadow:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto} | ||
| /*# sourceMappingURL=sanitize.min.css.map */ |
| {"version":3,"sources":["sanitize.css","sanitize.scss"],"names":[],"mappings":"AAAA,0FCwEA,aAiBC,aAAU,CAoDX,sBA+IC,cAAQ,CD7NT,wCCzBC,YAAS,CAGV,OACC,gBAAU,CAGX,qBACC,aAAS,CAIM,mBACd,UAAO,CAGO,mBACd,4BAAoB,CAGnB,+FACA,uBAAoB,CAiBvB,SACC,oBAAS,CAGV,MACC,aA7DiB,CAoElB,SA0KC,eA3OiB,CA+ElB,mBACC,mBAyBA,mBACA,cAAc,CAvBf,EACC,kBACA,oBA2BA,SACA,SAAS,CAvBV,iBAAC,wBACA,sBAAgB,CA2BjB,MA7GC,4CACA,kBACA,8BA4GA,sBAEA,yBACA,iCA1IqB,CA+ItB,KACC,sBACA,UA9IY,CAmJb,EACC,oBAnJwB,CA6JzB,kCACC,qBA3J8B,CAmK/B,6BACC,6BASA,cACA,oBACA,mBACA,mBAAa,CDvCd,kPC+DC,gBAzMyD,CAiN1D,kBACC,+BAAqC,CAMlC,cACH,eAtNgB,CA2NjB,OACC,qBACA,uBAAoB,CAEnB,mBACA,YAAS,CAGT,kBACA,kBAAO,CAMT,MACC,yBACA,gBAtOsB,CAiPvB,iBACC,yBACA,cACA,gBAvPuB,CAoPxB,ADzDA,YC0DC,yBACA,cACA,gBAvPuB,CD2LxB,iBCkEC,eAAQ,CD9DT,gBCoEC,cAAQ,CD5DT,4BCwEC,mBACA,gBACA,iBAAU,CDpEX,kCCuEE,SAAM,CAAA","file":"sanitize.min.css","sourcesContent":["/*! sanitize.css v2.0.0 | CC0 1.0 Public Domain | github.com/jonathantneal/sanitize.css */pre,textarea{overflow:auto}:root,[aria-disabled]{cursor:default}[hidden],audio:not([controls]),template{display:none}button{overflow:visible}details,main,summary{display:block}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}progress{display:inline-block}small{font-size:75%}textarea{resize:vertical}*,::after,::before{box-sizing:inherit;border-style:solid;border-width:0}*{font-size:inherit;line-height:inherit;margin:0;padding:0}::after,::before{text-decoration:inherit;vertical-align:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;box-sizing:border-box;font:100%/1.5 sans-serif;text-rendering:optimizeLegibility}html{background-color:#FFF;color:#000}a{text-decoration:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}[type=number],[type=search],[type=submit],[type=tel],[type=text],[type=time],[type=url],[type=week],[type=button],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=password],[type=reset],button,select,textarea{min-height:1.5em}code,kbd,pre,samp{font-family:monospace,monospace}nav ol,nav ul{list-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}table{border-collapse:collapse;border-spacing:0}::selection{background-color:#B3D4FC;color:#4c2b03;text-shadow:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}","/*! sanitize.css v2.0.0 | CC0 1.0 Public Domain | github.com/jonathantneal/sanitize.css */\n\n$root-box-sizing: border-box !default;\n$root-cursor: default !default;\n$root-font-family: sans-serif !default;\n$root-font-size: 100% !default;\n$root-line-height: 1.5 !default;\n$root-text-rendering: optimizeLegibility !default;\n\n$html-background-color: #FFFFFF !default;\n$html-color: #000000 !default;\n$anchor-text-decoration: none !default;\n$form-element-background-color: transparent !default;\n$form-element-min-height: if(unitless($root-line-height), #{$root-line-height}em, if(unit($root-line-height) != '%', $root-line-height, null)) !default;\n$media-element-vertical-align: middle !default;\n$monospace-font-family: monospace !default;\n$nav-list-style: none !default;\n$selection-background-color: #B3D4FC !default;\n$selection-color: invert($selection-background-color) !default;\n$selection-text-shadow: none !default;\n$small-font-size: 75% !default;\n$table-border-collapse: collapse !default;\n$table-border-spacing: 0 !default;\n$textarea-resize: vertical !default;\n\n\n\n/*\n * Normalization\n */\n\n:root {\n\t-ms-overflow-style: -ms-autohiding-scrollbar; // Edge 12+, Internet Explorer 11-\n\toverflow-y: scroll; // All browsers without overlaying scrollbars\n\t-webkit-text-size-adjust: 100%; // iOS 8+\n}\n\naudio:not([controls]) {\n\tdisplay: none; // Chrome 44-, iOS 8+, Safari 9+\n}\n\nbutton {\n\toverflow: visible; // Internet Explorer 11-\n}\n\ndetails {\n\tdisplay: block; // Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+\n}\n\ninput {\n\t&[type=\"number\"] {\n\t\twidth: auto; // Firefox 36+\n\t}\n\n\t&[type=\"search\"] {\n\t\t-webkit-appearance: textfield; // Chrome 45+, Safari 9+\n\n\t\t&::-webkit-search-cancel-button,\n\t\t&::-webkit-search-decoration {\n\t\t\t-webkit-appearance: none; // Chrome 45+, Safari 9+\n\t\t}\n\t}\n}\n\nmain {\n\tdisplay: block; // Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+\n}\n\nsummary {\n\tdisplay: block; // Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+\n}\n\npre {\n\toverflow: auto; // Internet Explorer 11-\n}\n\nprogress {\n\tdisplay: inline-block; // Internet Explorer 11-, Windows Phone 8.1+\n}\n\nsmall {\n\tfont-size: $small-font-size; // All browsers\n}\n\ntemplate {\n\tdisplay: none; // Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+\n}\n\ntextarea {\n\toverflow: auto; // Edge 12+, Internet Explorer 11-\n}\n\n[hidden] {\n\tdisplay: none; // Internet Explorer 10-\n}\n\n/*\n * Universal inheritance\n */\n\n*,\n::before,\n::after {\n\tbox-sizing: inherit;\n}\n\n* {\n\tfont-size: inherit;\n\tline-height: inherit;\n}\n\n::before,\n::after {\n\ttext-decoration: inherit;\n\tvertical-align: inherit;\n}\n\n\n\n/*\n * Opinionated defaults\n */\n\n// specify the border style and width of all elements\n\n*,\n::before,\n::after {\n\tborder-style: solid;\n\tborder-width: 0;\n}\n\n// remove the margin and padding of all elements\n\n* {\n\tmargin: 0;\n\tpadding: 0;\n}\n\n// specify the root styles of the document\n\n:root {\n\tbox-sizing: $root-box-sizing;\n\tcursor: $root-cursor;\n\tfont: #{$root-font-size}/#{$root-line-height} $root-font-family;\n\ttext-rendering: $root-text-rendering;\n}\n\n// specify the background color of html\n\nhtml {\n\tbackground-color: $html-background-color;\n\tcolor: $html-color;\n}\n\n// specify the text decoration of anchors\n\na {\n\ttext-decoration: $anchor-text-decoration;\n}\n\n// specify the alignment of media elements\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n\tvertical-align: $media-element-vertical-align;\n}\n\n// specify the background color of form elements\n\nbutton,\ninput,\nselect,\ntextarea {\n\tbackground-color: $form-element-background-color;\n}\n\n// specify the inherited color and font of form elements\n\nbutton,\ninput,\nselect,\ntextarea {\n\tcolor: inherit;\n\tfont-family: inherit;\n\tfont-style: inherit;\n\tfont-weight: inherit;\n}\n\n// specify the minimum height of form elements\n\nbutton,\n[type=\"button\"],\n[type=\"date\"],\n[type=\"datetime\"],\n[type=\"datetime-local\"],\n[type=\"email\"],\n[type=\"month\"],\n[type=\"number\"],\n[type=\"password\"],\n[type=\"reset\"],\n[type=\"search\"],\n[type=\"submit\"],\n[type=\"tel\"],\n[type=\"text\"],\n[type=\"time\"],\n[type=\"url\"],\n[type=\"week\"],\nselect,\ntextarea {\n\tmin-height: $form-element-min-height;\n}\n\n// specify the font family of code elements\n\ncode,\nkbd,\npre,\nsamp {\n\tfont-family: $monospace-font-family, monospace;\n}\n\n// specify the list style of nav lists\n\nnav ol,\nnav ul {\n\tlist-style: $nav-list-style;\n}\n\n// specify the standard appearance of selects\n\nselect {\n\t-moz-appearance: none; // Firefox 40+\n\t-webkit-appearance: none; // Chrome 45+\n\n\t&::-ms-expand {\n\t\tdisplay: none; // Edge 12+, Internet Explorer 11-\n\t}\n\n\t&::-ms-value {\n\t\tcolor: currentColor; // Edge 12+, Internet Explorer 11-\n\t}\n}\n\n// specify the border styling of tables\n\ntable {\n\tborder-collapse: $table-border-collapse;\n\tborder-spacing: $table-border-spacing;\n}\n\n// specify the resizability of textareas\n\ntextarea {\n\tresize: $textarea-resize;\n}\n\n// specify the background color, font color and drop shadow of text selections\n\n::selection {\n\tbackground-color: $selection-background-color; // required when declaring ::selection\n\tcolor: $selection-color;\n\ttext-shadow: $selection-text-shadow;\n}\n\n// specify the progress cursor of updating elements\n\n[aria-busy=\"true\"] {\n\tcursor: progress;\n}\n\n// specify the pointer cursor of trigger elements\n\n[aria-controls] {\n\tcursor: pointer;\n}\n\n// specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements\n\n[aria-disabled] {\n\tcursor: default;\n}\n\n// specify the style of visually hidden yet accessible elements\n\n[hidden][aria-hidden=\"false\"] {\n\tclip: rect(0 0 0 0);\n\tdisplay: inherit;\n\tposition: absolute;\n\n\t&:focus {\n\t\tclip: auto;\n\t}\n}\n"],"sourceRoot":"/source/"} |
+4
-0
@@ -0,1 +1,5 @@ | ||
| ## 2.1.0 (2015-10-05) | ||
| - Added: CSS version | ||
| ## 2.0.0 (2015-09-03) | ||
@@ -2,0 +6,0 @@ |
+234
-32
@@ -1,33 +0,235 @@ | ||
| /*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */ | ||
| pre,textarea{overflow:auto} | ||
| :root,[aria-disabled]{cursor:default} | ||
| [hidden],audio:not([controls]),template{display:none} | ||
| button{overflow:visible} | ||
| details,main,summary{display:block} | ||
| input[type=number]{width:auto} | ||
| input[type=search]{-webkit-appearance:textfield} | ||
| input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none} | ||
| progress{display:inline-block} | ||
| small{font-size:75%} | ||
| textarea{resize:vertical} | ||
| *,::after,::before{box-sizing:inherit;border-style:solid;border-width:0} | ||
| *{background-color:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0} | ||
| ::after,::before{text-decoration:inherit;vertical-align:inherit} | ||
| :root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;box-sizing:border-box;font:1pc/1.5 sans-serif;text-rendering:optimizeLegibility} | ||
| html{background-color:#FFF;color:#000} | ||
| a{text-decoration:none} | ||
| audio,canvas,iframe,img,svg,video{vertical-align:middle} | ||
| button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit} | ||
| [type=number],[type=search],[type=submit],[type=tel],[type=text],[type=time],[type=url],[type=week],[type=button],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=password],[type=reset],button,select,textarea{min-height:1.5em} | ||
| code,kbd,pre,samp{font-family:monospace,monospace} | ||
| nav ol,nav ul{list-style:none} | ||
| select{-moz-appearance:none;-webkit-appearance:none} | ||
| select::-ms-expand{display:none} | ||
| select::-ms-value{color:currentColor} | ||
| table{border-collapse:collapse;border-spacing:0} | ||
| ::selection{background-color:#B3D4FC;text-shadow:none} | ||
| [aria-busy=true]{cursor:progress} | ||
| [aria-controls]{cursor:pointer} | ||
| [hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute} | ||
| [hidden][aria-hidden=false]:focus{clip:auto} | ||
| /*! sanitize.css v2.0.0 | CC0 1.0 Public Domain | github.com/jonathantneal/sanitize.css */ | ||
| /* | ||
| * Normalization | ||
| */ | ||
| :root { | ||
| -ms-overflow-style: -ms-autohiding-scrollbar; | ||
| overflow-y: scroll; | ||
| -webkit-text-size-adjust: 100%; | ||
| } | ||
| audio:not([controls]) { | ||
| display: none; | ||
| } | ||
| button { | ||
| overflow: visible; | ||
| } | ||
| details { | ||
| display: block; | ||
| } | ||
| input[type="number"] { | ||
| width: auto; | ||
| } | ||
| input[type="search"] { | ||
| -webkit-appearance: textfield; | ||
| } | ||
| input[type="search"]::-webkit-search-cancel-button, | ||
| input[type="search"]::-webkit-search-decoration { | ||
| -webkit-appearance: none; | ||
| } | ||
| main { | ||
| display: block; | ||
| } | ||
| summary { | ||
| display: block; | ||
| } | ||
| pre { | ||
| overflow: auto; | ||
| } | ||
| progress { | ||
| display: inline-block; | ||
| } | ||
| small { | ||
| font-size: 75%; | ||
| } | ||
| template { | ||
| display: none; | ||
| } | ||
| textarea { | ||
| overflow: auto; | ||
| } | ||
| [hidden] { | ||
| display: none; | ||
| } | ||
| /* | ||
| * Universal inheritance | ||
| */ | ||
| *, | ||
| ::before, | ||
| ::after { | ||
| box-sizing: inherit; | ||
| } | ||
| * { | ||
| font-size: inherit; | ||
| line-height: inherit; | ||
| } | ||
| ::before, | ||
| ::after { | ||
| text-decoration: inherit; | ||
| vertical-align: inherit; | ||
| } | ||
| /* | ||
| * Opinionated defaults | ||
| */ | ||
| *, | ||
| ::before, | ||
| ::after { | ||
| border-style: solid; | ||
| border-width: 0; | ||
| } | ||
| * { | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
| :root { | ||
| box-sizing: border-box; | ||
| cursor: default; | ||
| font: 100%/1.5 sans-serif; | ||
| text-rendering: optimizeLegibility; | ||
| } | ||
| html { | ||
| background-color: #FFFFFF; | ||
| color: #000000; | ||
| } | ||
| a { | ||
| text-decoration: none; | ||
| } | ||
| audio, | ||
| canvas, | ||
| iframe, | ||
| img, | ||
| svg, | ||
| video { | ||
| vertical-align: middle; | ||
| } | ||
| button, | ||
| input, | ||
| select, | ||
| textarea { | ||
| background-color: transparent; | ||
| } | ||
| button, | ||
| input, | ||
| select, | ||
| textarea { | ||
| color: inherit; | ||
| font-family: inherit; | ||
| font-style: inherit; | ||
| font-weight: inherit; | ||
| } | ||
| button, | ||
| [type="button"], | ||
| [type="date"], | ||
| [type="datetime"], | ||
| [type="datetime-local"], | ||
| [type="email"], | ||
| [type="month"], | ||
| [type="number"], | ||
| [type="password"], | ||
| [type="reset"], | ||
| [type="search"], | ||
| [type="submit"], | ||
| [type="tel"], | ||
| [type="text"], | ||
| [type="time"], | ||
| [type="url"], | ||
| [type="week"], | ||
| select, | ||
| textarea { | ||
| min-height: 1.5em; | ||
| } | ||
| code, | ||
| kbd, | ||
| pre, | ||
| samp { | ||
| font-family: monospace, monospace; | ||
| } | ||
| nav ol, | ||
| nav ul { | ||
| list-style: none; | ||
| } | ||
| select { | ||
| -moz-appearance: none; | ||
| -webkit-appearance: none; | ||
| } | ||
| select::-ms-expand { | ||
| display: none; | ||
| } | ||
| select::-ms-value { | ||
| color: currentColor; | ||
| } | ||
| table { | ||
| border-collapse: collapse; | ||
| border-spacing: 0; | ||
| } | ||
| textarea { | ||
| resize: vertical; | ||
| } | ||
| ::-moz-selection { | ||
| background-color: #B3D4FC; | ||
| color: #4c2b03; | ||
| text-shadow: none; | ||
| } | ||
| ::selection { | ||
| background-color: #B3D4FC; | ||
| color: #4c2b03; | ||
| text-shadow: none; | ||
| } | ||
| [aria-busy="true"] { | ||
| cursor: progress; | ||
| } | ||
| [aria-controls] { | ||
| cursor: pointer; | ||
| } | ||
| [aria-disabled] { | ||
| cursor: default; | ||
| } | ||
| [hidden][aria-hidden="false"] { | ||
| clip: rect(0 0 0 0); | ||
| display: inherit; | ||
| position: absolute; | ||
| } | ||
| [hidden][aria-hidden="false"]:focus { | ||
| clip: auto; | ||
| } | ||
| /*# sourceMappingURL=sanitize.css.map */ |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["sanitize.scss","sanitize.css"],"names":[],"mappings":";AAuEA,IAgBA,SACC,SAAU;AAqDX,MCyEA,gBDqEC,OAAQ;AC5NT,SD3BoB,sBA+CpB,SA9CC,QAAS;AAGV,OACC,SAAU;AAGX,QAmBA,KAIA,QAtBC,QAAS;AAIM,mBACd,MAAO;AAGO,mBACd,mBAAoB;AAGnB,iDACH,8CAAG,mBAAoB;AAiBvB,SACC,QAAS;AAGV,MACC,UA7DiB;AAoElB,SA2KC,OA5OiB;AA+ElB,EAEA,QADA,SAAC,WAAY,QA0BZ,aAAc,MACd,aAAc;AAxBf,EACC,iBAAkB,QAClB,UAAW,QACX,YAAa,QA2Bb,OAAQ,EACR,QAAS;AAvBV,QADA,SACC,gBAAiB,QACjB,eAAgB;AA2BjB,MA9GC,mBAAoB,yBACpB,WAAY,OACZ,yBAA0B,KA6G1B,WA5IiB,WA8IjB,KAAM,IAAA,IA5IY,WA6IlB,eA1IqB;AA+ItB,KACC,iBA9IuB,KA+IvB,MA9IY;AAmJb,EACC,gBAnJwB;AA6JzB,MACA,OACA,OACA,IACA,IACA,MAJC,eA3J8B;AAmK/B,OACA,MACA,OACA,SAFC,iBAtK+B,YA+K/B,MAAO,QACP,YAAa,QACb,WAAY,QACZ,YAAa;ACtCd,cAGA,cACA,cACA,WACA,YACA,YACA,WACA,YAfA,cACA,YACA,gBACA,sBACA,aACA,aAEA,gBACA,aD2DA,OAiBA,OACA,SAjBC,WAzMyD;AAiN1D,KACA,IACA,IACA,KAFC,YAhNuB,UAgNc;AAMlC,OACJ,OAAC,WAtNgB;AA2NjB,OACC,gBAAiB,KACjB,mBAAoB;AAEnB,mBACA,QAAS;AAGT,kBACA,MAAO;AAMT,MACC,gBAvOuB,SAwOvB,eAvOsB;AAkPvB,YACC,iBAvP4B,QAwP5B,YAvPuB;AC4LxB,iBDiEC,OAAQ;AC7DT,gBDmEC,OAAQ;AC3DT,4BDuEC,KAAM,cACN,QAAS,QACT,SAAU;ACnEX,kCDsEE,KAAM","file":"sanitize.css","sourcesContent":["/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */\n\n$root-box-sizing: border-box !default;\n$root-cursor: default !default;\n$root-font-family: sans-serif !default;\n$root-font-size: 16px !default;\n$root-line-height: 1.5 !default;\n$root-text-rendering: optimizeLegibility !default;\n\n$html-background-color: #FFFFFF !default;\n$html-color: #000000 !default;\n$anchor-text-decoration: none !default;\n$form-element-background-color: transparent !default;\n$form-element-min-height: if(unitless($root-line-height), #{$root-line-height}em, if(unit($root-line-height) != '%', $root-line-height, null)) !default;\n$media-element-vertical-align: middle !default;\n$monospace-font-family: monospace !default;\n$nav-list-style: none !default;\n$selection-background-color: #B3D4FC !default;\n$selection-text-shadow: none !default;\n$small-font-size: 75% !default;\n$table-border-collapse: collapse !default;\n$table-border-spacing: 0 !default;\n$textarea-resize: vertical !default;\n\n\n\n/*\n * Normalization\n */\n\n:root {\n\t-ms-overflow-style: -ms-autohiding-scrollbar; // Edge 12+, Internet Explorer 11-\n\toverflow-y: scroll; // All browsers without overlaying scrollbars\n\t-webkit-text-size-adjust: 100%; // iOS 8+\n}\n\naudio:not([controls]) {\n\tdisplay: none; // Chrome 44-, iOS 8+, Safari 9+\n}\n\nbutton {\n\toverflow: visible; // Internet Explorer 11-\n}\n\ndetails {\n\tdisplay: block; // Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+\n}\n\ninput {\n\t&[type=\"number\"] {\n\t\twidth: auto; // Firefox 36+\n\t}\n\n\t&[type=\"search\"] {\n\t\t-webkit-appearance: textfield; // Chrome 45+, Safari 9+\n\n\t\t&::-webkit-search-cancel-button,\n\t\t&::-webkit-search-decoration {\n\t\t\t-webkit-appearance: none; // Chrome 45+, Safari 9+\n\t\t}\n\t}\n}\n\nmain {\n\tdisplay: block; // Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+\n}\n\nsummary {\n\tdisplay: block; // Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+\n}\n\npre {\n\toverflow: auto; // Internet Explorer 11-\n}\n\nprogress {\n\tdisplay: inline-block; // Internet Explorer 11-, Windows Phone 8.1+\n}\n\nsmall {\n\tfont-size: $small-font-size; // All browsers\n}\n\ntemplate {\n\tdisplay: none; // Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+\n}\n\ntextarea {\n\toverflow: auto; // Edge 12+, Internet Explorer 11-\n}\n\n[hidden] {\n\tdisplay: none; // Internet Explorer 10-\n}\n\n/*\n * Universal inheritance\n */\n\n*,\n::before,\n::after {\n\tbox-sizing: inherit;\n}\n\n* {\n\tbackground-color: inherit;\n\tfont-size: inherit;\n\tline-height: inherit;\n}\n\n::before,\n::after {\n\ttext-decoration: inherit;\n\tvertical-align: inherit;\n}\n\n\n\n/*\n * Opinionated defaults\n */\n\n// specify the border style and width of all elements\n\n*,\n::before,\n::after {\n\tborder-style: solid;\n\tborder-width: 0;\n}\n\n// remove the margin and padding of all elements\n\n* {\n\tmargin: 0;\n\tpadding: 0;\n}\n\n// specify the root styles of the document\n\n:root {\n\tbox-sizing: $root-box-sizing;\n\tcursor: $root-cursor;\n\tfont: #{$root-font-size}/#{$root-line-height} $root-font-family;\n\ttext-rendering: $root-text-rendering;\n}\n\n// specify the background color of html\n\nhtml {\n\tbackground-color: $html-background-color;\n\tcolor: $html-color;\n}\n\n// specify the text decoration of anchors\n\na {\n\ttext-decoration: $anchor-text-decoration;\n}\n\n// specify the alignment of media elements\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n\tvertical-align: $media-element-vertical-align;\n}\n\n// specify the background color of form elements\n\nbutton,\ninput,\nselect,\ntextarea {\n\tbackground-color: $form-element-background-color;\n}\n\n// specify the inherited color and font of form elements\n\nbutton,\ninput,\nselect,\ntextarea {\n\tcolor: inherit;\n\tfont-family: inherit;\n\tfont-style: inherit;\n\tfont-weight: inherit;\n}\n\n// specify the minimum height of form elements\n\nbutton,\n[type=\"button\"],\n[type=\"date\"],\n[type=\"datetime\"],\n[type=\"datetime-local\"],\n[type=\"email\"],\n[type=\"month\"],\n[type=\"number\"],\n[type=\"password\"],\n[type=\"reset\"],\n[type=\"search\"],\n[type=\"submit\"],\n[type=\"tel\"],\n[type=\"text\"],\n[type=\"time\"],\n[type=\"url\"],\n[type=\"week\"],\nselect,\ntextarea {\n\tmin-height: $form-element-min-height;\n}\n\n// specify the font family of code elements\n\ncode,\nkbd,\npre,\nsamp {\n\tfont-family: $monospace-font-family, monospace;\n}\n\n// specify the list style of nav lists\n\nnav ol,\nnav ul {\n\tlist-style: $nav-list-style;\n}\n\n// specify the standard appearance of selects\n\nselect {\n\t-moz-appearance: none; // Firefox 40+\n\t-webkit-appearance: none; // Chrome 45+\n\n\t&::-ms-expand {\n\t\tdisplay: none; // Edge 12+, Internet Explorer 11-\n\t}\n\n\t&::-ms-value {\n\t\tcolor: currentColor; // Edge 12+, Internet Explorer 11-\n\t}\n}\n\n// specify the border styling of tables\n\ntable {\n\tborder-collapse: $table-border-collapse;\n\tborder-spacing: $table-border-spacing;\n}\n\n// specify the resizability of textareas\n\ntextarea {\n\tresize: $textarea-resize;\n}\n\n// specify the background color and drop shadow of text selections\n\n::selection {\n\tbackground-color: $selection-background-color; // required when declaring ::selection\n\ttext-shadow: $selection-text-shadow;\n}\n\n// specify the progress cursor of updating elements\n\n[aria-busy=\"true\"] {\n\tcursor: progress;\n}\n\n// specify the pointer cursor of trigger elements\n\n[aria-controls] {\n\tcursor: pointer;\n}\n\n// specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements\n\n[aria-disabled] {\n\tcursor: default;\n}\n\n// specify the style of visually hidden yet accessible elements\n\n[hidden][aria-hidden=\"false\"] {\n\tclip: rect(0 0 0 0);\n\tdisplay: inherit;\n\tposition: absolute;\n\n\t&:focus {\n\t\tclip: auto;\n\t}\n}\n",null],"sourceRoot":"/source/"} | ||
| {"version":3,"sources":["sanitize.scss","sanitize.css"],"names":[],"mappings":"AAAA,0FAA0F;AA2B1F;;GAEG;AAEH;EACC,6CAA6C;EAC7C,mBAAmB;EACnB,+BAA+B;CAHzB;;AAMa;EACnB,cAAc;CADQ;;AAIvB;EACC,kBAAkB;CADX;;AAIR;EACC,eAAe;CADP;;AAKO;EACd,YAAY;CADK;;AAIH;EACd,8BAA8B;CADb;;AAIhB;;EACA,yBAAyB;CADI;;AAMhC;EACC,eAAe;CADV;;AAIN;EACC,eAAe;CADP;;AAIT;EACC,eAAe;CADX;;AAIL;EACC,sBAAsB;CADb;;AAIV;EACC,eA7DoB;CA4Dd;;AAIP;EACC,cAAc;CADL;;AAIV;EACC,eAAe;CADN;;ACzBV;ED8BC,cAAc;CADL;;AAIV;;GAEG;AAIH;;;EACC,oBAAoB;CADZ;;AAIT;EACC,mBAAmB;EACnB,qBAAqB;CAFnB;;AAMH;;EACC,yBAAyB;EACzB,wBAAwB;CAFhB;;AAOT;;GAEG;AAMH;;;EACC,oBAAoB;EACpB,gBAAgB;CAFR;;AAOT;EACC,UAAU;EACV,WAAW;CAFT;;AAOH;EACC,uBA5I2B;EA6I3B,gBA5IoB;EA6IpB,0BA5I4B;EA6I5B,mCA1IuC;CAsIjC;;AASP;EACC,0BA9I8B;EA+I9B,eA9ImB;CA4Id;;AAON;EACC,sBAnJ4B;CAkJ1B;;AAWH;;;;;;EACC,uBA3JoC;CA0J9B;;AASP;;;;EACC,8BAtK0C;CAqKjC;;AASV;;;;EACC,eAAe;EACf,qBAAqB;EACrB,oBAAoB;EACpB,qBAAqB;CAJZ;;AA2BV;;;;;;;;;;;;;;;;;;;EACC,kBAzM+E;CAwMtE;;AASV;;;;EACC,kCAA8C;CADzC;;AAOF;;EACH,iBAtNoB;CAqNb;;AAMR;EACC,sBAAsB;EACtB,yBAAyB;CAFlB;;AAIN;EACA,cAAc;CADA;;AAId;EACA,oBAAoB;CADP;;AAOf;EACC,0BAtO+B;EAuO/B,kBAtOuB;CAoOjB;;AAOP;EACC,iBA3OyB;CA0OhB;;AAMV;EACC,0BAvPmC;EAwPnC,eAvPuB;EAwPvB,kBAvP2B;CAoPf;;AAAb;EACC,0BAvPmC;EAwPnC,eAvPuB;EAwPvB,kBAvP2B;CAoPf;;ACzDb;EDkEC,iBAAiB;CADE;;AC7DpB;EDoEC,gBAAgB;CADA;;AC/DjB;EDsEC,gBAAgB;CADA;;ACjEjB;EDwEC,oBAAU;EACV,iBAAiB;EACjB,mBAAmB;CAHW;;ACjE/B;EDuEE,WAAW;CADH","file":"sanitize.css","sourcesContent":["/*! sanitize.css v2.0.0 | CC0 1.0 Public Domain | github.com/jonathantneal/sanitize.css */\n\n$root-box-sizing: border-box !default;\n$root-cursor: default !default;\n$root-font-family: sans-serif !default;\n$root-font-size: 100% !default;\n$root-line-height: 1.5 !default;\n$root-text-rendering: optimizeLegibility !default;\n\n$html-background-color: #FFFFFF !default;\n$html-color: #000000 !default;\n$anchor-text-decoration: none !default;\n$form-element-background-color: transparent !default;\n$form-element-min-height: if(unitless($root-line-height), #{$root-line-height}em, if(unit($root-line-height) != '%', $root-line-height, null)) !default;\n$media-element-vertical-align: middle !default;\n$monospace-font-family: monospace !default;\n$nav-list-style: none !default;\n$selection-background-color: #B3D4FC !default;\n$selection-color: invert($selection-background-color) !default;\n$selection-text-shadow: none !default;\n$small-font-size: 75% !default;\n$table-border-collapse: collapse !default;\n$table-border-spacing: 0 !default;\n$textarea-resize: vertical !default;\n\n\n\n/*\n * Normalization\n */\n\n:root {\n\t-ms-overflow-style: -ms-autohiding-scrollbar; // Edge 12+, Internet Explorer 11-\n\toverflow-y: scroll; // All browsers without overlaying scrollbars\n\t-webkit-text-size-adjust: 100%; // iOS 8+\n}\n\naudio:not([controls]) {\n\tdisplay: none; // Chrome 44-, iOS 8+, Safari 9+\n}\n\nbutton {\n\toverflow: visible; // Internet Explorer 11-\n}\n\ndetails {\n\tdisplay: block; // Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+\n}\n\ninput {\n\t&[type=\"number\"] {\n\t\twidth: auto; // Firefox 36+\n\t}\n\n\t&[type=\"search\"] {\n\t\t-webkit-appearance: textfield; // Chrome 45+, Safari 9+\n\n\t\t&::-webkit-search-cancel-button,\n\t\t&::-webkit-search-decoration {\n\t\t\t-webkit-appearance: none; // Chrome 45+, Safari 9+\n\t\t}\n\t}\n}\n\nmain {\n\tdisplay: block; // Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+\n}\n\nsummary {\n\tdisplay: block; // Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+\n}\n\npre {\n\toverflow: auto; // Internet Explorer 11-\n}\n\nprogress {\n\tdisplay: inline-block; // Internet Explorer 11-, Windows Phone 8.1+\n}\n\nsmall {\n\tfont-size: $small-font-size; // All browsers\n}\n\ntemplate {\n\tdisplay: none; // Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+\n}\n\ntextarea {\n\toverflow: auto; // Edge 12+, Internet Explorer 11-\n}\n\n[hidden] {\n\tdisplay: none; // Internet Explorer 10-\n}\n\n/*\n * Universal inheritance\n */\n\n*,\n::before,\n::after {\n\tbox-sizing: inherit;\n}\n\n* {\n\tfont-size: inherit;\n\tline-height: inherit;\n}\n\n::before,\n::after {\n\ttext-decoration: inherit;\n\tvertical-align: inherit;\n}\n\n\n\n/*\n * Opinionated defaults\n */\n\n// specify the border style and width of all elements\n\n*,\n::before,\n::after {\n\tborder-style: solid;\n\tborder-width: 0;\n}\n\n// remove the margin and padding of all elements\n\n* {\n\tmargin: 0;\n\tpadding: 0;\n}\n\n// specify the root styles of the document\n\n:root {\n\tbox-sizing: $root-box-sizing;\n\tcursor: $root-cursor;\n\tfont: #{$root-font-size}/#{$root-line-height} $root-font-family;\n\ttext-rendering: $root-text-rendering;\n}\n\n// specify the background color of html\n\nhtml {\n\tbackground-color: $html-background-color;\n\tcolor: $html-color;\n}\n\n// specify the text decoration of anchors\n\na {\n\ttext-decoration: $anchor-text-decoration;\n}\n\n// specify the alignment of media elements\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n\tvertical-align: $media-element-vertical-align;\n}\n\n// specify the background color of form elements\n\nbutton,\ninput,\nselect,\ntextarea {\n\tbackground-color: $form-element-background-color;\n}\n\n// specify the inherited color and font of form elements\n\nbutton,\ninput,\nselect,\ntextarea {\n\tcolor: inherit;\n\tfont-family: inherit;\n\tfont-style: inherit;\n\tfont-weight: inherit;\n}\n\n// specify the minimum height of form elements\n\nbutton,\n[type=\"button\"],\n[type=\"date\"],\n[type=\"datetime\"],\n[type=\"datetime-local\"],\n[type=\"email\"],\n[type=\"month\"],\n[type=\"number\"],\n[type=\"password\"],\n[type=\"reset\"],\n[type=\"search\"],\n[type=\"submit\"],\n[type=\"tel\"],\n[type=\"text\"],\n[type=\"time\"],\n[type=\"url\"],\n[type=\"week\"],\nselect,\ntextarea {\n\tmin-height: $form-element-min-height;\n}\n\n// specify the font family of code elements\n\ncode,\nkbd,\npre,\nsamp {\n\tfont-family: $monospace-font-family, monospace;\n}\n\n// specify the list style of nav lists\n\nnav ol,\nnav ul {\n\tlist-style: $nav-list-style;\n}\n\n// specify the standard appearance of selects\n\nselect {\n\t-moz-appearance: none; // Firefox 40+\n\t-webkit-appearance: none; // Chrome 45+\n\n\t&::-ms-expand {\n\t\tdisplay: none; // Edge 12+, Internet Explorer 11-\n\t}\n\n\t&::-ms-value {\n\t\tcolor: currentColor; // Edge 12+, Internet Explorer 11-\n\t}\n}\n\n// specify the border styling of tables\n\ntable {\n\tborder-collapse: $table-border-collapse;\n\tborder-spacing: $table-border-spacing;\n}\n\n// specify the resizability of textareas\n\ntextarea {\n\tresize: $textarea-resize;\n}\n\n// specify the background color, font color and drop shadow of text selections\n\n::selection {\n\tbackground-color: $selection-background-color; // required when declaring ::selection\n\tcolor: $selection-color;\n\ttext-shadow: $selection-text-shadow;\n}\n\n// specify the progress cursor of updating elements\n\n[aria-busy=\"true\"] {\n\tcursor: progress;\n}\n\n// specify the pointer cursor of trigger elements\n\n[aria-controls] {\n\tcursor: pointer;\n}\n\n// specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements\n\n[aria-disabled] {\n\tcursor: default;\n}\n\n// specify the style of visually hidden yet accessible elements\n\n[hidden][aria-hidden=\"false\"] {\n\tclip: rect(0 0 0 0);\n\tdisplay: inherit;\n\tposition: absolute;\n\n\t&:focus {\n\t\tclip: auto;\n\t}\n}\n","/*! sanitize.css v2.0.0 | CC0 1.0 Public Domain | github.com/jonathantneal/sanitize.css */\n/*\n * Normalization\n */\n:root {\n -ms-overflow-style: -ms-autohiding-scrollbar;\n overflow-y: scroll;\n -webkit-text-size-adjust: 100%;\n}\n\naudio:not([controls]) {\n display: none;\n}\n\nbutton {\n overflow: visible;\n}\n\ndetails {\n display: block;\n}\n\ninput[type=\"number\"] {\n width: auto;\n}\n\ninput[type=\"search\"] {\n -webkit-appearance: textfield;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\nmain {\n display: block;\n}\n\nsummary {\n display: block;\n}\n\npre {\n overflow: auto;\n}\n\nprogress {\n display: inline-block;\n}\n\nsmall {\n font-size: 75%;\n}\n\ntemplate {\n display: none;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[hidden] {\n display: none;\n}\n\n/*\n * Universal inheritance\n */\n*,\n::before,\n::after {\n box-sizing: inherit;\n}\n\n* {\n font-size: inherit;\n line-height: inherit;\n}\n\n::before,\n::after {\n text-decoration: inherit;\n vertical-align: inherit;\n}\n\n/*\n * Opinionated defaults\n */\n*,\n::before,\n::after {\n border-style: solid;\n border-width: 0;\n}\n\n* {\n margin: 0;\n padding: 0;\n}\n\n:root {\n box-sizing: border-box;\n cursor: default;\n font: 100%/1.5 sans-serif;\n text-rendering: optimizeLegibility;\n}\n\nhtml {\n background-color: #FFFFFF;\n color: #000000;\n}\n\na {\n text-decoration: none;\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n background-color: transparent;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n color: inherit;\n font-family: inherit;\n font-style: inherit;\n font-weight: inherit;\n}\n\nbutton,\n[type=\"button\"],\n[type=\"date\"],\n[type=\"datetime\"],\n[type=\"datetime-local\"],\n[type=\"email\"],\n[type=\"month\"],\n[type=\"number\"],\n[type=\"password\"],\n[type=\"reset\"],\n[type=\"search\"],\n[type=\"submit\"],\n[type=\"tel\"],\n[type=\"text\"],\n[type=\"time\"],\n[type=\"url\"],\n[type=\"week\"],\nselect,\ntextarea {\n min-height: 1.5em;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n}\n\nnav ol,\nnav ul {\n list-style: none;\n}\n\nselect {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect::-ms-value {\n color: currentColor;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\n::selection {\n background-color: #B3D4FC;\n color: #4c2b03;\n text-shadow: none;\n}\n\n[aria-busy=\"true\"] {\n cursor: progress;\n}\n\n[aria-controls] {\n cursor: pointer;\n}\n\n[aria-disabled] {\n cursor: default;\n}\n\n[hidden][aria-hidden=\"false\"] {\n clip: rect(0 0 0 0);\n display: inherit;\n position: absolute;\n}\n\n[hidden][aria-hidden=\"false\"]:focus {\n clip: auto;\n}\n"],"sourceRoot":"/source/"} |
+32
-16
@@ -1,20 +0,36 @@ | ||
| var gulp = require('gulp'); | ||
| var gulp = require('gulp'); | ||
| var autoprefixer = require('autoprefixer'); | ||
| var minifyCSS = require('gulp-minify-css'); | ||
| var postcss = require('gulp-postcss'); | ||
| var sass = require('gulp-sass'); | ||
| var sourcemaps = require('gulp-sourcemaps'); | ||
| var processors = [ | ||
| autoprefixer({browsers: ["Android >= 4.3", "Chrome >= 39", "Edge >= 12", "Firefox >= 34", "Explorer >= 9", "iOS >= 7", "Safari >= 7", "ExplorerMobile >= 10"]}) | ||
| ]; | ||
| var rename = require('gulp-rename'); | ||
| gulp.task('default', function () { | ||
| var autoprefixer = require('autoprefixer-core'); | ||
| var minifyCSS = require('gulp-minify-css'); | ||
| var postcss = require('gulp-postcss'); | ||
| var sass = require('gulp-sass'); | ||
| var sourcemaps = require('gulp-sourcemaps'); | ||
| gulp.task('development', function() { | ||
| return gulp.src('sanitize.scss') | ||
| .pipe(sourcemaps.init()) | ||
| .pipe(sass({ | ||
| outputStyle: 'expanded' | ||
| })) | ||
| .pipe(postcss(processors)) | ||
| .pipe(sourcemaps.write('.')) | ||
| .pipe(gulp.dest('./dist')); | ||
| }); | ||
| gulp.task('minified', function() { | ||
| return gulp.src('sanitize.scss') | ||
| .pipe(sourcemaps.init()) | ||
| .pipe(sass({ | ||
| outputStyle: 'expanded' | ||
| })) | ||
| .pipe(minifyCSS({ | ||
| keepBreaks: true | ||
| })) | ||
| .pipe(sourcemaps.write('.')) | ||
| .pipe(gulp.dest('./dist')); | ||
| .pipe(sourcemaps.init()) | ||
| .pipe(sass({ | ||
| outputStyle: 'expanded' | ||
| })) | ||
| .pipe(minifyCSS()) | ||
| .pipe(postcss(processors)) | ||
| .pipe(rename({suffix: '.min'})) | ||
| .pipe(sourcemaps.write('.')) | ||
| .pipe(gulp.dest('./dist')); | ||
| }); | ||
| gulp.task('default', ['minified', 'development']); |
+5
-2
| { | ||
| "name": "sanitize.css", | ||
| "version": "2.0.0", | ||
| "version": "2.1.0", | ||
| "description": "Render elements consistently. Style with best practices.", | ||
@@ -29,3 +29,6 @@ "author": "Jonathan Neal", | ||
| "gulp-sass": "^2.0.4", | ||
| "gulp-sourcemaps": "^1.5.2" | ||
| "gulp-sourcemaps": "^1.5.2", | ||
| "autoprefixer": "^6.0.3", | ||
| "gulp-postcss": "^6.0.0", | ||
| "gulp-rename": "^1.2.2" | ||
| }, | ||
@@ -32,0 +35,0 @@ "scripts": { |
+9
-9
@@ -38,9 +38,9 @@ # sanitize.css | ||
| - CSS inheritance is universal so that styles are easier to control ([code](sanitize.scss#L96-L112)). | ||
| - The box model is more intuitive with border-box ([reference](http://www.paulirish.com/2012/box-sizing-border-box-ftw/)) ([reference](https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/)) ([code](sanitize.scss#L139)). | ||
| - Smaller font-sizes display consistently across browsers ([reference](https://github.com/servo/servo/issues/3423#issuecomment-56321664)) ([code](sanitize.scss#L76-L78)). | ||
| - Monospace fonts render consistently ([reference](http://code.stephenmorley.org/html-and-css/fixing-browsers-broken-monospace-font-handling/)) ([code](sanitize.scss#L216-L221)). | ||
| - Border styles work as expected ([reference](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values)) ([code](sanitize.scss#L122-L127)). | ||
| - Text selections containing a drop shadow remain legible ([reference](https://twitter.com/miketaylr/status/12228805301)) ([code](sanitize.scss#L260-L263)). | ||
| - Content may be hidden from the screen but not screenreaders ([reference](http://www.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/)) ([reference](https://www.drupal.org/node/897638)) ([code](sanitize.scss#L285-L293)). | ||
| - CSS inheritance is universal so that styles are easier to control ([code](sanitize.scss#L96-L116)). | ||
| - The box model is more intuitive with border-box ([reference](http://www.paulirish.com/2012/box-sizing-border-box-ftw/)) ([reference](https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/)) ([code](sanitize.scss#L143)). | ||
| - Smaller font-sizes display consistently across browsers ([reference](https://github.com/servo/servo/issues/3423#issuecomment-56321664)) ([code](sanitize.scss#L80-L82)). | ||
| - Monospace fonts render consistently ([reference](http://code.stephenmorley.org/html-and-css/fixing-browsers-broken-monospace-font-handling/)) ([code](sanitize.scss#L218-L225)). | ||
| - Border styles work as expected ([reference](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style#Values)) ([code](sanitize.scss#L124-L131)). | ||
| - Text selections containing a drop shadow remain legible ([reference](https://twitter.com/miketaylr/status/12228805301)) ([code](sanitize.scss#L262-L267)). | ||
| - Content may be hidden from the screen but not screenreaders ([reference](http://www.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/)) ([reference](https://www.drupal.org/node/897638)) ([code](sanitize.scss#L287-L297)). | ||
@@ -59,3 +59,3 @@ ## Differences | ||
| // overwrite defaults in sanitize.scss | ||
| $root-font-family: "Open Sans"; | ||
| $root-font-family: "Open Sans", sans-serif; | ||
| $root-text-rendering: optimizeSpeed; | ||
@@ -69,3 +69,3 @@ | ||
| - **$root-font-family**: the default font family is `sans-serif`. | ||
| - **$root-font-size**: the default font size `16px`. | ||
| - **$root-font-size**: the default font size `100%`. | ||
| - **$root-line-height**: the default line height is `1.5`. | ||
@@ -72,0 +72,0 @@ - **$root-text-rendering**: the default text-rendering is `optimizeLegibility`. |
+5
-4
@@ -1,2 +0,2 @@ | ||
| /*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */ | ||
| /*! sanitize.css v2.0.0 | CC0 1.0 Public Domain | github.com/jonathantneal/sanitize.css */ | ||
@@ -6,3 +6,3 @@ $root-box-sizing: border-box !default; | ||
| $root-font-family: sans-serif !default; | ||
| $root-font-size: 16px !default; | ||
| $root-font-size: 100% !default; | ||
| $root-line-height: 1.5 !default; | ||
@@ -20,2 +20,3 @@ $root-text-rendering: optimizeLegibility !default; | ||
| $selection-background-color: #B3D4FC !default; | ||
| $selection-color: invert($selection-background-color) !default; | ||
| $selection-text-shadow: none !default; | ||
@@ -109,3 +110,2 @@ $small-font-size: 75% !default; | ||
| * { | ||
| background-color: inherit; | ||
| font-size: inherit; | ||
@@ -265,6 +265,7 @@ line-height: inherit; | ||
| // specify the background color and drop shadow of text selections | ||
| // specify the background color, font color and drop shadow of text selections | ||
| ::selection { | ||
| background-color: $selection-background-color; // required when declaring ::selection | ||
| color: $selection-color; | ||
| text-shadow: $selection-text-shadow; | ||
@@ -271,0 +272,0 @@ } |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
39571
66.6%11
22.22%235
351.92%7
75%1
Infinity%