pondasee 1.0 → 1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
- }