-
Notifications
You must be signed in to change notification settings - Fork 1
/
boilerplate.styl
77 lines (61 loc) · 1.32 KB
/
boilerplate.styl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
// Make links inherit the body color and have no underline
a
cursor pointer
color inherit
text-decoration none
// Border box everything
*, *:before, *:after
box-sizing border-box
// Make images fill containers by default
img
max-width 100%
height auto
// Disable browser chrome on input elements
input, textarea, button, select
appearance none
background none
border 1px solid
color inherit
// Clear margins on headers
h1, h2, h3, h4, h5, h6, blockquote
margin 0
// Antialias all text
*
-webkit-font-smoothing antialiased;
-moz-osx-font-smoothing grayscale;
// Remove borders on ifraems, which the reset isn't doing automatcially
iframe
border none
// Collapse tables so no inherent gaps
table
border-collapse collapse
/**
* Boilerplace classes that add common functionality
*/
.clearfix
clearfix()
.wysiwyg
wysiwyg()
.text-left
text-align left
.text-right
text-align right
.text-center
text-align center
// Remove the gap between audio, canvas, iframes, images, videos and the bottom
// of their containers:
// https://github.com/h5bp/html5-boilerplate/issues/440
audio,
canvas,
iframe,
img,
svg,
video
vertical-align middle
// Allow only vertical resizing of textareas
textarea
resize vertical
// Defaulting to a line-height of 1 cause it makes flex-box vertical centeirng
// look better
body
line-height 1