pondasee 1.0 → 1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. data/stylesheets/_pondasee.scss +1 -12
  2. data/templates/project/manifest.rb +25 -18
  3. data/templates/project/sass/partials/_base.scss +24 -1
  4. data/templates/project/sass/partials/_font-awesome.scss +295 -1
  5. data/templates/project/sass/partials/_grid.scss +37 -1
  6. data/templates/project/sass/partials/_images.scss +168 -1
  7. data/templates/project/sass/partials/_media-queries.scss +56 -1
  8. data/templates/project/sass/partials/_mixins.scss +61 -5
  9. data/templates/project/sass/partials/_reset.scss +72 -1
  10. data/templates/project/sass/partials/_table.scss +40 -1
  11. data/templates/project/sass/partials/_typography.scss +217 -1
  12. data/templates/project/sass/partials/_utilities.scss +187 -1
  13. metadata +7 -19
  14. data/stylesheets/pondasee/_mixins.scss +0 -63
  15. data/stylesheets/pondasee/_settings.scss +0 -3
  16. data/stylesheets/pondasee/base.scss +0 -24
  17. data/stylesheets/pondasee/font-awesome.scss +0 -295
  18. data/stylesheets/pondasee/forms.scss +0 -345
  19. data/stylesheets/pondasee/grid.scss +0 -37
  20. data/stylesheets/pondasee/images.scss +0 -168
  21. data/stylesheets/pondasee/media-queries.scss +0 -56
  22. data/stylesheets/pondasee/reset.scss +0 -72
  23. data/stylesheets/pondasee/table.scss +0 -40
  24. data/stylesheets/pondasee/typography.scss +0 -217
  25. data/stylesheets/pondasee/utilities.scss +0 -181
  26. /data/{stylesheets/pondasee → templates/project/sass/partials}/_variable.scss +0 -0
  27. /data/{stylesheets/pondasee → templates/project/sass/partials}/mixins/_basic-buttons.scss +0 -0
  28. /data/{stylesheets/pondasee → templates/project/sass/partials}/mixins/_fonts.scss +0 -0
  29. /data/{stylesheets/pondasee → templates/project/sass/partials}/mixins/_helper.scss +0 -0
  30. /data/{stylesheets/pondasee → templates/project/sass/partials}/mixins/_simple-responsive-grid.scss +0 -0
  31. /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
- }