forked from cliftonc0613/Starkers
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
80 lines (63 loc) · 2.68 KB
/
style.css
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
78
79
80
/*
Theme Name: Starkers
Theme URI: http://viewportindustries.com/products/starkers
Description: The totally nude Wordpress theme!
Version: 4.0
Author: Elliot Jay Stocks & Keir Whitaker
Author URI: http://viewportindustries.com
Tags: starkers, naked, clean, basic
*/
/*
===========================
CONTENTS:
01 Sensible defaults
02 Typography
03 Media queries
===========================
*/
/* ----------------------------------------------------------------------------------------------------------
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@import "css/reset.css";
div,
article,
section,
header,
footer,
nav,
li { position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body { background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection { background:#ff0; color:#333; }
::selection { background:#ff0; color:#333; }
/* ----------------------------------------------------------------------------------------------------------
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*
14 / 16 = 0.875em (14px equivalent)
16 / 16 = 1em (16px equivalent)
18 / 16 = 1.125em (18px equivalent)
21 / 16 = 1.3125em (21px equivalent)
24 / 16 = 1.5em (24px equivalent)
30 / 16 = 1.875em (30px equivalent)
*/
body,
input,
textarea { /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }
/* ----------------------------------------------------------------------------------------------------------
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* 400 and up */
@media screen and (min-width:400px) {
{ /* Place your styles here for all widths greater than 400px */ }
}
/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {
{ /* Place your styles here for all 'Retina' screens */ }
}