applepie-rails 0.1.0

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 (30) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +22 -0
  3. data/README.md +29 -0
  4. data/lib/applepie/rails/version.rb +5 -0
  5. data/lib/applepie/rails.rb +8 -0
  6. data/vendor/assets/stylesheets/applepie/all.sass +27 -0
  7. data/vendor/assets/stylesheets/applepie/base/grid.sass +86 -0
  8. data/vendor/assets/stylesheets/applepie/base/helpers.sass +24 -0
  9. data/vendor/assets/stylesheets/applepie/base/normalize.sass +167 -0
  10. data/vendor/assets/stylesheets/applepie/base/spaces.sass +75 -0
  11. data/vendor/assets/stylesheets/applepie/components/buttons.sass +24 -0
  12. data/vendor/assets/stylesheets/applepie/components/checkbox.sass +29 -0
  13. data/vendor/assets/stylesheets/applepie/components/flashes.sass +13 -0
  14. data/vendor/assets/stylesheets/applepie/components/icons.sass +1101 -0
  15. data/vendor/assets/stylesheets/applepie/components/inputs.sass +15 -0
  16. data/vendor/assets/stylesheets/applepie/components/labels.sass +4 -0
  17. data/vendor/assets/stylesheets/applepie/components/navbar.sass +7 -0
  18. data/vendor/assets/stylesheets/applepie/components/navigation.sass +17 -0
  19. data/vendor/assets/stylesheets/applepie/components/pagination.sass +28 -0
  20. data/vendor/assets/stylesheets/applepie/components/radio.sass +29 -0
  21. data/vendor/assets/stylesheets/applepie/components/select.sass +10 -0
  22. data/vendor/assets/stylesheets/applepie/components/tables.sass +16 -0
  23. data/vendor/assets/stylesheets/applepie/components/tabs.sass +26 -0
  24. data/vendor/assets/stylesheets/applepie/components/textarea.sass +13 -0
  25. data/vendor/assets/stylesheets/applepie/components/typography.sass +60 -0
  26. data/vendor/assets/stylesheets/applepie/layouts/sticky_footer.sass +12 -0
  27. data/vendor/assets/stylesheets/applepie/mixins/font.sass +5 -0
  28. data/vendor/assets/stylesheets/applepie/mixins/responsive.sass +36 -0
  29. data/vendor/assets/stylesheets/applepie/mixins/vendor_prefixes.sass +103 -0
  30. 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,5 @@
1
+ module Applepie
2
+ module Rails
3
+ VERSION = "0.1.0"
4
+ end
5
+ end
@@ -0,0 +1,8 @@
1
+ require "applepie/rails/version"
2
+
3
+ module Applepie
4
+ module Rails
5
+ class Engine < ::Rails::Engine
6
+ end
7
+ end
8
+ end
@@ -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
@@ -0,0 +1,13 @@
1
+ =flash
2
+ position: relative
3
+ padding: 15px 20px
4
+ background: #fff
5
+ color: #999
6
+ border: 1px solid #a5c8e5
7
+ +border-radius(3px)
8
+ color: #a5c8e5
9
+
10
+
11
+ =flash-skin($color: #a5c8e5)
12
+ border-color: $color
13
+ color: $color