ffoundation_datepicker_rails 0.0.2

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.
@@ -0,0 +1,183 @@
1
+ // fdatepicker variables and their defaults
2
+ $fdatepicker-ui-primary: #2ba6cb !default;
3
+ $fdatepicker-ui-color: #000 !default;
4
+ $fdatepicker-ui-bg: #fff !default;
5
+ $fdatepicker-ui-disabled: #eee !default;
6
+ $fdatepicker-ui-border-color: #000 !default;
7
+ $fdatepicker-ui-border-transparency: 0.2 !default;
8
+ $fdatepicker-ui-border: 1px solid rgba($fdatepicker-ui-color, $fdatepicker-ui-border-transparency) !default;
9
+ $fdatepicker-ui-shadow: 0 5px 10px rgba($fdatepicker-ui-color, $fdatepicker-ui-border-transparency) !default;
10
+ $fdatepicker-ui-border-radius: 5px;
11
+ $fdatepicker-ui-before-color: #ccc !default;
12
+ $fdatepicker-ui-old-new-color: #999 !default;
13
+ $fdatepicker-ui-text-color: #333 !default;
14
+ $fdatepicker-inline-width: 220px !default;
15
+
16
+ // uncomment if used with foundation 5 to get compatible defaults, thanks jamesstoneco
17
+ // $fdatepicker-ui-primary: $primary-color;
18
+ // $fdatepicker-ui-bg: $f-dropdown-bg;
19
+ // $fdatepicker-ui-text-color: $body-font-color;
20
+ // $fdatepicker-ui-disabled: rgba($primary-color, 0.7);
21
+ // $fdatepicker-ui-before-color: $secondary-color;
22
+ // $fdatepicker-ui-border-transparency: 0.2 !default;
23
+ // $fdatepicker-ui-border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;
24
+ // $fdatepicker-ui-shadow: none;
25
+ // $fdatepicker-ui-border-radius: 0;
26
+ // $fdatepicker-ui-before-color: lighten($fdatepicker-ui-text-color, 30%);
27
+ // $fdatepicker-ui-old-new-color: lighten($fdatepicker-ui-text-color, 20%);
28
+ // $fdatepicker-inline-width: $f-dropdown-max-width;
29
+
30
+ @mixin datepicker() {
31
+ text-align: center;
32
+ width: 20px;
33
+ height: 20px;
34
+ border: 0;
35
+ font-size: 12px;
36
+ padding: 4px 8px;
37
+ background: $fdatepicker-ui-bg;
38
+ cursor: pointer;
39
+ }
40
+
41
+ .datepicker {
42
+ display: none;
43
+ position: absolute;
44
+ padding: 4px;
45
+ margin-top: 1px;
46
+ direction: ltr;
47
+ &.dropdown-menu {
48
+ position: absolute;
49
+ top: 100%;
50
+ left: 0;
51
+ z-index: 1000;
52
+ float: left;
53
+ display: none;
54
+ min-width: 160px;
55
+ list-style: none;
56
+ background-color: $fdatepicker-ui-bg;
57
+ border: $fdatepicker-ui-border;
58
+
59
+ -webkit-border-radius: $fdatepicker-ui-border-radius;
60
+ -moz-border-radius: $fdatepicker-ui-border-radius;
61
+ border-radius: $fdatepicker-ui-border-radius;
62
+
63
+ -webkit-box-shadow: $fdatepicker-ui-shadow;
64
+ -moz-box-shadow: $fdatepicker-ui-shadow;
65
+ box-shadow: $fdatepicker-ui-shadow;
66
+
67
+ -webkit-background-clip: padding-box;
68
+ -moz-background-clip: padding;
69
+ background-clip: padding-box;
70
+
71
+ *border-right-width: 2px;
72
+ *border-bottom-width: 2px;
73
+ color: $fdatepicker-ui-text-color;
74
+ font-size: 13px;
75
+ line-height: 18px;
76
+ th { padding: 4px 5px; }
77
+ td { padding: 4px 5px; }
78
+ }
79
+ table {
80
+ border: 0;
81
+ margin: 0;
82
+ width: auto;
83
+ tr td span {
84
+ display: block;
85
+ width: 23%;
86
+ height: 54px;
87
+ line-height: 54px;
88
+ float: left;
89
+ margin: 1%;
90
+ cursor: pointer;
91
+ }
92
+ }
93
+ td {
94
+ text-align: center;
95
+ width: 20px;
96
+ height: 20px;
97
+ border: 0;
98
+ font-size: 12px;
99
+ padding: 4px 8px;
100
+ background: $fdatepicker-ui-bg;
101
+ cursor: pointer;
102
+ &.active.day, &.active.year { background: $fdatepicker-ui-primary; }
103
+ &.old , &.new { color: $fdatepicker-ui-old-new-color; }
104
+ span.active { background: $fdatepicker-ui-primary; }
105
+ &.day.disabled { color: $fdatepicker-ui-disabled; }
106
+ }
107
+ th {
108
+ text-align: center;
109
+ width: 20px;
110
+ height: 20px;
111
+ border: 0;
112
+ font-size: 12px;
113
+ padding: 4px 8px;
114
+ background: $fdatepicker-ui-bg;
115
+ cursor: pointer;
116
+ &.active.day, &.active.year { background: $fdatepicker-ui-primary; }
117
+ &.date-switch { width: 145px; }
118
+ span.active { background: $fdatepicker-ui-primary; }
119
+ }
120
+ .cw {
121
+ font-size: 10px;
122
+ width: 12px;
123
+ padding: 0 2px 0 5px;
124
+ vertical-align: middle;
125
+ }
126
+ &.days div.datepicker-days { display: block; }
127
+ &.months div.datepicker-months { display: block; }
128
+ &.years div.datepicker-years { display: block; }
129
+ thead tr:first-child th {
130
+ cursor: pointer;
131
+ &.cw {
132
+ cursor: default;
133
+ background-color: transparent;
134
+ }
135
+ }
136
+ tfoot tr:first-child th { cursor: pointer; }
137
+ }
138
+ .datepicker-inline { width: $fdatepicker-inline-width; }
139
+ .datepicker-rtl {
140
+ direction: rtl;
141
+ table tr td span { float: right; }
142
+ }
143
+ .datepicker-dropdown {
144
+ top: 0;
145
+ left: 0;
146
+ &:before {
147
+ content: '';
148
+ display: inline-block;
149
+ border-left: 7px solid transparent;
150
+ border-right: 7px solid transparent;
151
+ border-bottom: 7px solid $fdatepicker-ui-before-color;
152
+ border-bottom-color: $fdatepicker-ui-border;
153
+ position: absolute;
154
+ top: -7px;
155
+ left: 6px;
156
+ }
157
+ &:after {
158
+ content: '';
159
+ display: inline-block;
160
+ border-left: 6px solid transparent;
161
+ border-right: 6px solid transparent;
162
+ border-bottom: 6px solid $fdatepicker-ui-bg;
163
+ position: absolute;
164
+ top: -6px;
165
+ left: 7px;
166
+ }
167
+ }
168
+ .datepicker>div,
169
+ .datepicker-dropdown::before,
170
+ .datepicker-dropdown::after { display: none; }
171
+ .datepicker-close {
172
+ position: absolute;
173
+ top: -30px;
174
+ right: 0;
175
+ width: 15px;
176
+ height: 30px;
177
+ padding: 0;
178
+ display: none;
179
+ }
180
+ .table-striped .datepicker table tr td,
181
+ .table-striped .datepicker table tr th {
182
+ background-color: transparent;
183
+ }
@@ -0,0 +1,41 @@
1
+ /*
2
+ * foundation-datepicker-rails plugin font.
3
+ * Based on Foundation Icons v 3.0 (MIT)
4
+ */
5
+
6
+ @import "foundation-datepicker";
7
+
8
+ @font-face {
9
+ font-family: "foundation-datepicker-rails";
10
+ src:url("foundation-datepicker-rails.eot");
11
+ src:url("foundation-datepicker-rails.eot?#iefix") format("embedded-opentype"),
12
+ url("foundation-datepicker-rails.woff") format("woff"),
13
+ url("foundation-datepicker-rails.ttf") format("truetype"),
14
+ url("foundation-datepicker-rails.svg#foundation-datepicker-rails") format("svg");
15
+ font-weight: normal;
16
+ font-style: normal;
17
+ }
18
+
19
+ .fi-arrow-left:before,
20
+ .fi-x:before,
21
+ .fi-arrow-right:before {
22
+ font-family: "foundation-datepicker-rails";
23
+ font-style: normal;
24
+ font-weight: normal;
25
+ font-variant: normal;
26
+ text-transform: none;
27
+ line-height: 1;
28
+ -webkit-font-smoothing: antialiased;
29
+ display: inline-block;
30
+ text-decoration: inherit;
31
+ }
32
+
33
+ .fi-arrow-left:before {
34
+ content: "a";
35
+ }
36
+ .fi-x:before {
37
+ content: "b";
38
+ }
39
+ .fi-arrow-right:before {
40
+ content: "c";
41
+ }
metadata ADDED
@@ -0,0 +1,129 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: ffoundation_datepicker_rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.2
5
+ platform: ruby
6
+ authors:
7
+ - Aliaksandr Buhayeu
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2015-10-17 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: railties
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - ">="
18
+ - !ruby/object:Gem::Version
19
+ version: '3.1'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - ">="
25
+ - !ruby/object:Gem::Version
26
+ version: '3.1'
27
+ - !ruby/object:Gem::Dependency
28
+ name: foundation-rails
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '5.4'
34
+ type: :runtime
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '5.4'
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.3'
48
+ type: :runtime
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '3.3'
55
+ - !ruby/object:Gem::Dependency
56
+ name: bundler
57
+ requirement: !ruby/object:Gem::Requirement
58
+ requirements:
59
+ - - "~>"
60
+ - !ruby/object:Gem::Version
61
+ version: '1.7'
62
+ type: :development
63
+ prerelease: false
64
+ version_requirements: !ruby/object:Gem::Requirement
65
+ requirements:
66
+ - - "~>"
67
+ - !ruby/object:Gem::Version
68
+ version: '1.7'
69
+ - !ruby/object:Gem::Dependency
70
+ name: rake
71
+ requirement: !ruby/object:Gem::Requirement
72
+ requirements:
73
+ - - "~>"
74
+ - !ruby/object:Gem::Version
75
+ version: '10.0'
76
+ type: :development
77
+ prerelease: false
78
+ version_requirements: !ruby/object:Gem::Requirement
79
+ requirements:
80
+ - - "~>"
81
+ - !ruby/object:Gem::Version
82
+ version: '10.0'
83
+ description: "\n foundation-datepicker's JavaScripts & Stylesheets for Rails 3.1+
84
+ asset pipeline.\n Actual javascript plugin belongs to 'najlepsiwebdesigner' and
85
+ could be found\n at appropriate GitHub repo: https://github.com/najlepsiwebdesigner/foundation-datepicker\n
86
+ \ "
87
+ email:
88
+ - aliaksandr.buhayeu@gmail.com
89
+ executables: []
90
+ extensions: []
91
+ extra_rdoc_files: []
92
+ files:
93
+ - MIT-LICENSE
94
+ - README.md
95
+ - lib/foundation_datepicker_rails.rb
96
+ - lib/foundation_datepicker_rails/version.rb
97
+ - vendor/assets/fonts/foundation-datepicker-rails.eot
98
+ - vendor/assets/fonts/foundation-datepicker-rails.svg
99
+ - vendor/assets/fonts/foundation-datepicker-rails.ttf
100
+ - vendor/assets/fonts/foundation-datepicker-rails.woff
101
+ - vendor/assets/javascripts/foundation-datepicker-rails.js
102
+ - vendor/assets/stylesheets/_foundation-datepicker.scss
103
+ - vendor/assets/stylesheets/foundation-datepicker-rails.scss
104
+ homepage: https://github.com/aliaksandrb/foundation_datepicker_rails
105
+ licenses:
106
+ - MIT
107
+ metadata: {}
108
+ post_install_message:
109
+ rdoc_options: []
110
+ require_paths:
111
+ - lib
112
+ required_ruby_version: !ruby/object:Gem::Requirement
113
+ requirements:
114
+ - - ">="
115
+ - !ruby/object:Gem::Version
116
+ version: '0'
117
+ required_rubygems_version: !ruby/object:Gem::Requirement
118
+ requirements:
119
+ - - ">="
120
+ - !ruby/object:Gem::Version
121
+ version: '0'
122
+ requirements: []
123
+ rubyforge_project:
124
+ rubygems_version: 2.2.2
125
+ signing_key:
126
+ specification_version: 4
127
+ summary: Packed actual version of foundation-datepicker plugin for Rails 3.1+ asset
128
+ pipeline
129
+ test_files: []