motherplate-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,15 @@
1
+ // IE 6,7,8
2
+ .lt-ie9{
3
+
4
+ }
5
+
6
+ // IE 6,7
7
+ .lt-ie8{
8
+
9
+ }
10
+
11
+ // IE 6
12
+ // Wouldn't worry too much about this one
13
+ .lt-ie7{
14
+
15
+ }
@@ -0,0 +1,16 @@
1
+ // Main layout styles go here
2
+
3
+
4
+
5
+
6
+ // Responsive styles if needed
7
+ // @include responsive($big-break) {
8
+ // }
9
+ // @include responsive($smasll-break) {
10
+ // }
11
+
12
+ // Mobile first styles if needed
13
+ // @include mobilefirst($big-break) {
14
+ // }
15
+ // @include mobilefirst($small-break) {
16
+ // }
@@ -0,0 +1,81 @@
1
+ // Text links
2
+ a{
3
+ color:$primary-color;
4
+ &:hover,&:focus{
5
+ text-decoration:none;
6
+ }
7
+ }
8
+
9
+ // Default button
10
+ .btn{
11
+ @include border-radius($btn-br);
12
+ background:$tertiary-color;
13
+ border:none;
14
+ color:#fff;
15
+ text-decoration:none;
16
+ text-shadow:0 1px 2px rgba(0,0,0,.2);
17
+ display:inline-block;
18
+ line-height:1;
19
+ padding:12px 25px;
20
+ text-transform: capitalize;
21
+ // @include box-shadow(inset 0 1px 0 rgba(255,255,255,.2),0 0 5px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.2));
22
+ outline:none;
23
+ &:hover,&:focus{
24
+ background:darken($tertiary-color,5);
25
+ text-decoration: none;
26
+ // @include box-shadow(inset 0 1px 0 rgba(255,255,255,.2),0 0 10px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.2));
27
+ }
28
+ &:active{
29
+ background:darken($tertiary-color,10);
30
+ // @include box-shadow(inset 0 1px 2px rgba(0,0,0,.2));
31
+ }
32
+ }
33
+
34
+ // Primary action button
35
+ .btn-primary{
36
+ @extend .btn;
37
+ background-color:$primary-color;
38
+ &:hover,&:focus{
39
+ background-color:darken($primary-color,5);
40
+ }
41
+ &:active{
42
+ background-color:darken($primary-color,10);
43
+ }
44
+ }
45
+
46
+ // Secondary action button
47
+ .btn-secondary{
48
+ @extend .btn;
49
+ background-color:$secondary-color;
50
+ &:hover,&:focus{
51
+ background-color:darken($secondary-color,5);
52
+ }
53
+ &:active{
54
+ background-color:darken($secondary-color,10);
55
+ }
56
+ }
57
+
58
+ // Call to action - slightly bigger
59
+ .btn-cta{
60
+ font-size:1.6em;
61
+ padding:.8em 1.6em;
62
+ }
63
+
64
+ // Link button - a button that looks like a link
65
+ .btn-link{
66
+ @extend .btn;
67
+ color:$primary-color;
68
+ background:transparent;
69
+ border:none;
70
+ text-shadow:none;
71
+ text-transform:none;
72
+ @include box-shadow(none);
73
+ &:hover,&:focus{
74
+ text-decoration:underline;
75
+ background:transparent;
76
+ @include box-shadow(none);
77
+ }
78
+ &:active{
79
+
80
+ }
81
+ }
@@ -0,0 +1,3 @@
1
+ img,video,audio,iframe,object{
2
+ max-width:100%;
3
+ }
@@ -0,0 +1,35 @@
1
+ // Clear after floats
2
+ @mixin clearfix {
3
+ zoom:1;
4
+ &:before, &:after {
5
+ content: "\0020";
6
+ display: block;
7
+ height: 0;
8
+ overflow: hidden;
9
+ }
10
+ &:after {
11
+ clear: both;
12
+ }
13
+ }
14
+
15
+ // Apply clearfix to this classes by default
16
+ .clearfix, .group{
17
+ @include clearfix;
18
+ }
19
+
20
+ // Responsive mixins
21
+ @mixin responsive($res)
22
+ {
23
+ @media screen and (max-width: $res)
24
+ {
25
+ @content;
26
+ }
27
+ }
28
+
29
+ @mixin mobilefirst($res)
30
+ {
31
+ @media screen and (min-width: $res)
32
+ {
33
+ @content;
34
+ }
35
+ }
@@ -0,0 +1,36 @@
1
+ // Notifications (alerts)
2
+ .notification{
3
+ border:1px solid;
4
+ padding:10px;
5
+ margin-bottom:$padding;
6
+ @include border-radius($br);
7
+ @include clearfix;
8
+ &.error{
9
+ border-color:$bad-color;
10
+ color:darken($bad-color,15);
11
+ background:lighten($bad-color,35);
12
+ }
13
+ &.success{
14
+ border-color:$good-color;
15
+ color:darken($good-color,10);
16
+ background:lighten($good-color,45);
17
+ }
18
+ &.warning{
19
+ border-color:$warning-color;
20
+ color:darken($warning-color,10);
21
+ background:lighten($warning-color,40);
22
+ }
23
+ &.info{
24
+ border-color:$info-color;
25
+ color:darken($info-color,10);
26
+ background:lighten($info-color,48);
27
+ }
28
+ &.empty{
29
+ text-align:center;
30
+ background:#f4f4f4;
31
+ border:1px dashed $silver;
32
+ }
33
+ p:last-child{
34
+ margin-bottom:0;
35
+ }
36
+ }
@@ -0,0 +1,43 @@
1
+ .aligncenter{
2
+ text-align:center;
3
+ }
4
+
5
+ .alignright{
6
+ text-align:right;
7
+ }
8
+
9
+ .clear{
10
+ clear:both;
11
+ }
12
+
13
+ .right{
14
+ float:right;
15
+ }
16
+
17
+ .left{
18
+ float:left;
19
+ }
20
+
21
+ .nolist{
22
+ list-style:none;
23
+ padding-left:0;
24
+ margin-left:0;
25
+ }
26
+
27
+ .valign{
28
+ vertical-align:middle;
29
+ }
30
+
31
+ hr{
32
+ border:none;
33
+ border-bottom:1px solid #ddd;
34
+ margin:$padding 0;
35
+ }
36
+
37
+ .subtle{
38
+ color:$subtle-color;
39
+ }
40
+
41
+ .relative{
42
+ position:relative;
43
+ }
@@ -0,0 +1,12 @@
1
+ @media print{
2
+ header,nav,footer{
3
+ display:none;
4
+ }
5
+ img{
6
+ max-width:500px;
7
+ }
8
+ body{
9
+ font: 12pt Georgia, "Times New Roman", Times, serif;
10
+ line-height: 1.3;
11
+ }
12
+ }
@@ -0,0 +1,396 @@
1
+ /*! normalize.css v2.1.2 | MIT License | git.io/normalize */
2
+
3
+ /* ==========================================================================
4
+ HTML5 display definitions
5
+ ========================================================================== */
6
+
7
+ /**
8
+ * Correct `block` display not defined in IE 8/9.
9
+ */
10
+
11
+ article,
12
+ aside,
13
+ details,
14
+ figcaption,
15
+ figure,
16
+ footer,
17
+ header,
18
+ hgroup,
19
+ main,
20
+ nav,
21
+ section,
22
+ summary {
23
+ display: block;
24
+ }
25
+
26
+ /**
27
+ * Correct `inline-block` display not defined in IE 8/9.
28
+ */
29
+
30
+ audio,
31
+ canvas,
32
+ video {
33
+ display: inline-block;
34
+ }
35
+
36
+ /**
37
+ * Prevent modern browsers from displaying `audio` without controls.
38
+ * Remove excess height in iOS 5 devices.
39
+ */
40
+
41
+ audio:not([controls]) {
42
+ display: none;
43
+ height: 0;
44
+ }
45
+
46
+ /**
47
+ * Address styling not present in IE 8/9.
48
+ */
49
+
50
+ [hidden] {
51
+ display: none;
52
+ }
53
+
54
+ /* ==========================================================================
55
+ Base
56
+ ========================================================================== */
57
+
58
+ /**
59
+ * 1. Set default font family to sans-serif.
60
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
61
+ * user zoom.
62
+ */
63
+
64
+ html {
65
+ font-family: sans-serif; /* 1 */
66
+ -ms-text-size-adjust: 100%; /* 2 */
67
+ -webkit-text-size-adjust: 100%; /* 2 */
68
+ }
69
+
70
+ /**
71
+ * Remove default margin.
72
+ */
73
+
74
+ body {
75
+ margin: 0;
76
+ }
77
+
78
+ /* ==========================================================================
79
+ Links
80
+ ========================================================================== */
81
+
82
+ /**
83
+ * Address `outline` inconsistency between Chrome and other browsers.
84
+ */
85
+
86
+ a:focus {
87
+ outline: thin dotted;
88
+ }
89
+
90
+ /**
91
+ * Improve readability when focused and also mouse hovered in all browsers.
92
+ */
93
+
94
+ a:active,
95
+ a:hover {
96
+ outline: 0;
97
+ }
98
+
99
+ /* ==========================================================================
100
+ Typography
101
+ ========================================================================== */
102
+
103
+ /**
104
+ * Address variable `h1` font-size and margin within `section` and `article`
105
+ * contexts in Firefox 4+, Safari 5, and Chrome.
106
+ */
107
+
108
+ h1 {
109
+ font-size: 2em;
110
+ margin: 0.67em 0;
111
+ }
112
+
113
+ /**
114
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
115
+ */
116
+
117
+ abbr[title] {
118
+ border-bottom: 1px dotted;
119
+ }
120
+
121
+ /**
122
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
123
+ */
124
+
125
+ b,
126
+ strong {
127
+ font-weight: bold;
128
+ }
129
+
130
+ /**
131
+ * Address styling not present in Safari 5 and Chrome.
132
+ */
133
+
134
+ dfn {
135
+ font-style: italic;
136
+ }
137
+
138
+ /**
139
+ * Address differences between Firefox and other browsers.
140
+ */
141
+
142
+ hr {
143
+ -moz-box-sizing: content-box;
144
+ box-sizing: content-box;
145
+ height: 0;
146
+ }
147
+
148
+ /**
149
+ * Address styling not present in IE 8/9.
150
+ */
151
+
152
+ mark {
153
+ background: #ff0;
154
+ color: #000;
155
+ }
156
+
157
+ /**
158
+ * Correct font family set oddly in Safari 5 and Chrome.
159
+ */
160
+
161
+ code,
162
+ kbd,
163
+ pre,
164
+ samp {
165
+ font-family: monospace, serif;
166
+ font-size: 1em;
167
+ }
168
+
169
+ /**
170
+ * Improve readability of pre-formatted text in all browsers.
171
+ */
172
+
173
+ pre {
174
+ white-space: pre-wrap;
175
+ }
176
+
177
+ /**
178
+ * Set consistent quote types.
179
+ */
180
+
181
+ q {
182
+ quotes: "\201C" "\201D" "\2018" "\2019";
183
+ }
184
+
185
+ /**
186
+ * Address inconsistent and variable font size in all browsers.
187
+ */
188
+
189
+ small {
190
+ font-size: 80%;
191
+ }
192
+
193
+ /**
194
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
195
+ */
196
+
197
+ sub,
198
+ sup {
199
+ font-size: 75%;
200
+ line-height: 0;
201
+ position: relative;
202
+ vertical-align: baseline;
203
+ }
204
+
205
+ sup {
206
+ top: -0.5em;
207
+ }
208
+
209
+ sub {
210
+ bottom: -0.25em;
211
+ }
212
+
213
+ /* ==========================================================================
214
+ Embedded content
215
+ ========================================================================== */
216
+
217
+ /**
218
+ * Remove border when inside `a` element in IE 8/9.
219
+ */
220
+
221
+ img {
222
+ border: 0;
223
+ }
224
+
225
+ /**
226
+ * Correct overflow displayed oddly in IE 9.
227
+ */
228
+
229
+ svg:not(:root) {
230
+ overflow: hidden;
231
+ }
232
+
233
+ /* ==========================================================================
234
+ Figures
235
+ ========================================================================== */
236
+
237
+ /**
238
+ * Address margin not present in IE 8/9 and Safari 5.
239
+ */
240
+
241
+ figure {
242
+ margin: 0;
243
+ }
244
+
245
+ /* ==========================================================================
246
+ Forms
247
+ ========================================================================== */
248
+
249
+ /**
250
+ * Define consistent border, margin, and padding.
251
+ */
252
+
253
+ fieldset {
254
+ border: 1px solid #c0c0c0;
255
+ margin: 0 2px;
256
+ padding: 0.35em 0.625em 0.75em;
257
+ }
258
+
259
+ /**
260
+ * 1. Correct `color` not being inherited in IE 8/9.
261
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
262
+ */
263
+
264
+ legend {
265
+ border: 0; /* 1 */
266
+ padding: 0; /* 2 */
267
+ }
268
+
269
+ /**
270
+ * 1. Correct font family not being inherited in all browsers.
271
+ * 2. Correct font size not being inherited in all browsers.
272
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
273
+ */
274
+
275
+ button,
276
+ input,
277
+ select,
278
+ textarea {
279
+ font-family: inherit; /* 1 */
280
+ font-size: 100%; /* 2 */
281
+ margin: 0; /* 3 */
282
+ }
283
+
284
+ /**
285
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
286
+ * the UA stylesheet.
287
+ */
288
+
289
+ button,
290
+ input {
291
+ line-height: normal;
292
+ }
293
+
294
+ /**
295
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
296
+ * All other form control elements do not inherit `text-transform` values.
297
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
298
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
299
+ */
300
+
301
+ button,
302
+ select {
303
+ text-transform: none;
304
+ }
305
+
306
+ /**
307
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
308
+ * and `video` controls.
309
+ * 2. Correct inability to style clickable `input` types in iOS.
310
+ * 3. Improve usability and consistency of cursor style between image-type
311
+ * `input` and others.
312
+ */
313
+
314
+ button,
315
+ html input[type="button"], /* 1 */
316
+ input[type="reset"],
317
+ input[type="submit"] {
318
+ -webkit-appearance: button; /* 2 */
319
+ cursor: pointer; /* 3 */
320
+ }
321
+
322
+ /**
323
+ * Re-set default cursor for disabled elements.
324
+ */
325
+
326
+ button[disabled],
327
+ html input[disabled] {
328
+ cursor: default;
329
+ }
330
+
331
+ /**
332
+ * 1. Address box sizing set to `content-box` in IE 8/9.
333
+ * 2. Remove excess padding in IE 8/9.
334
+ */
335
+
336
+ input[type="checkbox"],
337
+ input[type="radio"] {
338
+ box-sizing: border-box; /* 1 */
339
+ padding: 0; /* 2 */
340
+ }
341
+
342
+ /**
343
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
344
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
345
+ * (include `-moz` to future-proof).
346
+ */
347
+
348
+ input[type="search"] {
349
+ -webkit-appearance: textfield; /* 1 */
350
+ -moz-box-sizing: content-box;
351
+ -webkit-box-sizing: content-box; /* 2 */
352
+ box-sizing: content-box;
353
+ }
354
+
355
+ /**
356
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
357
+ * on OS X.
358
+ */
359
+
360
+ input[type="search"]::-webkit-search-cancel-button,
361
+ input[type="search"]::-webkit-search-decoration {
362
+ -webkit-appearance: none;
363
+ }
364
+
365
+ /**
366
+ * Remove inner padding and border in Firefox 4+.
367
+ */
368
+
369
+ button::-moz-focus-inner,
370
+ input::-moz-focus-inner {
371
+ border: 0;
372
+ padding: 0;
373
+ }
374
+
375
+ /**
376
+ * 1. Remove default vertical scrollbar in IE 8/9.
377
+ * 2. Improve readability and alignment in all browsers.
378
+ */
379
+
380
+ textarea {
381
+ overflow: auto; /* 1 */
382
+ vertical-align: top; /* 2 */
383
+ }
384
+
385
+ /* ==========================================================================
386
+ Tables
387
+ ========================================================================== */
388
+
389
+ /**
390
+ * Remove most spacing between table cells.
391
+ */
392
+
393
+ table {
394
+ border-collapse: collapse;
395
+ border-spacing: 0;
396
+ }
@@ -0,0 +1,10 @@
1
+ @include responsive($big-break) {
2
+ // e.g. iPad, tablets, small browsers
3
+ }
4
+
5
+ @include responsive($small-break) {
6
+ // e.g. iPhone, mobile
7
+ body{
8
+ overflow-x:hidden;
9
+ }
10
+ }
@@ -0,0 +1 @@
1
+ // Anything quick and dirty that needs thrown in but you will tidy/optimise later
@@ -0,0 +1,11 @@
1
+ table{
2
+ width:100%;
3
+ th,td{
4
+ text-align:left;
5
+ padding:5px;
6
+ }
7
+ th{
8
+ border-top:1px solid #ccc;
9
+ border-bottom:1px solid #ccc;
10
+ }
11
+ }