├── README.md ├── typesafe-sans.css └── typesafe.css /README.md: -------------------------------------------------------------------------------- 1 | # TypeSafe CSS 2 | 3 | Minimal CSS optimized for reading and writing (only 753 bytes) 4 | 5 | Check out the live demo / documentation: https://uglyduck.ca/typesafe-css/ & https://uglyduck.ca/typesafe-sans-css/ 6 | -------------------------------------------------------------------------------- /typesafe-sans.css: -------------------------------------------------------------------------------- 1 | *{box-sizing:border-box;}body{font:16px/1.5 "Helvetica Neue","Helvetica","Arial",sans-serif;margin:0 auto;max-width:66ch;padding:1rem;}h1,h2,h3,h4,h5,h6{font-family:"Georgia",serif;margin:2.5rem 0 1rem;}ul li, ol li{margin-top:0.5rem;}a,a:visited{color:black;}a:hover{color:dodgerblue;}img{height:auto;max-width:100%;}pre{border: 1px solid lightgrey;overflow:auto;}code{color:orangered;display:inline-block;}pre code{padding:1rem;}blockquote{border-left:5px solid lightgrey;font-size:120%;font-style:italic;margin:2rem 0;padding:1rem;}table{border-collapse:collapse;margin:2rem 0;text-align:left;width:100%;}tr{border-bottom:1px solid lightgrey;}th,td{padding:0.5rem;}hr{background:lightgrey;border:0;height:1px;margin:2rem 0;} -------------------------------------------------------------------------------- /typesafe.css: -------------------------------------------------------------------------------- 1 | *{box-sizing:border-box;}body{font:16px/1.5 "Georgia",serif;margin:0 auto;max-width:66ch;padding:1rem;}h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;margin:2.5rem 0 1rem;}ul li, ol li{margin-top:0.5rem;}a,a:visited{color:black;}a:hover{color:dodgerblue;}img{height:auto;max-width:100%;}pre{border: 1px solid lightgrey;overflow:auto;}code{color:orangered;display:inline-block;}pre code{padding:1rem;}blockquote{border-left:5px solid lightgrey;font-size:120%;font-style:italic;margin:2rem 0;padding:1rem;}table{border-collapse:collapse;margin:2rem 0;text-align:left;width:100%;}tr{border-bottom:1px solid lightgrey;}th,td{padding:0.5rem;}hr{background:lightgrey;border:0;height:1px;margin:2rem 0;} --------------------------------------------------------------------------------