Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
13542 anikendra 1 
 
2 
/**
3 
 * Typography
4 
 * --------------------------------------------------
5 
 */
6 
 
7 
 
8 
// Body text
9 
// -------------------------
10 
 
11 
p {
12 
  margin: 0 0 ($line-height-computed / 2);
13 
}
14 
 
15 
 
16 
// Emphasis & misc
17 
// -------------------------
18 
 
19 
small   { font-size: 85%; }
20 
cite    { font-style: normal; }
21 
 
22 
 
23 
// Alignment
24 
// -------------------------
25 
 
26 
.text-left           { text-align: left; }
27 
.text-right          { text-align: right; }
28 
.text-center         { text-align: center; }
29 
 
30 
 
31 
// Headings
32 
// -------------------------
33 
 
34 
h1, h2, h3, h4, h5, h6,
35 
.h1, .h2, .h3, .h4, .h5, .h6 {
36 
  color: $base-color;
37 
  font-weight: $headings-font-weight;
38 
  font-family: $headings-font-family;
39 
  line-height: $headings-line-height;
40 
 
41 
  small {
42 
    font-weight: normal;
43 
    line-height: 1;
44 
  }
45 
}
46 
 
47 
h1, .h1,
48 
h2, .h2,
49 
h3, .h3 {
50 
  margin-top: $line-height-computed;
51 
  margin-bottom: ($line-height-computed / 2);
52 
 
53 
  &:first-child {
54 
    margin-top: 0;
55 
  }
56 
 
57 
  + h1, + .h1,
58 
  + h2, + .h2,
59 
  + h3, + .h3 {
60 
    margin-top: ($line-height-computed / 2);
61 
  }
62 
}
63 
 
64 
h4, .h4,
65 
h5, .h5,
66 
h6, .h6 {
67 
  margin-top: ($line-height-computed / 2);
68 
  margin-bottom: ($line-height-computed / 2);
69 
}
70 
 
71 
h1, .h1 { font-size: floor($font-size-base * 2.60); } // ~36px
72 
h2, .h2 { font-size: floor($font-size-base * 2.15); } // ~30px
73 
h3, .h3 { font-size: ceil($font-size-base * 1.70); } // ~24px
74 
h4, .h4 { font-size: ceil($font-size-base * 1.25); } // ~18px
75 
h5, .h5 { font-size:  $font-size-base; }
76 
h6, .h6 { font-size: ceil($font-size-base * 0.85); } // ~12px
77 
 
78 
h1 small, .h1 small { font-size: ceil($font-size-base * 1.70); } // ~24px
79 
h2 small, .h2 small { font-size: ceil($font-size-base * 1.25); } // ~18px
80 
h3 small, .h3 small,
81 
h4 small, .h4 small { font-size: $font-size-base; }
82 
 
83 
 
84 
// Description Lists
85 
// -------------------------
86 
 
87 
dl {
88 
  margin-bottom: $line-height-computed;
89 
}
90 
dt,
91 
dd {
92 
  line-height: $line-height-base;
93 
}
94 
dt {
95 
  font-weight: bold;
96 
}
97 
 
98 
 
99 
// Blockquotes
100 
// -------------------------
101 
 
102 
blockquote {
103 
  margin: 0 0 $line-height-computed;
104 
  padding: ($line-height-computed / 2) $line-height-computed;
105 
  border-left: 5px solid gray;
106 
 
107 
  p {
108 
    font-weight: 300;
109 
    font-size: ($font-size-base * 1.25);
110 
    line-height: 1.25;
111 
  }
112 
 
113 
  p:last-child {
114 
    margin-bottom: 0;
115 
  }
116 
 
117 
  small {
118 
    display: block;
119 
    line-height: $line-height-base;
120 
    &:before {
121 
      content: '\2014 \00A0';// EM DASH, NBSP;
122 
    }
123 
  }
124 
}
125 
 
126 
 
127 
// Quotes
128 
// -------------------------
129 
 
130 
q:before,
131 
q:after,
132 
blockquote:before,
133 
blockquote:after {
134 
  content: "";
135 
}
136 
 
137 
 
138 
// Addresses
139 
// -------------------------
140 
 
141 
address {
142 
  display: block;
143 
  margin-bottom: $line-height-computed;
144 
  font-style: normal;
145 
  line-height: $line-height-base;
146 
}
147 
 
148 
 
149 
// Links
150 
// -------------------------
151 
 
152 
a.subdued {
153 
  padding-right: 10px;
154 
  color: #888;
155 
  text-decoration: none;
156 
 
157 
  &:hover {
158 
    text-decoration: none;
159 
  }
160 
  &:last-child {
161 
    padding-right: 0;
162 
  }
163 
}