Skip to content

Commit ec5314f

Browse files
author
mrmrs
committed
Adding more definition lists. More README. Generated base css including
normalize.
1 parent f842462 commit ec5314f

File tree

3 files changed

+387
-3
lines changed

3 files changed

+387
-3
lines changed

‎README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ Common markup patterns useful for developing prototypes or creating new themes.
1010

1111
* Modular file structure - add your own patterns, or delete the ones you don't like.
1212
* Semantic markup examples for common design patterns.
13+
* 100% responsive :)
1314
* Thoroughly commented code (Useful comments and reference links for new HTML developers)
1415

1516
# Getting started
@@ -37,7 +38,6 @@ git push -u origin master
3738

3839
Now your set up to use this in a new project.
3940

40-
4141
# Author
4242
[MRMRS](http://mrmrs.cc "Adam Morse - Designer Developer")
4343

‎css/i.css

Lines changed: 333 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,333 @@
1-
/* normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn,em{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
1+
/* normalize.css v2.1.0 | MIT License | git.io/normalize */
2+
/* ==========================================================================
3+
HTML5 display definitions
4+
========================================================================== */
5+
/**
6+
* Correct `block` display not defined in IE 8/9.
7+
*/
8+
article,
9+
aside,
10+
details,
11+
figcaption,
12+
figure,
13+
footer,
14+
header,
15+
hgroup,
16+
main,
17+
nav,
18+
section,
19+
summary {
20+
display: block; }
21+
22+
/**
23+
* Correct `inline-block` display not defined in IE 8/9.
24+
*/
25+
audio,
26+
canvas,
27+
video {
28+
display: inline-block; }
29+
30+
/**
31+
* Prevent modern browsers from displaying `audio` without controls.
32+
* Remove excess height in iOS 5 devices.
33+
*/
34+
audio:not([controls]) {
35+
display: none;
36+
height: 0; }
37+
38+
/**
39+
* Address styling not present in IE 8/9.
40+
*/
41+
[hidden] {
42+
display: none; }
43+
44+
/* ==========================================================================
45+
Base
46+
========================================================================== */
47+
/**
48+
* 1. Set default font family to sans-serif.
49+
* 2. Prevent iOS text size adjust after orientation change, without disabling
50+
* user zoom.
51+
*/
52+
html {
53+
font-family: sans-serif;
54+
/* 1 */
55+
-webkit-text-size-adjust: 100%;
56+
/* 2 */
57+
-ms-text-size-adjust: 100%;
58+
/* 2 */ }
59+
60+
/**
61+
* Remove default margin.
62+
*/
63+
body {
64+
margin: 0; }
65+
66+
/* ==========================================================================
67+
Links
68+
========================================================================== */
69+
/**
70+
* Address `outline` inconsistency between Chrome and other browsers.
71+
*/
72+
a:focus {
73+
outline: thin dotted; }
74+
75+
/**
76+
* Improve readability when focused and also mouse hovered in all browsers.
77+
*/
78+
a:active,
79+
a:hover {
80+
outline: 0; }
81+
82+
/* ==========================================================================
83+
Typography
84+
========================================================================== */
85+
/**
86+
* Address styling not present in IE 8/9, Safari 5, and Chrome.
87+
*/
88+
abbr[title] {
89+
border-bottom: 1px dotted; }
90+
91+
/**
92+
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
93+
*/
94+
b,
95+
strong {
96+
font-weight: bold; }
97+
98+
/**
99+
* Address styling not present in Safari 5 and Chrome.
100+
*/
101+
dfn, em {
102+
font-style: italic; }
103+
104+
/**
105+
* Address differences between Firefox and other browsers.
106+
*/
107+
hr {
108+
-moz-box-sizing: content-box;
109+
box-sizing: content-box;
110+
height: 0; }
111+
112+
/**
113+
* Address styling not present in IE 8/9.
114+
*/
115+
mark {
116+
background: #ff0;
117+
color: #000; }
118+
119+
/**
120+
* Correct font family set oddly in Safari 5 and Chrome.
121+
*/
122+
code,
123+
kbd,
124+
pre,
125+
samp {
126+
font-family: monospace, serif;
127+
font-size: 1em; }
128+
129+
/**
130+
* Improve readability of pre-formatted text in all browsers.
131+
*/
132+
pre {
133+
white-space: pre-wrap; }
134+
135+
/**
136+
* Set consistent quote types.
137+
*/
138+
q {
139+
quotes: "\201C" "\201D" "\2018" "\2019"; }
140+
141+
/**
142+
* Address inconsistent and variable font size in all browsers.
143+
*/
144+
small {
145+
font-size: 80%; }
146+
147+
/**
148+
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
149+
*/
150+
sub,
151+
sup {
152+
font-size: 75%;
153+
line-height: 0;
154+
position: relative;
155+
vertical-align: baseline; }
156+
157+
sup {
158+
top: -0.5em; }
159+
160+
sub {
161+
bottom: -0.25em; }
162+
163+
/* ==========================================================================
164+
Embedded content
165+
========================================================================== */
166+
/**
167+
* Remove border when inside `a` element in IE 8/9.
168+
*/
169+
img {
170+
border: 0; }
171+
172+
/**
173+
* Correct overflow displayed oddly in IE 9.
174+
*/
175+
svg:not(:root) {
176+
overflow: hidden; }
177+
178+
/* ==========================================================================
179+
Figures
180+
========================================================================== */
181+
/**
182+
* Address margin not present in IE 8/9 and Safari 5.
183+
*/
184+
figure {
185+
margin: 0; }
186+
187+
/* ==========================================================================
188+
Forms
189+
========================================================================== */
190+
/**
191+
* Define consistent border, margin, and padding.
192+
*/
193+
fieldset {
194+
border: 1px solid #c0c0c0;
195+
margin: 0 2px;
196+
padding: 0.35em 0.625em 0.75em; }
197+
198+
/**
199+
* 1. Correct `color` not being inherited in IE 8/9.
200+
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
201+
*/
202+
legend {
203+
border: 0;
204+
/* 1 */
205+
padding: 0;
206+
/* 2 */ }
207+
208+
/**
209+
* 1. Correct font family not being inherited in all browsers.
210+
* 2. Correct font size not being inherited in all browsers.
211+
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
212+
*/
213+
button,
214+
input,
215+
select,
216+
textarea {
217+
font-family: inherit;
218+
/* 1 */
219+
font-size: 100%;
220+
/* 2 */
221+
margin: 0;
222+
/* 3 */ }
223+
224+
/**
225+
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
226+
* the UA stylesheet.
227+
*/
228+
button,
229+
input {
230+
line-height: normal; }
231+
232+
/**
233+
* Address inconsistent `text-transform` inheritance for `button` and `select`.
234+
* All other form control elements do not inherit `text-transform` values.
235+
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
236+
* Correct `select` style inheritance in Firefox 4+ and Opera.
237+
*/
238+
button,
239+
select {
240+
text-transform: none; }
241+
242+
/**
243+
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
244+
* and `video` controls.
245+
* 2. Correct inability to style clickable `input` types in iOS.
246+
* 3. Improve usability and consistency of cursor style between image-type
247+
* `input` and others.
248+
*/
249+
button,
250+
html input[type="button"],
251+
input[type="reset"],
252+
input[type="submit"] {
253+
-webkit-appearance: button;
254+
/* 2 */
255+
cursor: pointer;
256+
/* 3 */ }
257+
258+
/**
259+
* Re-set default cursor for disabled elements.
260+
*/
261+
button[disabled],
262+
html input[disabled] {
263+
cursor: default; }
264+
265+
/**
266+
* 1. Address box sizing set to `content-box` in IE 8/9.
267+
* 2. Remove excess padding in IE 8/9.
268+
*/
269+
input[type="checkbox"],
270+
input[type="radio"] {
271+
box-sizing: border-box;
272+
/* 1 */
273+
padding: 0;
274+
/* 2 */ }
275+
276+
/**
277+
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
278+
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
279+
* (include `-moz` to future-proof).
280+
*/
281+
input[type="search"] {
282+
-webkit-appearance: textfield;
283+
/* 1 */
284+
-moz-box-sizing: content-box;
285+
-webkit-box-sizing: content-box;
286+
/* 2 */
287+
box-sizing: content-box; }
288+
289+
/**
290+
* Remove inner padding and search cancel button in Safari 5 and Chrome
291+
* on OS X.
292+
*/
293+
input[type="search"]::-webkit-search-cancel-button,
294+
input[type="search"]::-webkit-search-decoration {
295+
-webkit-appearance: none; }
296+
297+
/**
298+
* Remove inner padding and border in Firefox 4+.
299+
*/
300+
button::-moz-focus-inner,
301+
input::-moz-focus-inner {
302+
border: 0;
303+
padding: 0; }
304+
305+
/**
306+
* 1. Remove default vertical scrollbar in IE 8/9.
307+
* 2. Improve readability and alignment in all browsers.
308+
*/
309+
textarea {
310+
overflow: auto;
311+
/* 1 */
312+
vertical-align: top;
313+
/* 2 */ }
314+
315+
/* ==========================================================================
316+
Tables
317+
========================================================================== */
318+
/**
319+
* Remove most spacing between table cells.
320+
*/
321+
table {
322+
border-collapse: collapse;
323+
border-spacing: 0; }
324+
325+
/* ==========================================================================
326+
SITE STYLES
327+
========================================================================== */
328+
/**
329+
* Add your site styles here. Break things out to additional partials if you'd like
330+
* and add them in import.scss
331+
*/
332+
body {
333+
padding: 0 20px; }

0 commit comments

Comments
 (0)