ffoundation_datepicker_rails 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -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: []