mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-26 11:16:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add Sanitize.css

Browse source 
https://csstools.github.io/sanitize.css/
This commit is contained in:
Lucas 2020-09-11 23:22:50 +07:00
parent d0730c8b6e
commit a2404b19b5
27 changed files with 1141 additions and 185 deletions
Download patch file Download diff file Expand all files Collapse all files

45
scss/content/_miscs.scss
View file

@ -3,12 +3,13 @@
*/
// Reboot
// Based on normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
// Reboot based on :
// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css
// ––––––––––––––––––––
// 1. Add the correct box sizing in Firefox.
// 2. Show the overflow in Edge and IE.
// 1. Add the correct box sizing in Firefox
// 2. Show the overflow in Edge and IE
hr {
box-sizing: content-box; // 1
height: 0; // 1
@ -17,13 +18,43 @@ hr {
border-top: 1px solid var(--muted-border);
}
// Add the correct vertical alignment in Chrome, Firefox, and Opera.
// 1. Add the correct display in Edge 18- and IE
// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox
progress {
vertical-align: baseline;
display: inline-block; // 1
vertical-align: baseline; // 2
}
// Add the correct display in IE 10+.
// Add the correct display in IE 10+
[hidden],
template {
display: none;
}
// Add the correct styles in Edge 18-, IE, and Safari
dialog {
display: block;
position: absolute;
right: 0;
left: 0;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
height: -moz-fit-content;
height: -webkit-fit-content;
height: fit-content;
margin: auto;
padding: 1em;
border: solid;
background-color: white;
color: black;
}
dialog:not([open]) {
display: none;
}
// Add the correct display in IE 9-
canvas {
display: inline-block;
}