tiny, simple, classless CSS framework inspired by new.css
devcss.devins.page
devins.page
framework
lightweight
css
classless
stylesheet
fix: use <code> in <pre>
+1
-1
README.md
+1
-1
README.md
···
36
36
37
37
### Text
38
38
39
-
Wrap all body text in `<p>` tags, unless it's the sole child of another element. Use the `<blockquote>` tag for quotes. To highlight text, wrap it in the `<mark>` tag. For code, use `<code>` for short inline code snippets and `<pre>` for code blocks. Use `<kbd>` for keyboard input.
39
+
Wrap all body text in `<p>` tags, unless it's the sole child of another element. Use the `<blockquote>` tag for quotes. To highlight text, wrap it in the `<mark>` tag. For code, use `<code>` for short inline code snippets and wrap that with `<pre>` for code blocks. Use `<kbd>` for keyboard input.
40
40
41
41
### Button
42
42
+10
-12
demo.html
+10
-12
demo.html
···
1
-
<!doctype html>
1
+
<!DOCTYPE html>
2
2
<html lang="en">
3
3
<head>
4
4
<meta charset="UTF-8" />
···
129
129
– Edward Snowden
130
130
</blockquote>
131
131
132
-
<pre>
133
-
<!DOCTYPE html>
134
-
<html>
135
-
<head>
136
-
<title>Hello World</title>
137
-
</head>
138
-
<body>
139
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
140
-
</body>
141
-
</html></pre
142
-
>
132
+
<pre><code><!DOCTYPE html>
133
+
<html>
134
+
<head>
135
+
<title>Hello World</title>
136
+
</head>
137
+
<body>
138
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
139
+
</body>
140
+
</html></code></pre>
143
141
144
142
<br />
145
143
<hr />
+6
dev.css
+6
dev.css
···
393
393
border-radius: 0.25rem;
394
394
padding: 0.125rem 0.25rem;
395
395
font-size: 0.9rem;
396
+
tab-size: 2;
396
397
}
397
398
398
399
kbd {
···
403
404
padding: 1rem 1.5rem;
404
405
max-width: 100%;
405
406
overflow: auto;
407
+
}
408
+
409
+
pre code {
410
+
padding: 0;
411
+
border: 0;
406
412
}
407
413
408
414
/* 14. details */