Skip to content

Commit eaeb244

Browse files
keenanpaynekeenanpayne
committed
Add grid example
1 parent c89aa3e commit eaeb244

1 file changed

Lines changed: 137 additions & 0 deletions

File tree

‎test/test.html‎

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,17 @@
99
<link rel="stylesheet" media="all" href="../dist/concise.css">
1010

1111
<title>Concise CSS</title>
12+
13+
<style>
14+
.grid--example {
15+
background-color: #D34A28;
16+
color: white;
17+
display: inline-block;
18+
margin-bottom: 0.5em;
19+
text-align: center;
20+
width: 100%;
21+
}
22+
</style>
1223
</head>
1324

1425
<body container>
@@ -114,6 +125,132 @@ <h6>Heading 6 <small>Helper text</small></h6>
114125
<dd>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </dd>
115126
</dl>
116127

128+
<div container>
129+
<div row>
130+
<div column="12">
131+
<span class="grid--example">12</span>
132+
</div>
133+
</div>
134+
135+
<div row>
136+
<div column="1">
137+
<span class="grid--example">1</span>
138+
</div>
139+
140+
<div column="11">
141+
<span class="grid--example">11</span>
142+
</div>
143+
</div>
144+
145+
<div row>
146+
<div column="2">
147+
<span class="grid--example">2</span>
148+
</div>
149+
150+
<div column="10">
151+
<span class="grid--example">10</span>
152+
</div>
153+
</div>
154+
155+
<div row>
156+
<div column="3">
157+
<span class="grid--example">3</span>
158+
</div>
159+
160+
<div column="9">
161+
<span class="grid--example">9</span>
162+
</div>
163+
</div>
164+
165+
<div row>
166+
<div column="4">
167+
<span class="grid--example">4</span>
168+
</div>
169+
170+
<div column="8">
171+
<span class="grid--example">8</span>
172+
</div>
173+
</div>
174+
175+
<div row>
176+
<div column="5">
177+
<span class="grid--example">5</span>
178+
</div>
179+
180+
<div column="7">
181+
<span class="grid--example">7</span>
182+
</div>
183+
</div>
184+
185+
<div row>
186+
<div column="6">
187+
<span class="grid--example">6</span>
188+
</div>
189+
190+
<div column="6">
191+
<span class="grid--example">6</span>
192+
</div>
193+
</div>
194+
195+
<div row>
196+
<div column="4">
197+
<span class="grid--example">4</span>
198+
</div>
199+
200+
<div column="4">
201+
<span class="grid--example">4</span>
202+
</div>
203+
204+
<div column="4">
205+
<span class="grid--example">4</span>
206+
</div>
207+
</div>
208+
209+
<div row>
210+
<div column="3">
211+
<span class="grid--example">3</span>
212+
</div>
213+
214+
<div column="3">
215+
<span class="grid--example">3</span>
216+
</div>
217+
218+
<div column="3">
219+
<span class="grid--example">3</span>
220+
</div>
221+
222+
<div column="3">
223+
<span class="grid--example">3</span>
224+
</div>
225+
</div>
226+
227+
<div row>
228+
<div column="2">
229+
<span class="grid--example">2</span>
230+
</div>
231+
232+
<div column="2">
233+
<span class="grid--example">2</span>
234+
</div>
235+
236+
<div column="2">
237+
<span class="grid--example">2</span>
238+
</div>
239+
240+
<div column="2">
241+
<span class="grid--example">2</span>
242+
</div>
243+
244+
<div column="2">
245+
<span class="grid--example">2</span>
246+
</div>
247+
248+
<div column="2">
249+
<span class="grid--example">2</span>
250+
</div>
251+
</div>
252+
</div>
253+
117254
<button class="button--xsm">Extra Small Button</button>
118255
<button class="button--sm">Small Button</button>
119256
<button>Default Button</button>

0 commit comments

Comments
 (0)