applepie-rails 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +22 -0
- data/README.md +29 -0
- data/lib/applepie/rails/version.rb +5 -0
- data/lib/applepie/rails.rb +8 -0
- data/vendor/assets/stylesheets/applepie/all.sass +27 -0
- data/vendor/assets/stylesheets/applepie/base/grid.sass +86 -0
- data/vendor/assets/stylesheets/applepie/base/helpers.sass +24 -0
- data/vendor/assets/stylesheets/applepie/base/normalize.sass +167 -0
- data/vendor/assets/stylesheets/applepie/base/spaces.sass +75 -0
- data/vendor/assets/stylesheets/applepie/components/buttons.sass +24 -0
- data/vendor/assets/stylesheets/applepie/components/checkbox.sass +29 -0
- data/vendor/assets/stylesheets/applepie/components/flashes.sass +13 -0
- data/vendor/assets/stylesheets/applepie/components/icons.sass +1101 -0
- data/vendor/assets/stylesheets/applepie/components/inputs.sass +15 -0
- data/vendor/assets/stylesheets/applepie/components/labels.sass +4 -0
- data/vendor/assets/stylesheets/applepie/components/navbar.sass +7 -0
- data/vendor/assets/stylesheets/applepie/components/navigation.sass +17 -0
- data/vendor/assets/stylesheets/applepie/components/pagination.sass +28 -0
- data/vendor/assets/stylesheets/applepie/components/radio.sass +29 -0
- data/vendor/assets/stylesheets/applepie/components/select.sass +10 -0
- data/vendor/assets/stylesheets/applepie/components/tables.sass +16 -0
- data/vendor/assets/stylesheets/applepie/components/tabs.sass +26 -0
- data/vendor/assets/stylesheets/applepie/components/textarea.sass +13 -0
- data/vendor/assets/stylesheets/applepie/components/typography.sass +60 -0
- data/vendor/assets/stylesheets/applepie/layouts/sticky_footer.sass +12 -0
- data/vendor/assets/stylesheets/applepie/mixins/font.sass +5 -0
- data/vendor/assets/stylesheets/applepie/mixins/responsive.sass +36 -0
- data/vendor/assets/stylesheets/applepie/mixins/vendor_prefixes.sass +103 -0
- metadata +129 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: 658ee59fbbf5fdf0eafed6ad5ef2f7a3f3ddce2a
|
4
|
+
data.tar.gz: d59467dead1787b544ddd01edd84a6d733ddd745
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 212eec845921c25c98f18f4009053357c2d04ed7ce3853e409bcf6c40fede345ffcbb2786540fb5c489d428986776e2f290090c14161c883ffdf694a41658b09
|
7
|
+
data.tar.gz: 93024a2eca758fac50634e9bbca2bdc07ef708e9494fc4b424227be9f429289951c867d64baa529d5250c031260bf950d783ccf47b40d9adf54363ae842ffd77
|
data/LICENSE.txt
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
Copyright (c) 2014 Alex Chaplinsky
|
2
|
+
|
3
|
+
MIT License
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
6
|
+
a copy of this software and associated documentation files (the
|
7
|
+
"Software"), to deal in the Software without restriction, including
|
8
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
9
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
10
|
+
permit persons to whom the Software is furnished to do so, subject to
|
11
|
+
the following conditions:
|
12
|
+
|
13
|
+
The above copyright notice and this permission notice shall be
|
14
|
+
included in all copies or substantial portions of the Software.
|
15
|
+
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
17
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
18
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
19
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
20
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
21
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
22
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,29 @@
|
|
1
|
+
# Applepie::Rails
|
2
|
+
|
3
|
+
TODO: Write a gem description
|
4
|
+
|
5
|
+
## Installation
|
6
|
+
|
7
|
+
Add this line to your application's Gemfile:
|
8
|
+
|
9
|
+
gem 'applepie-rails'
|
10
|
+
|
11
|
+
And then execute:
|
12
|
+
|
13
|
+
$ bundle
|
14
|
+
|
15
|
+
Or install it yourself as:
|
16
|
+
|
17
|
+
$ gem install applepie-rails
|
18
|
+
|
19
|
+
## Usage
|
20
|
+
|
21
|
+
TODO: Write usage instructions here
|
22
|
+
|
23
|
+
## Contributing
|
24
|
+
|
25
|
+
1. Fork it
|
26
|
+
2. Create your feature branch (`git checkout -b my-new-feature`)
|
27
|
+
3. Commit your changes (`git commit -am 'Add some feature'`)
|
28
|
+
4. Push to the branch (`git push origin my-new-feature`)
|
29
|
+
5. Create new Pull Request
|
@@ -0,0 +1,27 @@
|
|
1
|
+
/*----------------------------------------------------------------
|
2
|
+
/* Linking all pie components together
|
3
|
+
/*----------------------------------------------------------------
|
4
|
+
@import "base/normalize"
|
5
|
+
@import "base/grid"
|
6
|
+
@import "base/spaces"
|
7
|
+
@import "base/helpers"
|
8
|
+
|
9
|
+
@import "mixins/vendor_prefixes"
|
10
|
+
@import "mixins/font"
|
11
|
+
@import "mixins/responsive"
|
12
|
+
|
13
|
+
@import "components/icons"
|
14
|
+
@import "components/typography"
|
15
|
+
@import "components/labels"
|
16
|
+
@import "components/buttons"
|
17
|
+
@import "components/inputs"
|
18
|
+
@import "components/textarea"
|
19
|
+
@import "components/radio"
|
20
|
+
@import "components/checkbox"
|
21
|
+
@import "components/select"
|
22
|
+
@import "components/navbar"
|
23
|
+
@import "components/navigation"
|
24
|
+
@import "components/pagination"
|
25
|
+
@import "components/tabs"
|
26
|
+
@import "components/tables"
|
27
|
+
@import "components/flashes"
|
@@ -0,0 +1,86 @@
|
|
1
|
+
$gutter-space: 0!default
|
2
|
+
$bottom-space: 20px!default
|
3
|
+
|
4
|
+
.row
|
5
|
+
*zoom: 1
|
6
|
+
&:after
|
7
|
+
content: '.'
|
8
|
+
display: block
|
9
|
+
height: 0
|
10
|
+
line-height: 0
|
11
|
+
clear: both
|
12
|
+
visibility: hidden
|
13
|
+
|
14
|
+
.last-col
|
15
|
+
display: table-cell
|
16
|
+
float: none
|
17
|
+
width: auto
|
18
|
+
_margin-right: -3px
|
19
|
+
_left: -3px
|
20
|
+
_position: relative
|
21
|
+
*display: block
|
22
|
+
*zoom: 1
|
23
|
+
&:after
|
24
|
+
content: ' . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .'
|
25
|
+
clear: both
|
26
|
+
display: block
|
27
|
+
height: 0!important
|
28
|
+
line-height: 0
|
29
|
+
visibility: hidden
|
30
|
+
|
31
|
+
.col1of2,
|
32
|
+
.col1of3, .col2of3,
|
33
|
+
.col1of4, .col2of4, .col3of4,
|
34
|
+
.col1of5, .col2of5, .col3of5, .col4of5,
|
35
|
+
.col1of6, .col2of6, .col3of6, .col4of6, .col5of6
|
36
|
+
float: left
|
37
|
+
-webkit-box-sizing: border-box
|
38
|
+
-moz-box-sizing: border-box
|
39
|
+
box-sizing: border-box
|
40
|
+
padding: 0 $gutter-space
|
41
|
+
|
42
|
+
.col1of2, .col2of4, .col3of6
|
43
|
+
width: 50%
|
44
|
+
|
45
|
+
.col1of3, .col2of6
|
46
|
+
width: 33.33333%
|
47
|
+
|
48
|
+
.col2of3, .col4of6
|
49
|
+
width: 66.66666%
|
50
|
+
|
51
|
+
.col1of4
|
52
|
+
width: 25%
|
53
|
+
|
54
|
+
.col3of4
|
55
|
+
width: 75%
|
56
|
+
|
57
|
+
.col1of5
|
58
|
+
width: 20%
|
59
|
+
|
60
|
+
.col2of5
|
61
|
+
width: 40%
|
62
|
+
|
63
|
+
.col3of5
|
64
|
+
width: 60%
|
65
|
+
|
66
|
+
.col4of5
|
67
|
+
width: 80%
|
68
|
+
|
69
|
+
.col1of6
|
70
|
+
width: 16.66666%
|
71
|
+
|
72
|
+
.col5of6
|
73
|
+
width: 83.33333%
|
74
|
+
|
75
|
+
@media (max-width: 768px)
|
76
|
+
.row.responsive
|
77
|
+
.col1of2,
|
78
|
+
.col1of3, .col2of3,
|
79
|
+
.col1of4, .col2of4, .col3of4,
|
80
|
+
.col1of5, .col2of5, .col3of5, .col4of5,
|
81
|
+
.col1of6, .col2of6, .col3of6, .col4of6, .col5of6
|
82
|
+
width: 100%
|
83
|
+
float: none
|
84
|
+
padding-left: 0
|
85
|
+
padding-right: 0
|
86
|
+
margin-bottom: $bottom-space
|
@@ -0,0 +1,24 @@
|
|
1
|
+
.right
|
2
|
+
float: right
|
3
|
+
|
4
|
+
.left
|
5
|
+
float: left
|
6
|
+
|
7
|
+
.center
|
8
|
+
margin-left: auto
|
9
|
+
margin-right: auto
|
10
|
+
|
11
|
+
.relative
|
12
|
+
position: relative
|
13
|
+
|
14
|
+
.hidden
|
15
|
+
display: none
|
16
|
+
|
17
|
+
.by-left
|
18
|
+
text-align: left
|
19
|
+
|
20
|
+
.by-right
|
21
|
+
text-align: right
|
22
|
+
|
23
|
+
.by-center
|
24
|
+
text-align: center
|
@@ -0,0 +1,167 @@
|
|
1
|
+
article,
|
2
|
+
aside,
|
3
|
+
details,
|
4
|
+
figcaption,
|
5
|
+
figure,
|
6
|
+
footer,
|
7
|
+
header,
|
8
|
+
hgroup,
|
9
|
+
main,
|
10
|
+
nav,
|
11
|
+
section,
|
12
|
+
summary
|
13
|
+
display: block
|
14
|
+
|
15
|
+
audio,
|
16
|
+
canvas,
|
17
|
+
video
|
18
|
+
display: inline-block
|
19
|
+
|
20
|
+
audio:not([controls])
|
21
|
+
display: none
|
22
|
+
height: 0
|
23
|
+
|
24
|
+
|
25
|
+
[hidden],
|
26
|
+
template
|
27
|
+
display: none
|
28
|
+
|
29
|
+
html
|
30
|
+
font-family: sans-serif
|
31
|
+
font-size: 1em
|
32
|
+
-ms-text-size-adjust: 100%
|
33
|
+
-webkit-text-size-adjust: 100%
|
34
|
+
|
35
|
+
body
|
36
|
+
margin: 0
|
37
|
+
|
38
|
+
a
|
39
|
+
background: transparent
|
40
|
+
|
41
|
+
a:focus
|
42
|
+
outline: thin dotted
|
43
|
+
|
44
|
+
a:active,
|
45
|
+
a:hover
|
46
|
+
outline: 0
|
47
|
+
|
48
|
+
h1
|
49
|
+
font-size: 2em
|
50
|
+
margin: 0.67em 0
|
51
|
+
|
52
|
+
abbr[title]
|
53
|
+
border-bottom: 1px dotted
|
54
|
+
|
55
|
+
b,
|
56
|
+
strong
|
57
|
+
font-weight: bold
|
58
|
+
|
59
|
+
dfn
|
60
|
+
font-style: italic
|
61
|
+
|
62
|
+
hr
|
63
|
+
-moz-box-sizing: content-box
|
64
|
+
box-sizing: content-box
|
65
|
+
height: 0
|
66
|
+
|
67
|
+
mark
|
68
|
+
background: #ff0
|
69
|
+
color: #000
|
70
|
+
|
71
|
+
code,
|
72
|
+
kbd,
|
73
|
+
pre,
|
74
|
+
samp
|
75
|
+
font-family: monospace, serif
|
76
|
+
font-size: 1em
|
77
|
+
|
78
|
+
pre
|
79
|
+
white-space: pre-wrap
|
80
|
+
|
81
|
+
q
|
82
|
+
quotes: "\201C" "\201D" "\2018" "\2019"
|
83
|
+
|
84
|
+
small
|
85
|
+
font-size: 80%
|
86
|
+
|
87
|
+
sub,
|
88
|
+
sup
|
89
|
+
font-size: 75%
|
90
|
+
line-height: 0
|
91
|
+
position: relative
|
92
|
+
vertical-align: baseline
|
93
|
+
|
94
|
+
sup
|
95
|
+
top: -0.5em
|
96
|
+
|
97
|
+
sub
|
98
|
+
bottom: -0.25em
|
99
|
+
|
100
|
+
img
|
101
|
+
border: 0
|
102
|
+
|
103
|
+
svg:not(:root)
|
104
|
+
overflow: hidden
|
105
|
+
|
106
|
+
figure
|
107
|
+
margin: 0
|
108
|
+
|
109
|
+
fieldset
|
110
|
+
border: 1px solid #c0c0c0
|
111
|
+
margin: 0 2px
|
112
|
+
padding: 0.35em 0.625em 0.75em
|
113
|
+
|
114
|
+
legend
|
115
|
+
border: 0
|
116
|
+
padding: 0
|
117
|
+
|
118
|
+
button,
|
119
|
+
input,
|
120
|
+
select option,
|
121
|
+
textarea
|
122
|
+
font-family: inherit
|
123
|
+
font-size: 100%
|
124
|
+
margin: 0
|
125
|
+
|
126
|
+
button,
|
127
|
+
select
|
128
|
+
text-transform: none
|
129
|
+
|
130
|
+
button,
|
131
|
+
html input[type="button"],
|
132
|
+
input[type="reset"],
|
133
|
+
input[type="submit"]
|
134
|
+
-webkit-appearance: button
|
135
|
+
cursor: pointer
|
136
|
+
|
137
|
+
button[disabled],
|
138
|
+
html input[disabled]
|
139
|
+
cursor: default
|
140
|
+
|
141
|
+
input[type="checkbox"],
|
142
|
+
input[type="radio"]
|
143
|
+
box-sizing: border-box
|
144
|
+
padding: 0
|
145
|
+
|
146
|
+
input[type="search"]
|
147
|
+
-webkit-appearance: textfield
|
148
|
+
-moz-box-sizing: content-box
|
149
|
+
-webkit-box-sizing: content-box
|
150
|
+
box-sizing: content-box
|
151
|
+
|
152
|
+
input[type="search"]::-webkit-search-cancel-button,
|
153
|
+
input[type="search"]::-webkit-search-decoration
|
154
|
+
-webkit-appearance: none
|
155
|
+
|
156
|
+
button::-moz-focus-inner,
|
157
|
+
input::-moz-focus-inner
|
158
|
+
border: 0
|
159
|
+
padding: 0
|
160
|
+
|
161
|
+
textarea
|
162
|
+
overflow: auto /* 1 */
|
163
|
+
vertical-align: top /* 2 */
|
164
|
+
|
165
|
+
table
|
166
|
+
border-collapse: collapse
|
167
|
+
border-spacing: 0
|
@@ -0,0 +1,75 @@
|
|
1
|
+
$small-space : 10px!default
|
2
|
+
$medium-space : 20px!default
|
3
|
+
$large-space : 30px!default
|
4
|
+
|
5
|
+
.pts, .pvs, .pas
|
6
|
+
padding-top: $small-space
|
7
|
+
|
8
|
+
.ptm, .pvm, .pam
|
9
|
+
padding-top: $medium-space
|
10
|
+
|
11
|
+
.ptl, .pvl, .pal
|
12
|
+
padding-top: $large-space
|
13
|
+
|
14
|
+
.prs, .phs, .pas
|
15
|
+
padding-right: $small-space
|
16
|
+
|
17
|
+
.prm, .phm, .pam
|
18
|
+
padding-right: $medium-space
|
19
|
+
|
20
|
+
.prl, .phl, .pal
|
21
|
+
padding-right: $large-space
|
22
|
+
|
23
|
+
.pbs, .pvs, .pas
|
24
|
+
padding-bottom: $small-space
|
25
|
+
|
26
|
+
.pbm, .pvm, .pam
|
27
|
+
padding-bottom: $medium-space
|
28
|
+
|
29
|
+
.pbl, .pvl, .pal
|
30
|
+
padding-bottom: $large-space
|
31
|
+
|
32
|
+
.pls, .phs, .pas
|
33
|
+
padding-left: $small-space
|
34
|
+
|
35
|
+
.plm, .phm, .pam
|
36
|
+
padding-left: $medium-space
|
37
|
+
|
38
|
+
.pll, .phl, .pal
|
39
|
+
padding-left: $large-space
|
40
|
+
|
41
|
+
.mts, .mvs, .mas
|
42
|
+
margin-top: $small-space
|
43
|
+
|
44
|
+
.mtm, .mvm, .mam
|
45
|
+
margin-top: $medium-space
|
46
|
+
|
47
|
+
.mtl, .mvl, .mal
|
48
|
+
margin-top: $large-space
|
49
|
+
|
50
|
+
.mrs, .mhs, .mas
|
51
|
+
margin-right: $small-space
|
52
|
+
|
53
|
+
.mrm, .mhm, .mam
|
54
|
+
margin-right: $medium-space
|
55
|
+
|
56
|
+
.mrl, .mhl, .mal
|
57
|
+
margin-right: $large-space
|
58
|
+
|
59
|
+
.mbs, .mvs, .mas
|
60
|
+
margin-bottom: $small-space
|
61
|
+
|
62
|
+
.mbm, .mvm, .mam
|
63
|
+
margin-bottom: $medium-space
|
64
|
+
|
65
|
+
.mbl, .mvl, .mal
|
66
|
+
margin-bottom: $large-space
|
67
|
+
|
68
|
+
.mls, .mhs, .mas
|
69
|
+
margin-left: $small-space
|
70
|
+
|
71
|
+
.mlm, .mhm, .mam
|
72
|
+
margin-left: $medium-space
|
73
|
+
|
74
|
+
.mll, .mhl, .mal
|
75
|
+
margin-left: $large-space
|
@@ -0,0 +1,24 @@
|
|
1
|
+
/*------------------------------------------------------------------
|
2
|
+
/* [ Button Structure ]
|
3
|
+
/*------------------------------------------------------------------
|
4
|
+
=button($background: #76b6ec, $color: #fff)
|
5
|
+
display: inline-block
|
6
|
+
padding: 6px 12px
|
7
|
+
line-height: 1.3125rem
|
8
|
+
-webkit-font-smoothing: antialiased
|
9
|
+
border: none
|
10
|
+
cursor: pointer
|
11
|
+
+border-radius(3px)
|
12
|
+
+button-skin($background, $color)
|
13
|
+
|
14
|
+
/*------------------------------------------------------------------
|
15
|
+
/* [ Button Skin ]
|
16
|
+
/*------------------------------------------------------------------
|
17
|
+
=button-skin($background, $color)
|
18
|
+
color: $color
|
19
|
+
background-color: $background
|
20
|
+
&:hover
|
21
|
+
color: $color
|
22
|
+
background: darken($background, 5%)
|
23
|
+
&:active
|
24
|
+
background: darken($background, 10%)
|
@@ -0,0 +1,29 @@
|
|
1
|
+
=checkbox
|
2
|
+
display: none
|
3
|
+
+ label
|
4
|
+
display: inline-block
|
5
|
+
cursor: pointer
|
6
|
+
position: relative
|
7
|
+
padding-left: 25px
|
8
|
+
margin-right: 15px
|
9
|
+
font-size: 13px
|
10
|
+
&:before
|
11
|
+
position: absolute
|
12
|
+
left: 0
|
13
|
+
bottom: 1px
|
14
|
+
display: inline-block
|
15
|
+
content: ""
|
16
|
+
width: 16px
|
17
|
+
height: 16px
|
18
|
+
margin-right: 5px
|
19
|
+
border: 1px solid #e0e0e0
|
20
|
+
background-color: #fafafa
|
21
|
+
+box-sizing
|
22
|
+
+border-radius(3px)
|
23
|
+
&:checked + label:before
|
24
|
+
font-family: Arial
|
25
|
+
content: "\2713"
|
26
|
+
color: #aaa
|
27
|
+
font-size: 15px
|
28
|
+
text-align: center
|
29
|
+
line-height: 13px
|