├── .gitignore ├── LICENSE ├── README.md ├── index.head.html ├── index.html ├── index.tail.html ├── package.json ├── reference.html ├── screenshot ├── default.png └── writ.png ├── template.html ├── writ.css └── writ.min.css /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | ISC License 2 | 3 | Copyright © 2015, Curtis McEnroe 4 | 5 | Permission to use, copy, modify, and/or distribute this software for any 6 | purpose with or without fee is hereby granted, provided that the above 7 | copyright notice and this permission notice appear in all copies. 8 | 9 | THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES 10 | WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF 11 | MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR 12 | ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES 13 | WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN 14 | ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF 15 | OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. 16 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Writ 2 | 3 | Opinionated, classless styles for semantic HTML. 4 | 5 | ## Usage 6 | 7 | ```html 8 | 9 | 10 | 11 | 12 | ``` 13 | 14 | [Full template][template] 15 | 16 | Writ is served through the CloudFlare CDN. 17 | 18 | [template]: template.html 19 | 20 | ## Goals 21 | 22 | - Drop-in stylesheet 23 | - No classes 24 | - No extra elements 25 | - Responsive, without special-casing 26 | - Visually pleasing 27 | 28 | ## Motivation 29 | 30 | HTML is super easy to write. Markdown is even easier to write and 31 | generate HTML from. But what does it look like? 32 | 33 |

34 | Default styles 35 |

36 | 37 | Not very nice, and it gets worse the more there is. Applying the Writ 38 | stylesheet makes it better. 39 | 40 |

41 | Writ styles 42 |

43 | 44 | ## Caveats 45 | 46 | Writ is designed for modern, standards compliant browsers only. There are no 47 | compatibility hacks. Writ is tested on the latest stable releases of Safari, 48 | Chrome and Firefox. 49 | 50 | ## License 51 | 52 | Copyright © 2015, Curtis McEnroe 53 | 54 | Permission to use, copy, modify, and/or distribute this software for any 55 | purpose with or without fee is hereby granted, provided that the above 56 | copyright notice and this permission notice appear in all copies. 57 | 58 | THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES 59 | WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF 60 | MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR 61 | ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES 62 | WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN 63 | ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF 64 | OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. 65 | -------------------------------------------------------------------------------- /index.head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Writ 4 | 5 | 6 | 7 | 8 | 9 |
10 |

Writ

11 |

Opinionated, classless styles for semantic HTML

12 | 13 | 21 |
22 | 23 |
24 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Writ 4 | 5 | 6 | 7 | 8 | 9 |
10 |

Writ

11 |

Opinionated, classless styles for semantic HTML

12 | 13 | 21 |
22 | 23 |
24 |

Usage

25 | 
<!DOCTYPE html>
26 | <meta charset="utf-8">
27 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
28 | <link rel="stylesheet" href="//writ.cmcenroe.me/1.0.4/writ.min.css">
29 |
30 |

Full template

31 |

Writ is served through the CloudFlare CDN.

32 |

Goals

33 |
    34 |
  • Drop-in stylesheet
      35 |
    • No classes
      • 36 |
    • No extra elements
      • 37 |
    38 |
    • 39 |
  • Responsive, without special-casing
    • 40 |
  • Visually pleasing
    • 41 |
42 |

Motivation

43 |

HTML is super easy to write. Markdown is even easier to write and 44 | generate HTML from. But what does it look like?

45 |

46 | Default styles 47 |

48 | 49 |

Not very nice, and it gets worse the more there is. Applying the Writ 50 | stylesheet makes it better.

51 |

52 | Writ styles 53 |

54 | 55 |

Caveats

56 |

Writ is designed for modern, standards compliant browsers only. There are no 57 | compatibility hacks. Writ is tested on the latest stable releases of Safari, 58 | Chrome and Firefox.

59 |

License

60 |

Copyright © 2015, Curtis McEnroe curtis@cmcenroe.me

61 |

Permission to use, copy, modify, and/or distribute this software for any 62 | purpose with or without fee is hereby granted, provided that the above 63 | copyright notice and this permission notice appear in all copies.

64 |

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES 65 | WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF 66 | MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR 67 | ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES 68 | WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN 69 | ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF 70 | OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

71 | 72 |
73 | -------------------------------------------------------------------------------- /index.tail.html: -------------------------------------------------------------------------------- 1 |
2 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "writ", 3 | "version": "0.0.0", 4 | "description": "Simple CSS for simple writing", 5 | "private": true, 6 | "scripts": { 7 | "minify": "cleancss -o writ.min.css writ.css", 8 | "readme": "tail -n +5 README.md | marked --gfm --no-mangle | cat index.head.html - index.tail.html > index.html", 9 | "watch": "nodemon -e css,md -i writ.min.css -x 'npm run minify && npm run readme'" 10 | }, 11 | "repository": { 12 | "type": "git", 13 | "url": "git+https://github.com/programble/writ.git" 14 | }, 15 | "keywords": [ 16 | "css", 17 | "html" 18 | ], 19 | "author": "Curtis McEnroe (https://cmcenroe.me)", 20 | "license": "ISC", 21 | "bugs": { 22 | "url": "https://github.com/programble/writ/issues" 23 | }, 24 | "homepage": "https://github.com/programble/writ#readme", 25 | "devDependencies": { 26 | "clean-css": "^3.3.6", 27 | "marked": "^0.3.5", 28 | "nodemon": "^1.3.7" 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /reference.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Writ Reference Page 4 | 5 | 6 | 7 | 8 | 9 |
10 |

Page Header

11 |

Tagline

12 | 19 |
20 | 21 |
22 |

Heading 2

23 | 24 |

25 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel tortor 26 | vel mi rutrum elementum vitae vitae erat. Sed sollicitudin consectetur dui, 27 | ut congue metus. Maecenas eu feugiat sem. Aliquam erat volutpat. Ut 28 | consequat auctor lorem. Pellentesque hendrerit tortor nec aliquet molestie. 29 | Donec dignissim accumsan blandit. Sed enim diam, pellentesque nec ex a, 30 | mattis posuere nibh. Pellentesque habitant morbi tristique senectus et 31 | netus et malesuada fames ac turpis egestas. Mauris fermentum egestas 32 | aliquam. 33 |

34 | 35 |

Heading 3

36 | 37 |

38 | Morbi vel imperdiet dui. Vivamus eu gravida leo, at placerat sapien. Nullam 39 | mollis dui sit amet accumsan luctus. Nullam eget odio non metus lacinia 40 | lacinia. Nunc vehicula felis a dolor fringilla, nec congue dui tristique. 41 | Aenean finibus fringilla risus, vitae imperdiet dui auctor vitae. Nunc 42 | tincidunt justo lectus, at varius nunc interdum at. Aliquam a molestie 43 | sapien, id hendrerit nunc. 44 |

45 | 46 |
47 | 48 |

49 | In et venenatis nulla. Etiam vestibulum, magna et euismod sollicitudin, 50 | elit lectus vestibulum augue, sed finibus mauris sem in tellus. Nunc 51 | ullamcorper lorem orci, sit amet euismod nibh sagittis sed. Sed orci nisl, 52 | mattis in lacus a, rutrum mattis nunc. Quisque interdum facilisis rhoncus. 53 | Sed ac viverra nunc. Aenean sed malesuada lacus. Donec condimentum ligula 54 | libero, non rutrum nibh consequat nec. Aliquam elementum facilisis arcu nec 55 | pretium. Sed hendrerit eros vel arcu dignissim, id luctus mi finibus. 56 | Aenean tellus sapien, tempor sit amet condimentum eget, mattis at tortor. 57 | Nulla eleifend interdum varius. Duis luctus metus at varius commodo. Fusce 58 | ex lacus, maximus sed elit sit amet, accumsan facilisis justo. 59 |

60 | 61 |

Heading 4

62 | 63 |

64 | Nunc sit amet sollicitudin odio, eget lobortis ipsum. Pellentesque finibus 65 | finibus nisl a facilisis. Pellentesque scelerisque sit amet sapien id 66 | bibendum. Vivamus vel magna malesuada, rutrum enim commodo, consectetur 67 | lacus. Cras laoreet ex pellentesque magna tincidunt porttitor. Duis mollis 68 | tincidunt dignissim. Phasellus tempus ipsum risus, bibendum elementum urna 69 | bibendum quis. Sed ullamcorper cursus enim, at pellentesque libero euismod 70 | sed. Proin lacinia blandit ex at ultricies. 71 |

72 | 73 |
Heading 5
74 | 75 |

76 | Suspendisse interdum, nisl quis facilisis venenatis, erat magna convallis 77 | ante, a molestie elit lectus at justo. Donec et velit non risus tempus 78 | accumsan quis in ipsum. Interdum et malesuada fames ac ante ipsum primis in 79 | faucibus. Aenean sed luctus magna. Fusce eleifend mollis eros vitae cursus. 80 | Sed quis egestas quam. Nunc vel tincidunt massa. Aenean sodales dolor ac 81 | porta commodo. Aenean sed dignissim eros. Sed et nisl egestas arcu porta 82 | porta id eget orci. Aliquam eget sagittis purus. 83 |

84 | 85 |
Heading 6
86 | 87 |

88 | Ut aliquet sagittis blandit. Fusce eros tortor, convallis vel ultrices sit 89 | amet, pulvinar vulputate risus. Mauris posuere ut orci facilisis 90 | scelerisque. Pellentesque quis urna orci. Vivamus placerat ante arcu, vitae 91 | venenatis tortor convallis vel. Cras tempor felis purus, vitae tempus 92 | tellus cursus sit amet. Sed lacinia diam id purus dignissim, et venenatis 93 | nibh luctus. 94 |

95 | 96 |

Lists

97 | 98 |
    99 |
  • List Item 1
    • 100 |
  • 101 | List Item 2 102 |
      103 |
    • Sublist Item 1
      • 104 |
    • 105 | Sublist Item 2 106 |
        107 |
      • Subsublist Item 1
        • 108 |
      • Subsublist Item 2
        • 109 |
      • Subsublist Item 3
        • 110 |
      111 |
      • 112 |
    • Sublist Item 3
      • 113 |
    114 |
    • 115 |
  • List Item 3
    • 116 |
117 | 118 |
    119 |
  1. List Item 1
    2. 120 |
  2. 121 | List Item 2 122 |
      123 |
    1. Sublist Item 1
      2. 124 |
    2. 125 | Sublist Item 2 126 |
        127 |
      1. Subsublist Item 1
        2. 128 |
      2. Subsublist Item 2
        3. 129 |
      3. Subsublist Item 3
        4. 130 |
      131 |
      3. 132 |
    3. Sublist Item 3
      4. 133 |
    134 |
    3. 135 |
  3. List Item 3
    4. 136 |
137 | 138 |
    139 |
  • 140 | Mixed Item 141 |
      142 |
    1. 143 | Mixed Item 144 |
        145 |
      • Mixed Item
        • 146 |
      147 |
      2. 148 |
    149 |
    • 150 |
151 | 152 |
153 |
Term 1
154 |
Definition 1
155 |
Term 2
156 |
Definition 2
157 |
Term 3
158 |
Definition 3
159 |
160 | 161 |

Table

162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 |
My Little Table
Header 1Header 2Header 3
Cell 1Cell 2Cell 3
Cell 4Cell 5Cell 6
Cell 7Cell 8Cell 9
Footer 1Footer 2Footer 3
200 | 201 |

Blockquote

202 | 203 |
204 | Mauris ultrices sagittis pulvinar. Nullam ultrices neque et tristique 205 | pharetra. Cras sodales tellus ac eros euismod, eu tincidunt elit varius. 206 | Proin nec faucibus magna. Phasellus rhoncus ligula nec diam posuere semper 207 | vitae eget nunc. Donec elementum ultricies dolor, vel mollis nulla dapibus 208 | ac. Sed pellentesque commodo condimentum. Integer vel urna sem. 209 |
210 | 211 |

Pre-formatted

212 | 213 | 
<meta charset="utf-8">
214 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
215 | <link rel="stylesheet" href="writ.min.css">
216 | 217 |

Inline

218 | 219 |

220 | An unvisited link and a 221 | visited link. 222 |

223 | 224 |

225 | Some emphasized text, strong text, 226 | underlined text, highlighted text and 227 | small text. 228 |

229 | 230 |

231 | This text was deleted. This text was inserted. 232 |

233 | 234 |

235 | January 1st, 1970. H2O. 236 |

237 | 238 |

239 | The maths kind of variable, x. 240 |

241 | 242 |

243 | Inline code, printf("Hello, world!");, 244 | and sample output, Hello, world!. 245 |

246 | 247 |

To exit Emacs, press C-x C-c.

248 | 249 |

Figure & Aside

250 | 251 |
252 | Kitten 253 |
A cute little kitten
254 |
255 | 256 |

257 | Fusce consectetur augue lacus, ac dapibus neque maximus a. Maecenas 258 | sollicitudin metus sodales, venenatis sapien at, fringilla enim. 259 | Suspendisse dapibus pulvinar nunc, in pretium neque condimentum eu. Donec 260 | nec sollicitudin justo, lobortis fermentum magna. Maecenas tempus lacinia 261 | augue at posuere. Vestibulum auctor, dui in blandit malesuada, dui felis 262 | consequat orci, eu auctor nunc leo eget ex. Suspendisse consequat auctor 263 | risus in venenatis. Duis vel sapien eu enim facilisis auctor. Mauris ac 264 | feugiat mauris, eu tristique sapien. Aenean mattis in magna sed ultricies. 265 | Suspendisse convallis risus lectus, eget molestie mauris aliquam quis. 266 | Integer eget cursus nulla. Cras sodales viverra metus in laoreet. Mauris 267 | accumsan gravida quam sed interdum. 268 |

269 | 270 |

271 | Fusce consectetur augue lacus, ac dapibus neque maximus a. Maecenas 272 | sollicitudin metus sodales, venenatis sapien at, fringilla enim. 273 | Suspendisse dapibus pulvinar nunc, in pretium neque condimentum eu. Donec 274 | nec sollicitudin justo, lobortis fermentum magna. Maecenas tempus lacinia 275 | augue at posuere. Vestibulum auctor, dui in blandit malesuada, dui felis 276 | consequat orci, eu auctor nunc leo eget ex. Suspendisse consequat auctor 277 | risus in venenatis. Duis vel sapien eu enim facilisis auctor. Mauris ac 278 | feugiat mauris, eu tristique sapien. Aenean mattis in magna sed ultricies. 279 | Suspendisse convallis risus lectus, eget molestie mauris aliquam quis. 280 | Integer eget cursus nulla. Cras sodales viverra metus in laoreet. Mauris 281 | accumsan gravida quam sed interdum. 282 |

283 | 284 | 287 | 288 |

289 | Pellentesque purus quam, facilisis quis mi non, porttitor malesuada mi. Sed 290 | a hendrerit neque. Sed malesuada ex lorem, eget sagittis est semper sed. 291 | Praesent convallis est in auctor lacinia. Praesent eu tortor sed massa 292 | venenatis volutpat nec id erat. Mauris blandit mollis est a aliquet. Nam 293 | convallis leo at blandit vehicula. Vestibulum a tellus in orci viverra 294 | consectetur et suscipit justo. Integer finibus placerat ligula at cursus. 295 | Morbi laoreet nibh euismod porttitor hendrerit. Suspendisse volutpat et 296 | neque placerat molestie. Vivamus justo ligula, accumsan rhoncus tristique 297 | vitae, efficitur a justo. Donec vel accumsan mi. Nam bibendum malesuada 298 | efficitur. 299 |

300 | 301 |
302 | 303 |
304 |

Some footer text.

305 |
306 | 307 |
308 | 311 |
312 | 313 | 320 | -------------------------------------------------------------------------------- /screenshot/default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/programble/writ/014a4890e2acf539b2bf6b13b885d546d92a56d0/screenshot/default.png -------------------------------------------------------------------------------- /screenshot/writ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/programble/writ/014a4890e2acf539b2bf6b13b885d546d92a56d0/screenshot/writ.png -------------------------------------------------------------------------------- /template.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Title 4 | 5 | 6 | 7 | 8 | 9 |
10 |

Title

11 |

Tagline

12 | 13 | 18 |
19 | 20 |
21 |

Content

22 |
23 | -------------------------------------------------------------------------------- /writ.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Writ v1.0.4 3 | * 4 | * Copyright © 2015, Curtis McEnroe 5 | * 6 | * https://cmcenroe.me/writ/LICENSE (ISC) 7 | */ 8 | 9 | /* Fonts, sizes & vertical rhythm */ 10 | 11 | html { 12 | font-family: Palatino, Georgia, Lucida Bright, Book Antiqua, serif; 13 | font-size: 16px; 14 | line-height: 1.5rem; 15 | } 16 | 17 | code, pre, samp, kbd { 18 | font-family: Consolas, Liberation Mono, Menlo, Courier, monospace; 19 | font-size: 0.833rem; 20 | } 21 | 22 | kbd { font-weight: bold; } 23 | h1, h2, h3, h4, h5, h6, th { font-weight: normal; } 24 | 25 | /* Minor third */ 26 | h1 { font-size: 2.488em; } 27 | h2 { font-size: 2.074em; } 28 | h3 { font-size: 1.728em; } 29 | h4 { font-size: 1.44em; } 30 | h5 { font-size: 1.2em; } 31 | h6 { font-size: 1em; } 32 | small { font-size: 0.833em; } 33 | 34 | h1, h2, h3 { line-height: 3rem; } 35 | 36 | p, ul, ol, dl, table, blockquote, pre, h1, h2, h3, h4, h5, h6 { 37 | margin: 1.5rem 0 0; 38 | } 39 | ul ul, ol ol, ul ol, ol ul { margin: 0; } 40 | 41 | hr { 42 | margin: 0; 43 | border: none; 44 | padding: 1.5rem 0 0; 45 | } 46 | 47 | /* Accounting for borders */ 48 | table { 49 | line-height: calc(1.5rem - 1px); 50 | margin-bottom: -1px; 51 | } 52 | pre { 53 | margin-top: calc(1.5rem - 1px); 54 | margin-bottom: -1px; 55 | } 56 | 57 | /* Colors */ 58 | 59 | body { color: #222; } 60 | code, pre, samp, kbd { color: #111; } 61 | a, header nav a:visited, a code { color: #00e; } 62 | a:visited, a:visited code { color: #60b; } 63 | mark { color: inherit; } 64 | 65 | code, pre, samp, thead, tfoot { background-color: rgba(0, 0, 0, 0.05); } 66 | mark { background-color: #fe0; } 67 | 68 | main aside, blockquote, ins { border: solid rgba(0, 0, 0, 0.05); } 69 | pre, code, samp { border: solid rgba(0, 0, 0, 0.1); } 70 | th, td { border: solid #dbdbdb; } 71 | 72 | /* Layout */ 73 | 74 | body { margin: 1.5rem 1ch; } 75 | 76 | body > header { text-align: center; } 77 | 78 | main, body > footer { 79 | display: block; /* Just in case */ 80 | max-width: 78ch; 81 | margin: auto; 82 | } 83 | 84 | main figure, main aside { 85 | float: right; 86 | margin: 1.5rem 0 0 1ch; 87 | } 88 | 89 | main aside { 90 | max-width: 26ch; 91 | border-width: 0 0 0 0.5ch; 92 | padding: 0 0 0 0.5ch; 93 | } 94 | 95 | /* Copy blocks */ 96 | 97 | blockquote { 98 | margin-right: 3ch; 99 | margin-left: 1.5ch; 100 | border-width: 0 0 0 0.5ch; 101 | padding: 0 0 0 1ch; 102 | } 103 | 104 | pre { 105 | border-width: 1px; 106 | border-radius: 2px; 107 | padding: 0 0.5ch; 108 | overflow-x: auto; 109 | } 110 | pre code { 111 | border: none; 112 | padding: 0; 113 | background-color: transparent; 114 | white-space: inherit; 115 | } 116 | 117 | img { max-width: 100%; } 118 | 119 | /* Lists */ 120 | 121 | ul, ol, dd { padding: 0 0 0 3ch; } 122 | dd { margin: 0; } 123 | 124 | ul > li { list-style-type: disc; } 125 | li ul > li { list-style-type: circle; } 126 | li li ul > li { list-style-type: square; } 127 | 128 | ol > li { list-style-type: decimal; } 129 | li ol > li { list-style-type: lower-roman; } 130 | li li ol > li { list-style-type: lower-alpha; } 131 | 132 | nav ul { 133 | padding: 0; 134 | list-style-type: none; 135 | } 136 | nav ul li { 137 | display: inline; 138 | padding-left: 1ch; 139 | white-space: nowrap; 140 | } 141 | nav ul li:first-child { padding-left: 0; } 142 | 143 | /* Tables */ 144 | 145 | table { 146 | width: 100%; 147 | border-collapse: collapse; 148 | overflow-x: auto; 149 | } 150 | 151 | th, td { 152 | border-width: 1px; 153 | padding: 0 0.5ch; 154 | } 155 | 156 | /* Copy inline */ 157 | 158 | a { text-decoration: none; } 159 | 160 | sup, sub { 161 | font-size: 0.75em; 162 | line-height: 1em; 163 | } 164 | 165 | ins { 166 | border-width: 1px; 167 | padding: 1px; 168 | text-decoration: none; 169 | } 170 | 171 | mark { 172 | padding: 1px; 173 | } 174 | 175 | code, samp { 176 | border-width: 1px; 177 | border-radius: 2px; 178 | padding: 0.1em 0.2em; 179 | white-space: nowrap; 180 | } 181 | -------------------------------------------------------------------------------- /writ.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Writ v1.0.4 3 | * 4 | * Copyright © 2015, Curtis McEnroe 5 | * 6 | * https://cmcenroe.me/writ/LICENSE (ISC) 7 | */dd,hr,ol ol,ol ul,ul ol,ul ul{margin:0}pre,table{overflow-x:auto}a,ins{text-decoration:none}html{font-family:Palatino,Georgia,Lucida Bright,Book Antiqua,serif;font-size:16px;line-height:1.5rem}code,kbd,pre,samp{font-family:Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.833rem;color:#111}kbd{font-weight:700}h1,h2,h3,h4,h5,h6,th{font-weight:400}h1{font-size:2.488em}h2{font-size:2.074em}h3{font-size:1.728em}h4{font-size:1.44em}h5{font-size:1.2em}h6{font-size:1em}small{font-size:.833em}h1,h2,h3{line-height:3rem}blockquote,dl,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul{margin:1.5rem 0 0}pre,table{margin-bottom:-1px}hr{border:none;padding:1.5rem 0 0}table{line-height:calc(1.5rem - 1px);width:100%;border-collapse:collapse}pre{margin-top:calc(1.5rem - 1px)}body{color:#222;margin:1.5rem 1ch}a,a code,header nav a:visited{color:#00e}a:visited,a:visited code{color:#60b}mark{color:inherit;background-color:#fe0}code,pre,samp,tfoot,thead{background-color:rgba(0,0,0,.05)}blockquote,ins,main aside{border:rgba(0,0,0,.05) solid}blockquote,main aside{border-width:0 0 0 .5ch}code,pre,samp{border:rgba(0,0,0,.1) solid}td,th{border:solid #dbdbdb}body>header{text-align:center}body>footer,main{display:block;max-width:78ch;margin:auto}main aside,main figure{float:right;margin:1.5rem 0 0 1ch}main aside{max-width:26ch;padding:0 0 0 .5ch}blockquote{margin-right:3ch;margin-left:1.5ch;padding:0 0 0 1ch}pre{border-width:1px;border-radius:2px;padding:0 .5ch}pre code{border:none;padding:0;background-color:transparent;white-space:inherit}code,ins,samp,td,th{border-width:1px}img{max-width:100%}dd,ol,ul{padding:0 0 0 3ch}ul>li{list-style-type:disc}li ul>li{list-style-type:circle}li li ul>li{list-style-type:square}ol>li{list-style-type:decimal}li ol>li{list-style-type:lower-roman}li li ol>li{list-style-type:lower-alpha}nav ul{padding:0;list-style-type:none}nav ul li{display:inline;padding-left:1ch;white-space:nowrap}nav ul li:first-child{padding-left:0}ins,mark{padding:1px}td,th{padding:0 .5ch}sub,sup{font-size:.75em;line-height:1em}code,samp{border-radius:2px;padding:.1em .2em;white-space:nowrap} --------------------------------------------------------------------------------