UNPKG

2.72 kBtext/lessView Raw
1@import (reference) './imports/global';
2
3/**
4 * TYPOGRAPHY
5 */
6html {
7 #aui.text-reset();
8 font-family: @aui-font-family;
9}
10
11/* International Font Stacks*/
12[lang|=ja] {
13 font-family: @aui-font-family-ja;
14}
15
16/* Default margins */
17p,
18ul,
19ol,
20dl,
21blockquote,
22pre,
23form.aui,
24table.aui,
25.aui-tabs,
26.aui-group {
27 margin: @aui-grid 0 0 0;
28
29 &:first-child {
30 margin-top: 0; // No top margin to interfere with box padding
31 }
32}
33
34/* Headings: desired line height in px / font size = unitless line height */
35h1 {
36 #aui.typography.h700();
37 margin: (@aui-grid * 3) 0 0 0;
38}
39h2 {
40 #aui.typography.h600();
41 margin: (@aui-grid * 3) 0 0 0;
42}
43h3 {
44 #aui.typography.h500();
45 margin: (@aui-grid * 3) 0 0 0;
46}
47h4 {
48 #aui.typography.h400();
49 margin: (@aui-grid * 2) 0 0 0;
50}
51h5 {
52 #aui.typography.h300();
53 margin: (@aui-grid * 2) 0 0 0;
54}
55h6 {
56 #aui.typography.h200();
57 margin: (@aui-grid * 2) 0 0 0;
58}
59h1, h2, h3, h4, h5, h6 {
60 color: @aui-text-color;
61
62 &:first-child {
63 margin-top: 0;
64 }
65}
66
67/* Nice styles for using subheadings */
68h1 + h2,
69h2 + h3,
70h3 + h4,
71h4 + h5,
72h5 + h6 {
73 margin-top: @aui-grid;
74}
75/* Increase the margins on all headings when used in the group/item pattern ... */
76.aui-group > .aui-item > h1:first-child,
77.aui-group > .aui-item > h2:first-child,
78.aui-group > .aui-item > h3:first-child,
79.aui-group > .aui-item > h4:first-child,
80.aui-group > .aui-item > h5:first-child,
81.aui-group > .aui-item > h6:first-child {
82 margin-top: (@aui-grid * 2);
83}
84/* ... unless they're the first-child */
85.aui-group:first-child > .aui-item > h1:first-child,
86.aui-group:first-child > .aui-item > h2:first-child,
87.aui-group:first-child > .aui-item > h3:first-child,
88.aui-group:first-child > .aui-item > h4:first-child,
89.aui-group:first-child > .aui-item > h5:first-child,
90.aui-group:first-child > .aui-item > h6:first-child {
91 margin-top: 0;
92}
93
94/* Other typographical elements */
95small {
96 color: @aui-lesser-text-color;
97 font-size: @aui-font-size-small;
98 line-height: unit(16 / @aui-font-size-small);
99}
100code,
101kbd {
102 font-family: @aui-code-font-family;
103}
104var,
105address,
106dfn,
107cite {
108 font-style: italic;
109}
110cite:before {
111 display: inline-block;
112 content: "\2014";
113 padding-right: 0.5em;
114}
115blockquote {
116 border-left: 2px solid @aui-border-color;
117 color: @aui-blockquote-text-color;
118 margin-left: (@aui-grid * 2 - 1);
119 padding: @aui-grid (@aui-grid * 2);
120}
121blockquote > cite {
122 display: block;
123 margin-top: @aui-grid;
124}
125q {
126 color: @aui-quote-text-color;
127}
128q:before {
129 content: open-quote;
130}
131q:after {
132 content: close-quote;
133}
134abbr {
135 border-bottom: 1px @aui-abbr-border-color dotted;
136 cursor: help;
137}