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
@@ -0,0 +1,15 @@
|
|
1
|
+
=input
|
2
|
+
width: 100%
|
3
|
+
display: block
|
4
|
+
padding: 5px 10px
|
5
|
+
border: 1px solid #e0e0e0
|
6
|
+
background: #fff
|
7
|
+
color: #555
|
8
|
+
outline: none
|
9
|
+
+box-sizing
|
10
|
+
+border-radius(3px)
|
11
|
+
+transition(border-color .5s ease)
|
12
|
+
+placeholder-color(#ccc)
|
13
|
+
line-height: 1.3125rem
|
14
|
+
&:focus
|
15
|
+
border-color: #3699d2
|
@@ -0,0 +1,17 @@
|
|
1
|
+
=navigation
|
2
|
+
list-style: none
|
3
|
+
font-size: 0
|
4
|
+
margin-left: 0
|
5
|
+
padding-left: 0
|
6
|
+
li
|
7
|
+
display: inline-block
|
8
|
+
font-size: 0.9375rem
|
9
|
+
a
|
10
|
+
display: inline-block
|
11
|
+
color: #777
|
12
|
+
padding: 10px 20px
|
13
|
+
+transition(color .3s)
|
14
|
+
&:hover, &.active
|
15
|
+
color: #000
|
16
|
+
&.active
|
17
|
+
background: rgba(250, 250, 250, 1)
|
@@ -0,0 +1,28 @@
|
|
1
|
+
=pagination
|
2
|
+
display: inline-block
|
3
|
+
list-style: none
|
4
|
+
margin: 0
|
5
|
+
font-size: 0
|
6
|
+
li
|
7
|
+
display: inline-block
|
8
|
+
font-size: 0.875rem
|
9
|
+
min-width: 30px
|
10
|
+
text-align: center
|
11
|
+
a
|
12
|
+
display: block
|
13
|
+
padding: 5px 10px
|
14
|
+
background: #f0f2f5
|
15
|
+
color: #555
|
16
|
+
border-left: 1px solid #fff
|
17
|
+
+transition(background .2s)
|
18
|
+
&:hover
|
19
|
+
background: rgb(247,247,247)
|
20
|
+
&.active
|
21
|
+
background: #76b6ec
|
22
|
+
cursor: default
|
23
|
+
color: #fff
|
24
|
+
&.prev a
|
25
|
+
border-left: none
|
26
|
+
+border-radius(3px 0 0 3px)
|
27
|
+
&.next a
|
28
|
+
+border-radius(0 3px 3px 0)
|
@@ -0,0 +1,29 @@
|
|
1
|
+
=radio
|
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(8px)
|
23
|
+
&:checked + label:before
|
24
|
+
font-family: Arial
|
25
|
+
content: "\2022"
|
26
|
+
color: #bbb
|
27
|
+
font-size: 22px
|
28
|
+
text-align: center
|
29
|
+
line-height: 16px
|
@@ -0,0 +1,16 @@
|
|
1
|
+
=table
|
2
|
+
width: 100%
|
3
|
+
color: #7a7676
|
4
|
+
td
|
5
|
+
padding: 10px 15px
|
6
|
+
th
|
7
|
+
padding: 15px
|
8
|
+
background: #fff
|
9
|
+
border-bottom: 2px solid #ddd
|
10
|
+
font-weight: bold
|
11
|
+
text-align: left
|
12
|
+
tr
|
13
|
+
background: #fff
|
14
|
+
border-bottom: 1px solid #ddd
|
15
|
+
tr:nth-child(odd)
|
16
|
+
background: #fbfbfb
|
@@ -0,0 +1,26 @@
|
|
1
|
+
=tabs
|
2
|
+
list-style: none
|
3
|
+
font-size: 0
|
4
|
+
margin: 0
|
5
|
+
background: #f0f2f5
|
6
|
+
border-bottom: 1px solid #e5e5e5
|
7
|
+
li
|
8
|
+
display: inline-block
|
9
|
+
font-size: 0.875rem
|
10
|
+
a, span
|
11
|
+
display: block
|
12
|
+
padding: 10px 15px
|
13
|
+
color: #555
|
14
|
+
&:hover
|
15
|
+
background: rgb(247,247,247)
|
16
|
+
&.active
|
17
|
+
+border-radius(3px 3px 0 0)
|
18
|
+
background: #fff
|
19
|
+
color: #555
|
20
|
+
border: 1px solid #e5e5e5
|
21
|
+
border-bottom: 1px solid #fff
|
22
|
+
margin-bottom: -1px
|
23
|
+
&.disabled
|
24
|
+
background: transparent
|
25
|
+
cursor: default
|
26
|
+
color: #999
|
@@ -0,0 +1,60 @@
|
|
1
|
+
/*----------------------------------------------------------------*/
|
2
|
+
/*
|
3
|
+
/* Project: ApplePie
|
4
|
+
/* Version: 0.1.0
|
5
|
+
/* Last change: 24/10/2013
|
6
|
+
/* Primary use: Defining projects typo
|
7
|
+
/*----------------------------------------------------------------*/
|
8
|
+
html
|
9
|
+
font-size: 1em
|
10
|
+
|
11
|
+
body
|
12
|
+
font-family: Verdana, Geneva, sans-serif
|
13
|
+
font-size: 0.875rem
|
14
|
+
line-height: 1.5
|
15
|
+
color: #555
|
16
|
+
|
17
|
+
h1, h2, h3, h4, h5, h6
|
18
|
+
font-weight: 400
|
19
|
+
margin: 0
|
20
|
+
|
21
|
+
h1
|
22
|
+
font-size: 2.25rem
|
23
|
+
|
24
|
+
h2
|
25
|
+
font-size: 1.875rem
|
26
|
+
|
27
|
+
h3
|
28
|
+
font-size: 1.5rem
|
29
|
+
|
30
|
+
h4
|
31
|
+
font-size: 1.125rem
|
32
|
+
line-height: 2rem
|
33
|
+
|
34
|
+
h5
|
35
|
+
font-size: 1rem
|
36
|
+
line-height: 1rem
|
37
|
+
|
38
|
+
h6
|
39
|
+
font-size: 0.8125rem
|
40
|
+
text-transform: uppercase
|
41
|
+
line-height: 1rem
|
42
|
+
|
43
|
+
p
|
44
|
+
margin: 0 0 1rem 0
|
45
|
+
|
46
|
+
strong
|
47
|
+
font-weight: 700
|
48
|
+
|
49
|
+
small
|
50
|
+
font-size: 0.75rem
|
51
|
+
|
52
|
+
a
|
53
|
+
color: #3699d2
|
54
|
+
text-decoration: none
|
55
|
+
&:hover
|
56
|
+
color: #226e99
|
57
|
+
|
58
|
+
ul, ol
|
59
|
+
margin-left: 1.5rem
|
60
|
+
padding-left: 0
|
@@ -0,0 +1,5 @@
|
|
1
|
+
=font-face($fontname, $fontpath)
|
2
|
+
font-family: $fontname
|
3
|
+
src: url($fontpath, 'eot', 'embedded-opentype', '?#iefix'), url($fontpath, 'woff', 'woff'), url($fontpath, 'ttf', 'truetype'), url($fontpath, 'svg', 'esvg', '?#' + $fontname)
|
4
|
+
font-style: normal
|
5
|
+
font-weight: normal
|
@@ -0,0 +1,36 @@
|
|
1
|
+
$break-small: 480px
|
2
|
+
$break-medium: 768px
|
3
|
+
$break-large: 980px
|
4
|
+
$break-x-large: 1200px
|
5
|
+
|
6
|
+
=screen($size)
|
7
|
+
@if $size == big-phone-up
|
8
|
+
@media only screen and (min-width: $break-small)
|
9
|
+
@content
|
10
|
+
@if $size == tablet-up
|
11
|
+
@media only screen and (min-width: $break-medium)
|
12
|
+
@content
|
13
|
+
@else if $size == desktop-up
|
14
|
+
@media only screen and (min-width: $break-large)
|
15
|
+
@content
|
16
|
+
@else if $size == big-desktop
|
17
|
+
@media only screen and (min-width: $break-x-large)
|
18
|
+
@content
|
19
|
+
@else if $size == phone-only
|
20
|
+
@media only screen and (max-width: $break-medium - 1)
|
21
|
+
@content
|
22
|
+
@else if $size == small-phone-only
|
23
|
+
@media only screen and (max-width: $break-small - 1)
|
24
|
+
@content
|
25
|
+
@else if $size == big-phone-only
|
26
|
+
@media only screen and (min-width: $break-small) and (max-width: $break-medium - 1)
|
27
|
+
@content
|
28
|
+
@else if $size == tablet-only
|
29
|
+
@media only screen and (min-width: $break-medium) and (max-width: $break-large - 1)
|
30
|
+
@content
|
31
|
+
@else if $size == desktop-only
|
32
|
+
@media only screen and (min-width: $break-large) and (max-width: $break-x-large - 1)
|
33
|
+
@content
|
34
|
+
@else if $size == print
|
35
|
+
@media print
|
36
|
+
@content
|
@@ -0,0 +1,103 @@
|
|
1
|
+
=animation($properties)
|
2
|
+
-webkit-animation: $properties
|
3
|
+
-o-animation: $properties
|
4
|
+
animation: $properties
|
5
|
+
|
6
|
+
=border-radius($properties)
|
7
|
+
-webkit-border-radius: $properties
|
8
|
+
-moz-border-radius: $properties
|
9
|
+
border-radius: $properties
|
10
|
+
|
11
|
+
=box-shadow($properties)
|
12
|
+
-webkit-box-shadow: $properties
|
13
|
+
-moz-box-shadow: $properties
|
14
|
+
-o-box-shadow: $properties
|
15
|
+
box-shadow: $properties
|
16
|
+
|
17
|
+
=box-sizing($property: border-box)
|
18
|
+
-webkit-box-sizing: $property
|
19
|
+
-moz-box-sizing: $property
|
20
|
+
box-sizing: $property
|
21
|
+
|
22
|
+
=opacity($opacity: 1)
|
23
|
+
opacity: $opacity
|
24
|
+
filter: alpha(opacity=$opacity * 100)
|
25
|
+
|
26
|
+
=placeholder-color($color)
|
27
|
+
&::-webkit-input-placeholder
|
28
|
+
color: $color
|
29
|
+
&:-moz-placeholder
|
30
|
+
color: $color
|
31
|
+
&::-moz-placeholder
|
32
|
+
color: $color
|
33
|
+
&:-ms-input-placeholder
|
34
|
+
color: $color
|
35
|
+
|
36
|
+
=rotate($degrees)
|
37
|
+
-webkit-transform: rotate(#{$degrees}deg)
|
38
|
+
-moz-transform: rotate(#{$degrees}deg)
|
39
|
+
-ms-transform: rotate(#{$degrees}deg)
|
40
|
+
-o-transform: rotate(#{$degrees}deg)
|
41
|
+
transform: rotate(#{$degrees}deg)
|
42
|
+
|
43
|
+
=scale($ratio)
|
44
|
+
-webkit-transform: scale($ratio)
|
45
|
+
-ms-transform: scale($ratio)
|
46
|
+
-o-transform: scale($ratio)
|
47
|
+
transform: scale($ratio)
|
48
|
+
|
49
|
+
=skew($x: 0, $y: 0)
|
50
|
+
-webkit-transform: skew($x, $y)
|
51
|
+
-ms-transform: skew($x, $y)
|
52
|
+
-o-transform: skew($x, $y)
|
53
|
+
transform: skew($x, $y)
|
54
|
+
|
55
|
+
=text-shadow($properties)
|
56
|
+
-webkit-text-shadow: $properties
|
57
|
+
-moz-text-shadow: $properties
|
58
|
+
text-shadow: $properties
|
59
|
+
|
60
|
+
=translate($x: 0, $y: 0)
|
61
|
+
-webkit-transform: translate($x, $y)
|
62
|
+
-ms-transform: translate($x, $y)
|
63
|
+
-o-transform: translate($x, $y)
|
64
|
+
transform: translate($x, $y)
|
65
|
+
|
66
|
+
=translate3d($x: 0, $y: 0, $z: 0)
|
67
|
+
-webkit-transform: translate3d($x, $y, $z)
|
68
|
+
transform: translate3d($x, $y, $z)
|
69
|
+
|
70
|
+
=transition($properties)
|
71
|
+
-webkit-transition: $properties
|
72
|
+
-o-transition: $properties
|
73
|
+
transition: $properties
|
74
|
+
|
75
|
+
=user-select($properties: none)
|
76
|
+
-webkit-user-select: $properties
|
77
|
+
-moz-user-select: $properties
|
78
|
+
-ms-user-select: $properties
|
79
|
+
user-select: $properties
|
80
|
+
|
81
|
+
=vertical-gradient($from, $to)
|
82
|
+
background: $to
|
83
|
+
background-image: -webkit-linear-gradient(top, $from, $to)
|
84
|
+
background-image: -moz-linear-gradient(top, $from, $to)
|
85
|
+
background-image: -ms-linear-gradient(top, $from, $to)
|
86
|
+
background-image: -o-linear-gradient(top, $from, $to)
|
87
|
+
background-image: linear-gradient(to bottom, $from, $to)
|
88
|
+
|
89
|
+
=horizontal-gradient($from, $to)
|
90
|
+
background: $to
|
91
|
+
background-image: -webkit-linear-gradient(left, $from, $to)
|
92
|
+
background-image: -moz-linear-gradient(left, $from, $to)
|
93
|
+
background-image: -ms-linear-gradient(left, $from, $to)
|
94
|
+
background-image: -o-linear-gradient(left, $from, $to)
|
95
|
+
background-image: linear-gradient(to right, $from, $to)
|
96
|
+
|
97
|
+
=directional-gradient($from, $to, $deg)
|
98
|
+
background-color: $to
|
99
|
+
background-image: -moz-linear-gradient($deg, $from, $to)
|
100
|
+
background-image: -ms-linear-gradient($deg, $from, $to)
|
101
|
+
background-image: -webkit-linear-gradient($deg, $from, $to)
|
102
|
+
background-image: -o-linear-gradient($deg, $from, $to)
|
103
|
+
background-image: linear-gradient($deg+180, $from, $to)
|
metadata
ADDED
@@ -0,0 +1,129 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: applepie-rails
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.1.0
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- Alex Chaplinsky
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2014-04-24 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: bundler
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - ~>
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '1.3'
|
20
|
+
type: :development
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - ~>
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '1.3'
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: rake
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - '>='
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '0'
|
34
|
+
type: :development
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - '>='
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '0'
|
41
|
+
- !ruby/object:Gem::Dependency
|
42
|
+
name: sass
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
44
|
+
requirements:
|
45
|
+
- - ~>
|
46
|
+
- !ruby/object:Gem::Version
|
47
|
+
version: '3.1'
|
48
|
+
type: :runtime
|
49
|
+
prerelease: false
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
51
|
+
requirements:
|
52
|
+
- - ~>
|
53
|
+
- !ruby/object:Gem::Version
|
54
|
+
version: '3.1'
|
55
|
+
- !ruby/object:Gem::Dependency
|
56
|
+
name: railties
|
57
|
+
requirement: !ruby/object:Gem::Requirement
|
58
|
+
requirements:
|
59
|
+
- - '>='
|
60
|
+
- !ruby/object:Gem::Version
|
61
|
+
version: '3.1'
|
62
|
+
type: :runtime
|
63
|
+
prerelease: false
|
64
|
+
version_requirements: !ruby/object:Gem::Requirement
|
65
|
+
requirements:
|
66
|
+
- - '>='
|
67
|
+
- !ruby/object:Gem::Version
|
68
|
+
version: '3.1'
|
69
|
+
description: ApplePie Semantic and modular CSS Framework. Better way to build web
|
70
|
+
interfaces.
|
71
|
+
email:
|
72
|
+
- alchapone@yandex.ru
|
73
|
+
executables: []
|
74
|
+
extensions: []
|
75
|
+
extra_rdoc_files: []
|
76
|
+
files:
|
77
|
+
- lib/applepie/rails/version.rb
|
78
|
+
- lib/applepie/rails.rb
|
79
|
+
- vendor/assets/stylesheets/applepie/all.sass
|
80
|
+
- vendor/assets/stylesheets/applepie/base/grid.sass
|
81
|
+
- vendor/assets/stylesheets/applepie/base/helpers.sass
|
82
|
+
- vendor/assets/stylesheets/applepie/base/normalize.sass
|
83
|
+
- vendor/assets/stylesheets/applepie/base/spaces.sass
|
84
|
+
- vendor/assets/stylesheets/applepie/components/buttons.sass
|
85
|
+
- vendor/assets/stylesheets/applepie/components/checkbox.sass
|
86
|
+
- vendor/assets/stylesheets/applepie/components/flashes.sass
|
87
|
+
- vendor/assets/stylesheets/applepie/components/icons.sass
|
88
|
+
- vendor/assets/stylesheets/applepie/components/inputs.sass
|
89
|
+
- vendor/assets/stylesheets/applepie/components/labels.sass
|
90
|
+
- vendor/assets/stylesheets/applepie/components/navbar.sass
|
91
|
+
- vendor/assets/stylesheets/applepie/components/navigation.sass
|
92
|
+
- vendor/assets/stylesheets/applepie/components/pagination.sass
|
93
|
+
- vendor/assets/stylesheets/applepie/components/radio.sass
|
94
|
+
- vendor/assets/stylesheets/applepie/components/select.sass
|
95
|
+
- vendor/assets/stylesheets/applepie/components/tables.sass
|
96
|
+
- vendor/assets/stylesheets/applepie/components/tabs.sass
|
97
|
+
- vendor/assets/stylesheets/applepie/components/textarea.sass
|
98
|
+
- vendor/assets/stylesheets/applepie/components/typography.sass
|
99
|
+
- vendor/assets/stylesheets/applepie/layouts/sticky_footer.sass
|
100
|
+
- vendor/assets/stylesheets/applepie/mixins/font.sass
|
101
|
+
- vendor/assets/stylesheets/applepie/mixins/responsive.sass
|
102
|
+
- vendor/assets/stylesheets/applepie/mixins/vendor_prefixes.sass
|
103
|
+
- LICENSE.txt
|
104
|
+
- README.md
|
105
|
+
homepage: ''
|
106
|
+
licenses:
|
107
|
+
- MIT
|
108
|
+
metadata: {}
|
109
|
+
post_install_message:
|
110
|
+
rdoc_options: []
|
111
|
+
require_paths:
|
112
|
+
- lib
|
113
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
114
|
+
requirements:
|
115
|
+
- - '>='
|
116
|
+
- !ruby/object:Gem::Version
|
117
|
+
version: '0'
|
118
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
119
|
+
requirements:
|
120
|
+
- - '>='
|
121
|
+
- !ruby/object:Gem::Version
|
122
|
+
version: '0'
|
123
|
+
requirements: []
|
124
|
+
rubyforge_project:
|
125
|
+
rubygems_version: 2.0.6
|
126
|
+
signing_key:
|
127
|
+
specification_version: 4
|
128
|
+
summary: ApplePie Toolkit for Ruby on Rails
|
129
|
+
test_files: []
|