tests.styl 1.62 KB
Newer Older
1
2
@import index

3
4
// Page styles and defaults to test the inherit setting.

5
6
body
	border 1px solid black
7
8
9
10
11
	width 1000px
	margin 24px
	padding 48px
	line-height 24px
	font-size: 18px
12
13

div
14
15
	width 500px
	margin 24px 0
16
	background-color #eee
17
18
19
20
21
22
23
24
25
26
27
28

h1
	font-size 48px
	line-height 72px

h2
	font-size 24px
	line-height 36px
	margin-top 36px
	margin-bottom 24px
	border-bottom 1px solid black

29
30
31

// Margins

32
33
34
35
36
// Set a margin to be inherited for the test-margin-inherit test
#test-margin-inherit-parent-element
	margin 42px
	border 1px dashed

37
38
39
40
41
42
43
44
45
46
47
48
#test-margin-inherit
	margin inherit

#test-margin-horizontal-centering
	margin 0 auto

#test-margin-one-argument
	margin 10px

#test-margin-two-arguments
	margin 10px 20px

49
50
51
#test-margin-two-arguments-with-zero
	margin 10px 0

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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
#test-margin-three-arguments
	margin 10px 20px 30px

#test-margin-four-arguments
	margin 10px 20px 30px 40px

#test-margin-top
	margin-top 10px

#test-margin-right
	margin-right 20px

#test-margin-bottom
	margin-bottom 30px

#test-margin-left
	margin-left 40px

// Padding

#test-padding-one-argument
	padding 10px

#test-padding-two-arguments
	padding 10px 20px

#test-padding-three-arguments
	padding 10px 20px 30px

#test-padding-four-arguments
	padding 10px 20px 30px 40px

#test-padding-top
	padding-top 10px

#test-padding-right
	padding-right 20px

#test-padding-bottom
	padding-bottom 30px

#test-padding-left
	padding-left 40px


// Font size

#test-font-size-inherit
	font-size inherit

#test-font-size
103
	font-size 42px
104
105
106
107
108
109
	line-height 63px


// width
#test-width-hundred-percent
	width 50px
110
111
112
113
	width 100%

// height
#test-height
114
115
116
117
118
119
	height 50px

// max-width
#test-max-width
	max-width 50px
	max-width none