pondasee 1.0 → 1.1
Sign up to get free protection for your applications and to get access to all the features.
- data/stylesheets/_pondasee.scss +1 -12
- data/templates/project/manifest.rb +25 -18
- data/templates/project/sass/partials/_base.scss +24 -1
- data/templates/project/sass/partials/_font-awesome.scss +295 -1
- data/templates/project/sass/partials/_grid.scss +37 -1
- data/templates/project/sass/partials/_images.scss +168 -1
- data/templates/project/sass/partials/_media-queries.scss +56 -1
- data/templates/project/sass/partials/_mixins.scss +61 -5
- data/templates/project/sass/partials/_reset.scss +72 -1
- data/templates/project/sass/partials/_table.scss +40 -1
- data/templates/project/sass/partials/_typography.scss +217 -1
- data/templates/project/sass/partials/_utilities.scss +187 -1
- metadata +7 -19
- data/stylesheets/pondasee/_mixins.scss +0 -63
- data/stylesheets/pondasee/_settings.scss +0 -3
- data/stylesheets/pondasee/base.scss +0 -24
- data/stylesheets/pondasee/font-awesome.scss +0 -295
- data/stylesheets/pondasee/forms.scss +0 -345
- data/stylesheets/pondasee/grid.scss +0 -37
- data/stylesheets/pondasee/images.scss +0 -168
- data/stylesheets/pondasee/media-queries.scss +0 -56
- data/stylesheets/pondasee/reset.scss +0 -72
- data/stylesheets/pondasee/table.scss +0 -40
- data/stylesheets/pondasee/typography.scss +0 -217
- data/stylesheets/pondasee/utilities.scss +0 -181
- /data/{stylesheets/pondasee → templates/project/sass/partials}/_variable.scss +0 -0
- /data/{stylesheets/pondasee → templates/project/sass/partials}/mixins/_basic-buttons.scss +0 -0
- /data/{stylesheets/pondasee → templates/project/sass/partials}/mixins/_fonts.scss +0 -0
- /data/{stylesheets/pondasee → templates/project/sass/partials}/mixins/_helper.scss +0 -0
- /data/{stylesheets/pondasee → templates/project/sass/partials}/mixins/_simple-responsive-grid.scss +0 -0
- /data/{stylesheets/pondasee → templates/project/sass/partials}/mixins/_zurb-button.scss +0 -0
@@ -1,168 +0,0 @@
|
|
1
|
-
/* BASE IMAGES STYLES
|
2
|
-
include w/ WordPress classes
|
3
|
-
----------------- */
|
4
|
-
img[class*="align"],
|
5
|
-
img[class*="wp-image-"],
|
6
|
-
img[class*="attachment-"] {
|
7
|
-
height: auto;
|
8
|
-
}
|
9
|
-
|
10
|
-
img.size-full,
|
11
|
-
img.size-large {
|
12
|
-
max-width: 97.5%;
|
13
|
-
height: auto;
|
14
|
-
}
|
15
|
-
|
16
|
-
img.wp-smiley {
|
17
|
-
border: none;
|
18
|
-
margin-bottom: 0;
|
19
|
-
margin-top: 0;
|
20
|
-
padding: 0;
|
21
|
-
}
|
22
|
-
|
23
|
-
img.alignleft,
|
24
|
-
img.alignright,
|
25
|
-
img.aligncenter {
|
26
|
-
margin-top: 10px;
|
27
|
-
}
|
28
|
-
|
29
|
-
/* CAPTION
|
30
|
-
----------------- */
|
31
|
-
p img,
|
32
|
-
.wp-caption,
|
33
|
-
.caption {
|
34
|
-
margin-top: 8px;
|
35
|
-
}
|
36
|
-
|
37
|
-
.wp-caption {
|
38
|
-
background: $whiteDark;
|
39
|
-
max-width: 96%;
|
40
|
-
padding: 15px 10px 10px;
|
41
|
-
@include transition(all .15s ease-in-out);
|
42
|
-
img {
|
43
|
-
display: block;
|
44
|
-
margin: 0 auto;
|
45
|
-
max-width: 98%;
|
46
|
-
}
|
47
|
-
&:hover {
|
48
|
-
background: $grayLighter;
|
49
|
-
}
|
50
|
-
}
|
51
|
-
|
52
|
-
.wp-caption-text {
|
53
|
-
color: $fontColor;
|
54
|
-
font-size: 12px;
|
55
|
-
margin: 0;
|
56
|
-
padding: 15px 0 5px 40px;
|
57
|
-
position: relative;
|
58
|
-
|
59
|
-
&:before {
|
60
|
-
content: '\2014';
|
61
|
-
font-size: 14px;
|
62
|
-
font-style: normal;
|
63
|
-
font-weight: bold;
|
64
|
-
margin-right: 5px;
|
65
|
-
position: absolute;
|
66
|
-
left: 10px;
|
67
|
-
top: 17px;
|
68
|
-
}
|
69
|
-
}
|
70
|
-
|
71
|
-
.caption {
|
72
|
-
@extend .wp-caption;
|
73
|
-
}
|
74
|
-
|
75
|
-
.caption-text {
|
76
|
-
@extend .wp-caption-text;
|
77
|
-
}
|
78
|
-
|
79
|
-
/* GALLERY
|
80
|
-
----------------- */
|
81
|
-
.gallery {
|
82
|
-
margin: auto;
|
83
|
-
overflow: hidden;
|
84
|
-
width: 100%;
|
85
|
-
.gallery-item {
|
86
|
-
@include float(left);
|
87
|
-
margin-bottom: 10px;
|
88
|
-
text-align: center;
|
89
|
-
}
|
90
|
-
.gallery-caption {
|
91
|
-
background: #f7f7f7;
|
92
|
-
border: 1px solid #e6e6e6;
|
93
|
-
clear: both;
|
94
|
-
color: #888;
|
95
|
-
display: block;
|
96
|
-
font-size: 12px;
|
97
|
-
margin: 10px 0;
|
98
|
-
padding: 5px 3px;
|
99
|
-
text-align: center;
|
100
|
-
width: 100%;
|
101
|
-
}
|
102
|
-
dl {
|
103
|
-
margin: 0;
|
104
|
-
}
|
105
|
-
img {
|
106
|
-
border: 1px solid #e0e0e0;
|
107
|
-
}
|
108
|
-
a:hover img {
|
109
|
-
border-color: $gray;
|
110
|
-
}
|
111
|
-
br {
|
112
|
-
clear: both;
|
113
|
-
}
|
114
|
-
br+br {
|
115
|
-
display: none;
|
116
|
-
}
|
117
|
-
}
|
118
|
-
|
119
|
-
.gallery-columns-1 .gallery-item {
|
120
|
-
width: 100%;
|
121
|
-
}
|
122
|
-
|
123
|
-
.gallery-columns-2 .gallery-item {
|
124
|
-
width: 50%;
|
125
|
-
}
|
126
|
-
|
127
|
-
.gallery-columns-3 .gallery-item {
|
128
|
-
width: 33.333%;
|
129
|
-
}
|
130
|
-
|
131
|
-
.gallery-columns-4 .gallery-item {
|
132
|
-
margin-right: 2%;
|
133
|
-
width: 23%;
|
134
|
-
}
|
135
|
-
|
136
|
-
.gallery-columns-5 .gallery-item {
|
137
|
-
margin-right: 2%;
|
138
|
-
width: 18%;
|
139
|
-
}
|
140
|
-
|
141
|
-
.gallery-columns-6 .gallery-item {
|
142
|
-
margin-right: 2%;
|
143
|
-
width: 14.666%;
|
144
|
-
}
|
145
|
-
|
146
|
-
.gallery-columns-7 .gallery-item {
|
147
|
-
margin-right: 2%;
|
148
|
-
width: 12.285%;
|
149
|
-
}
|
150
|
-
|
151
|
-
.gallery-columns-8 .gallery-item {
|
152
|
-
margin-right: 2%;
|
153
|
-
width: 10.5%;
|
154
|
-
}
|
155
|
-
|
156
|
-
.gallery-columns-9 .gallery-item {
|
157
|
-
margin-right: 2%;
|
158
|
-
width: 9.111%;
|
159
|
-
}
|
160
|
-
|
161
|
-
/* ATTACHMENT
|
162
|
-
----------------- */
|
163
|
-
embed,
|
164
|
-
iframe,
|
165
|
-
object {
|
166
|
-
max-width: 100%;
|
167
|
-
width: 100%;
|
168
|
-
}
|
@@ -1,56 +0,0 @@
|
|
1
|
-
/* iPad & Tablets*/
|
2
|
-
@media screen and (min-width: 768px) and (max-width: 959px) {}
|
3
|
-
|
4
|
-
/* Tablets Portrait & Big Smartphone Landscape */
|
5
|
-
@media screen and (min-width: 600px) and (max-width: 767px) {}
|
6
|
-
|
7
|
-
/* Smartphone Landscape */
|
8
|
-
@media screen and (min-width: 480px) and (max-width: 599px) {}
|
9
|
-
|
10
|
-
/* Smartphone */
|
11
|
-
@media screen and (min-width: 320px) and (max-width: 479px) {}
|
12
|
-
|
13
|
-
/* Featured Phone (rarely used since featured phone often doesn't support CSS3) */
|
14
|
-
@media screen and (max-width: 319px) {}
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
// Be Prepared for SASS 3.2, embrace yourself! (or use it right now, if you already using SASS pre version)
|
19
|
-
|
20
|
-
$query-big : 959px;
|
21
|
-
$query-bigMedium : 767px;
|
22
|
-
$query-medium : 599px;
|
23
|
-
$query-mediumSmall : 479px;
|
24
|
-
$query-small : 319px;
|
25
|
-
|
26
|
-
@mixin responsive($media) {
|
27
|
-
@if $media == ipad {
|
28
|
-
@media screen and (max-width:$query-big) { @content; }
|
29
|
-
}
|
30
|
-
@else if $media == tablet {
|
31
|
-
@media screen and (max-width:$bigMedium) { @content; }
|
32
|
-
}
|
33
|
-
@else if $media == smartphone {
|
34
|
-
@media screen and (max-width:$medium) { @content; }
|
35
|
-
}
|
36
|
-
@else if $media == phone {
|
37
|
-
@media screen and (max-width:$mediumSmall) { @content; }
|
38
|
-
}
|
39
|
-
}
|
40
|
-
|
41
|
-
// How To Use It:
|
42
|
-
// .foo {
|
43
|
-
// float: left;
|
44
|
-
// width: 1000px;
|
45
|
-
//
|
46
|
-
// @include responsive(ipad) {
|
47
|
-
// float: none;
|
48
|
-
// width: 600px;
|
49
|
-
// }
|
50
|
-
// @include responsive(tablet) {
|
51
|
-
// width: 480px;
|
52
|
-
// }
|
53
|
-
// @include responsive(smartphone) {
|
54
|
-
// width: 280px;
|
55
|
-
// }
|
56
|
-
// }
|
@@ -1,72 +0,0 @@
|
|
1
|
-
html, body, div, span, applet, object, iframe,
|
2
|
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
3
|
-
a, abbr, acronym, address, big, cite, code,
|
4
|
-
del, dfn, em, img, ins, kbd, q, s, samp,
|
5
|
-
small, strike, strong, sub, sup, tt, var,
|
6
|
-
b, u, i, center,
|
7
|
-
dl, dt, dd, ol, ul, li,
|
8
|
-
fieldset, form, label, legend,
|
9
|
-
table, caption, tbody, tfoot, thead, tr, th, td,
|
10
|
-
article, aside, canvas, details, embed,
|
11
|
-
figure, figcaption, footer, header, hgroup,
|
12
|
-
menu, nav, output, ruby, section, summary,
|
13
|
-
time, mark, audio, video {
|
14
|
-
margin: 0;
|
15
|
-
padding: 0;
|
16
|
-
border: 0;
|
17
|
-
font: inherit;
|
18
|
-
vertical-align: baseline;
|
19
|
-
}
|
20
|
-
|
21
|
-
article, aside, details, figcaption, figure, footer,
|
22
|
-
header, hgroup, nav, section, summary {
|
23
|
-
display: block;
|
24
|
-
}
|
25
|
-
|
26
|
-
audio, canvas, video {
|
27
|
-
@include inline-block;
|
28
|
-
}
|
29
|
-
|
30
|
-
audio:not([controls]),
|
31
|
-
[hidden] {
|
32
|
-
display: none;
|
33
|
-
}
|
34
|
-
|
35
|
-
a:focus {
|
36
|
-
@include tab-focus;
|
37
|
-
}
|
38
|
-
|
39
|
-
nav ul,
|
40
|
-
nav ol {
|
41
|
-
@include reset-list;
|
42
|
-
}
|
43
|
-
|
44
|
-
img {
|
45
|
-
border: 0;
|
46
|
-
max-width: 100%;
|
47
|
-
-ms-interpolation-mode: bicubic;
|
48
|
-
vertical-align: middle;
|
49
|
-
}
|
50
|
-
|
51
|
-
svg:not(:root) {
|
52
|
-
overflow: hidden;
|
53
|
-
}
|
54
|
-
|
55
|
-
button::-moz-focus-inner,
|
56
|
-
input::-moz-focus-inner {
|
57
|
-
border: 0;
|
58
|
-
padding: 0;
|
59
|
-
}
|
60
|
-
|
61
|
-
input[type="radio"] {
|
62
|
-
vertical-align: text-bottom;
|
63
|
-
}
|
64
|
-
|
65
|
-
input[type="checkbox"] {
|
66
|
-
vertical-align: text-bottom;
|
67
|
-
}
|
68
|
-
|
69
|
-
table {
|
70
|
-
border-collapse: collapse;
|
71
|
-
border-spacing: 0;
|
72
|
-
}
|
@@ -1,40 +0,0 @@
|
|
1
|
-
/* STANDARD TABLE
|
2
|
-
----------------- */
|
3
|
-
table {
|
4
|
-
font-size: 12px;
|
5
|
-
max-width: 100%;
|
6
|
-
width: 100%;
|
7
|
-
}
|
8
|
-
|
9
|
-
table,
|
10
|
-
td {
|
11
|
-
border: 1px solid #e8e8e8;
|
12
|
-
border-collapse: collapse;
|
13
|
-
margin: rhythm() 0;
|
14
|
-
padding: 5px 10px;
|
15
|
-
}
|
16
|
-
|
17
|
-
th {
|
18
|
-
background-color: #e8e8e8;
|
19
|
-
border-right: 1px solid #e0e0e0;
|
20
|
-
color: #666;
|
21
|
-
margin: 5px 0 10px;
|
22
|
-
padding: 5px 10px;
|
23
|
-
text-transform: uppercase;
|
24
|
-
text-align: left;
|
25
|
-
}
|
26
|
-
|
27
|
-
table button,
|
28
|
-
table input {
|
29
|
-
*overflow: auto;
|
30
|
-
}
|
31
|
-
|
32
|
-
/* STRIPE TABLE
|
33
|
-
----------------- */
|
34
|
-
table.striped {
|
35
|
-
tr {
|
36
|
-
&:nth-child(odd) {
|
37
|
-
background-color: #f9f9f9;
|
38
|
-
}
|
39
|
-
}
|
40
|
-
}
|
@@ -1,217 +0,0 @@
|
|
1
|
-
/* HEADING
|
2
|
-
----------------- */
|
3
|
-
#{headings(all)} {
|
4
|
-
@include ff-heading;
|
5
|
-
font-weight: bold;
|
6
|
-
}
|
7
|
-
|
8
|
-
h1 {
|
9
|
-
font-size: 36px;
|
10
|
-
line-height: 1.3em;
|
11
|
-
}
|
12
|
-
|
13
|
-
h2 {
|
14
|
-
font-size: 24px;
|
15
|
-
line-height: 1.3em;
|
16
|
-
}
|
17
|
-
|
18
|
-
h3 {
|
19
|
-
font-size: 18px;
|
20
|
-
line-height: 1.5em;
|
21
|
-
}
|
22
|
-
|
23
|
-
h4 {
|
24
|
-
font-size: 16px;
|
25
|
-
line-height: 1.5em;
|
26
|
-
}
|
27
|
-
|
28
|
-
h5 {
|
29
|
-
font-size: 14px;
|
30
|
-
line-height: 1.5em;
|
31
|
-
}
|
32
|
-
|
33
|
-
h6 {
|
34
|
-
font-size: 14px;
|
35
|
-
line-height: 1.5em;
|
36
|
-
}
|
37
|
-
|
38
|
-
/* TEXT ELEMENT
|
39
|
-
----------------- */
|
40
|
-
p {
|
41
|
-
margin: 0 0 rhythm() // output 1.5em;
|
42
|
-
}
|
43
|
-
|
44
|
-
em {
|
45
|
-
font-style: italic;
|
46
|
-
}
|
47
|
-
|
48
|
-
b,
|
49
|
-
strong {
|
50
|
-
font-weight: bold;
|
51
|
-
}
|
52
|
-
|
53
|
-
small {
|
54
|
-
font-size: 85%;
|
55
|
-
}
|
56
|
-
|
57
|
-
cite {
|
58
|
-
font-style: normal;
|
59
|
-
}
|
60
|
-
|
61
|
-
dfn {
|
62
|
-
font-style: italic;
|
63
|
-
font-weight: bold;
|
64
|
-
}
|
65
|
-
|
66
|
-
sub,
|
67
|
-
sup {
|
68
|
-
font-size: 75%;
|
69
|
-
line-height: 0;
|
70
|
-
position: relative;
|
71
|
-
}
|
72
|
-
|
73
|
-
sup {
|
74
|
-
top: -0.5em;
|
75
|
-
vertical-align: sub;
|
76
|
-
}
|
77
|
-
|
78
|
-
sub {
|
79
|
-
bottom: -0.25em;
|
80
|
-
vertical-align: super;
|
81
|
-
}
|
82
|
-
|
83
|
-
abbr,
|
84
|
-
acronym {
|
85
|
-
font-size: 90%;
|
86
|
-
text-transform: uppercase;
|
87
|
-
border-bottom: 1px dotted $grayLight;
|
88
|
-
cursor: help;
|
89
|
-
}
|
90
|
-
|
91
|
-
del {
|
92
|
-
color: $grayDark;
|
93
|
-
text-decoration: line-through;
|
94
|
-
vertical-align: baseline;
|
95
|
-
}
|
96
|
-
|
97
|
-
pre {
|
98
|
-
background: #ffff99;
|
99
|
-
border-bottom: 1px solid #ff2;
|
100
|
-
border-top: 1px solid #ff2;
|
101
|
-
color: #990;
|
102
|
-
margin: 1.5em 0;
|
103
|
-
padding: rhythm(.5) rhythm(.3);
|
104
|
-
@include force-wrap;
|
105
|
-
}
|
106
|
-
|
107
|
-
code {
|
108
|
-
background: #ffff99;
|
109
|
-
color: #990;
|
110
|
-
font-size: 11px;
|
111
|
-
line-height: 1.2em;
|
112
|
-
padding: rhythm(.2);
|
113
|
-
}
|
114
|
-
|
115
|
-
pre,
|
116
|
-
code,
|
117
|
-
kbd,
|
118
|
-
samp,
|
119
|
-
tt {
|
120
|
-
font-family: $consolas;
|
121
|
-
}
|
122
|
-
|
123
|
-
ins {
|
124
|
-
text-decoration: underline;
|
125
|
-
}
|
126
|
-
|
127
|
-
mark {
|
128
|
-
background: #ff0;
|
129
|
-
color: #990;
|
130
|
-
font-size: 11px;
|
131
|
-
}
|
132
|
-
|
133
|
-
/* BLOCKQUOTE
|
134
|
-
----------------- */
|
135
|
-
blockquote {
|
136
|
-
border-left: 3px solid $grayLighter;
|
137
|
-
color: $grayDark;
|
138
|
-
font-style: italic;
|
139
|
-
font-family: $georgia;
|
140
|
-
margin: 1em 40px;
|
141
|
-
padding-left: rhythm(.9);
|
142
|
-
|
143
|
-
em,
|
144
|
-
i,
|
145
|
-
cite {
|
146
|
-
font-style: normal;
|
147
|
-
}
|
148
|
-
cite {
|
149
|
-
color: $blackLighter;
|
150
|
-
display: block;
|
151
|
-
padding: 10px 0 0 20px;
|
152
|
-
position: relative;
|
153
|
-
&:before {
|
154
|
-
content: '\2014';
|
155
|
-
left: 0;
|
156
|
-
position: absolute;
|
157
|
-
}
|
158
|
-
}
|
159
|
-
}
|
160
|
-
|
161
|
-
q:before,
|
162
|
-
q:after,
|
163
|
-
blockquote:before,
|
164
|
-
blockquote:after {
|
165
|
-
content: "";
|
166
|
-
}
|
167
|
-
|
168
|
-
address {
|
169
|
-
display: block;
|
170
|
-
margin: 0 0 1.5em;
|
171
|
-
font-style: italic;
|
172
|
-
}
|
173
|
-
|
174
|
-
/* LISTS
|
175
|
-
----------------- */
|
176
|
-
ul,
|
177
|
-
ol {
|
178
|
-
margin: 1em 0;
|
179
|
-
padding: 0 0 0 rhythm(1.5);
|
180
|
-
}
|
181
|
-
|
182
|
-
ul {
|
183
|
-
list-style: disc;
|
184
|
-
}
|
185
|
-
|
186
|
-
ol {
|
187
|
-
list-style-type: decimal;
|
188
|
-
}
|
189
|
-
|
190
|
-
ol ol {
|
191
|
-
list-style: upper-alpha;
|
192
|
-
}
|
193
|
-
|
194
|
-
ol ol ol {
|
195
|
-
list-style: lower-roman;
|
196
|
-
}
|
197
|
-
|
198
|
-
ol ol ol ol {
|
199
|
-
list-style: lower-alpha;
|
200
|
-
}
|
201
|
-
|
202
|
-
li ul,
|
203
|
-
li ol {
|
204
|
-
margin: 0;
|
205
|
-
}
|
206
|
-
|
207
|
-
dl {
|
208
|
-
margin: 0 1.625em;
|
209
|
-
}
|
210
|
-
|
211
|
-
dt {
|
212
|
-
font-weight: bold;
|
213
|
-
}
|
214
|
-
|
215
|
-
dd {
|
216
|
-
margin-bottom: 1.625em;
|
217
|
-
}
|
@@ -1,181 +0,0 @@
|
|
1
|
-
/* CLEARFIX
|
2
|
-
http://nicolasgallagher.com/micro-clearfix-hack/
|
3
|
-
----------------- */
|
4
|
-
.clearfix:before,
|
5
|
-
.clearfix:after {
|
6
|
-
content: "";
|
7
|
-
display: table;
|
8
|
-
}
|
9
|
-
|
10
|
-
.clearfix:after {
|
11
|
-
clear: both;
|
12
|
-
}
|
13
|
-
|
14
|
-
.clearfix {
|
15
|
-
*zoom: 1;
|
16
|
-
}
|
17
|
-
|
18
|
-
/* CLEAR ELEMENT
|
19
|
-
----------------- */
|
20
|
-
.clear {
|
21
|
-
clear: both;
|
22
|
-
display: block;
|
23
|
-
overflow: hidden;
|
24
|
-
visibility: hidden;
|
25
|
-
width: 0;
|
26
|
-
height: 0;
|
27
|
-
}
|
28
|
-
|
29
|
-
/* IMAGE REPLACEMENT
|
30
|
-
----------------- */
|
31
|
-
.ir {
|
32
|
-
border:0;
|
33
|
-
font: 0/0 a;
|
34
|
-
text-shadow: none;
|
35
|
-
color: transparent;
|
36
|
-
background-color: transparent;
|
37
|
-
}
|
38
|
-
|
39
|
-
/* HIDE/SHOW ELEMENT
|
40
|
-
----------------- */
|
41
|
-
.hide {
|
42
|
-
display: none;
|
43
|
-
visibility: hidden;
|
44
|
-
}
|
45
|
-
|
46
|
-
.show {
|
47
|
-
display: block;
|
48
|
-
visibility: visible;
|
49
|
-
}
|
50
|
-
|
51
|
-
.invisible {
|
52
|
-
visibility: hidden;
|
53
|
-
}
|
54
|
-
|
55
|
-
.visuallyhidden {
|
56
|
-
border: 0;
|
57
|
-
clip: rect(0 0 0 0);
|
58
|
-
height: 1px;
|
59
|
-
margin: -1px;
|
60
|
-
overflow: hidden;
|
61
|
-
padding: 0;
|
62
|
-
position: absolute;
|
63
|
-
width: 1px;
|
64
|
-
}
|
65
|
-
|
66
|
-
.visuallyhidden.focusable {
|
67
|
-
&:active,
|
68
|
-
&:focus {
|
69
|
-
clip: auto;
|
70
|
-
height: auto;
|
71
|
-
margin: 0;
|
72
|
-
overflow: visible;
|
73
|
-
position: static;
|
74
|
-
width: auto;
|
75
|
-
}
|
76
|
-
}
|
77
|
-
|
78
|
-
/* FLOATING ALIGNMENT
|
79
|
-
----------------- */
|
80
|
-
.alignleft {
|
81
|
-
@include float(left);
|
82
|
-
margin-right: rhythm(); // output 1.5em
|
83
|
-
}
|
84
|
-
|
85
|
-
.alignright {
|
86
|
-
@include float(right);
|
87
|
-
margin-left: rhythm(); // output 1.5em
|
88
|
-
}
|
89
|
-
|
90
|
-
.aligncenter {
|
91
|
-
clear: both;
|
92
|
-
@include center-block;
|
93
|
-
}
|
94
|
-
|
95
|
-
.alignnone{
|
96
|
-
display: block;
|
97
|
-
}
|
98
|
-
|
99
|
-
/* QUICK FLOAT
|
100
|
-
----------------- */
|
101
|
-
.fr {
|
102
|
-
@include float(right);
|
103
|
-
}
|
104
|
-
|
105
|
-
.fl {
|
106
|
-
@include float(left);
|
107
|
-
}
|
108
|
-
|
109
|
-
.fn {
|
110
|
-
@include reset-float;
|
111
|
-
}
|
112
|
-
|
113
|
-
/* TEXT ALIGNMENT
|
114
|
-
----------------- */
|
115
|
-
.left {
|
116
|
-
text-align: left
|
117
|
-
}
|
118
|
-
|
119
|
-
.right {
|
120
|
-
text-align: right;
|
121
|
-
}
|
122
|
-
|
123
|
-
.center {
|
124
|
-
text-align: center;
|
125
|
-
}
|
126
|
-
|
127
|
-
/* HR/STANDALONE BORDER
|
128
|
-
----------------- */
|
129
|
-
hr {
|
130
|
-
border-top: 1px solid $borderColor;
|
131
|
-
border-bottom: 0;
|
132
|
-
border-right: 0;
|
133
|
-
border-left: 0;
|
134
|
-
clear: both;
|
135
|
-
height: 1px;
|
136
|
-
margin: rhythm() 0;
|
137
|
-
min-height: 0;
|
138
|
-
|
139
|
-
&.dotted {
|
140
|
-
border-style: dotted;
|
141
|
-
}
|
142
|
-
&.dashed {
|
143
|
-
border-style: dashed;
|
144
|
-
}
|
145
|
-
&.darkborder {
|
146
|
-
border-color: $black
|
147
|
-
}
|
148
|
-
&.lightborder {
|
149
|
-
border-color: $white;
|
150
|
-
}
|
151
|
-
}
|
152
|
-
|
153
|
-
/* MISC CLASSES
|
154
|
-
----------------- */
|
155
|
-
.first {
|
156
|
-
margin-left: 0;
|
157
|
-
padding-left: 0;
|
158
|
-
}
|
159
|
-
|
160
|
-
.last {
|
161
|
-
margin-right: 0;
|
162
|
-
padding-right: 0;
|
163
|
-
}
|
164
|
-
|
165
|
-
.top {
|
166
|
-
margin-top: 0;
|
167
|
-
padding-top: 0;
|
168
|
-
}
|
169
|
-
|
170
|
-
.bottom {
|
171
|
-
margin-bottom: 0;
|
172
|
-
padding-bottom: 0;
|
173
|
-
}
|
174
|
-
|
175
|
-
/* Text meant only for screen readers
|
176
|
-
----------------- */
|
177
|
-
.assistive-text {
|
178
|
-
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
|
179
|
-
clip: rect(1px, 1px, 1px, 1px);
|
180
|
-
position: absolute !important;
|
181
|
-
}
|
File without changes
|
File without changes
|
File without changes
|