materialize_timepicker_rails 0.1.1 → 0.1.1.1

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 (8) hide show
  1. checksums.yaml +4 -4
  2. data/lib/materialize_timepicker_rails/version.rb +1 -1
  3. data/vendor/assets/javascripts/materialize_datepicker.js +1 -1542
  4. data/vendor/assets/stylesheets/materialize_datepicker.scss +23 -19
  5. metadata +1 -4
  6. data/vendor/assets/stylesheets/components/_dark.scss +0 -95
  7. data/vendor/assets/stylesheets/components/_primary.scss +0 -336
  8. data/vendor/assets/stylesheets/components/_variables.scss +0 -16
data/vendor/assets/stylesheets/materialize_datepicker.scss CHANGED
@@ -1,19 +1,23 @@
1
- @charset "UTF-8";
2
-
3
- /** Materialize */
4
- //mixins and colors
5
- @import "Materialize/sass/components/mixins";
6
- @import "Materialize/sass/components/color";
7
-
8
- // Variables;
9
- @import "Materialize/sass/components/variables";
10
-
11
- /** clockpicker */
12
- // Variables;
13
- @import "components/variables";
14
-
15
- //primary
16
- @import "components/primary";
17
-
18
- //dark
19
- @import "components/dark";
1
+ .materialize-red{background-color:#e51c23 !important}.materialize-red-text{color:#e51c23 !important}.materialize-red.lighten-5{background-color:#fdeaeb !important}.materialize-red-text.text-lighten-5{color:#fdeaeb !important}.materialize-red.lighten-4{background-color:#f8c1c3 !important}.materialize-red-text.text-lighten-4{color:#f8c1c3 !important}.materialize-red.lighten-3{background-color:#f3989b !important}.materialize-red-text.text-lighten-3{color:#f3989b !important}.materialize-red.lighten-2{background-color:#ee6e73 !important}.materialize-red-text.text-lighten-2{color:#ee6e73 !important}.materialize-red.lighten-1{background-color:#ea454b !important}.materialize-red-text.text-lighten-1{color:#ea454b !important}.materialize-red.darken-1{background-color:#d0181e !important}.materialize-red-text.text-darken-1{color:#d0181e !important}.materialize-red.darken-2{background-color:#b9151b !important}.materialize-red-text.text-darken-2{color:#b9151b !important}.materialize-red.darken-3{background-color:#a21318 !important}.materialize-red-text.text-darken-3{color:#a21318 !important}.materialize-red.darken-4{background-color:#8b1014 !important}.materialize-red-text.text-darken-4{color:#8b1014 !important}.red{background-color:#F44336 !important}.red-text{color:#F44336 !important}.red.lighten-5{background-color:#FFEBEE !important}.red-text.text-lighten-5{color:#FFEBEE !important}.red.lighten-4{background-color:#FFCDD2 !important}.red-text.text-lighten-4{color:#FFCDD2 !important}.red.lighten-3{background-color:#EF9A9A !important}.red-text.text-lighten-3{color:#EF9A9A !important}.red.lighten-2{background-color:#E57373 !important}.red-text.text-lighten-2{color:#E57373 !important}.red.lighten-1{background-color:#EF5350 !important}.red-text.text-lighten-1{color:#EF5350 !important}.red.darken-1{background-color:#E53935 !important}.red-text.text-darken-1{color:#E53935 !important}.red.darken-2{background-color:#D32F2F !important}.red-text.text-darken-2{color:#D32F2F !important}.red.darken-3{background-color:#C62828 !important}.red-text.text-darken-3{color:#C62828 !important}.red.darken-4{background-color:#B71C1C !important}.red-text.text-darken-4{color:#B71C1C !important}.red.accent-1{background-color:#FF8A80 !important}.red-text.text-accent-1{color:#FF8A80 !important}.red.accent-2{background-color:#FF5252 !important}.red-text.text-accent-2{color:#FF5252 !important}.red.accent-3{background-color:#FF1744 !important}.red-text.text-accent-3{color:#FF1744 !important}.red.accent-4{background-color:#D50000 !important}.red-text.text-accent-4{color:#D50000 !important}.pink{background-color:#e91e63 !important}.pink-text{color:#e91e63 !important}.pink.lighten-5{background-color:#fce4ec !important}.pink-text.text-lighten-5{color:#fce4ec !important}.pink.lighten-4{background-color:#f8bbd0 !important}.pink-text.text-lighten-4{color:#f8bbd0 !important}.pink.lighten-3{background-color:#f48fb1 !important}.pink-text.text-lighten-3{color:#f48fb1 !important}.pink.lighten-2{background-color:#f06292 !important}.pink-text.text-lighten-2{color:#f06292 !important}.pink.lighten-1{background-color:#ec407a !important}.pink-text.text-lighten-1{color:#ec407a !important}.pink.darken-1{background-color:#d81b60 !important}.pink-text.text-darken-1{color:#d81b60 !important}.pink.darken-2{background-color:#c2185b !important}.pink-text.text-darken-2{color:#c2185b !important}.pink.darken-3{background-color:#ad1457 !important}.pink-text.text-darken-3{color:#ad1457 !important}.pink.darken-4{background-color:#880e4f !important}.pink-text.text-darken-4{color:#880e4f !important}.pink.accent-1{background-color:#ff80ab !important}.pink-text.text-accent-1{color:#ff80ab !important}.pink.accent-2{background-color:#ff4081 !important}.pink-text.text-accent-2{color:#ff4081 !important}.pink.accent-3{background-color:#f50057 !important}.pink-text.text-accent-3{color:#f50057 !important}.pink.accent-4{background-color:#c51162 !important}.pink-text.text-accent-4{color:#c51162 !important}.purple{background-color:#9c27b0 !important}.purple-text{color:#9c27b0 !important}.purple.lighten-5{background-color:#f3e5f5 !important}.purple-text.text-lighten-5{color:#f3e5f5 !important}.purple.lighten-4{background-color:#e1bee7 !important}.purple-text.text-lighten-4{color:#e1bee7 !important}.purple.lighten-3{background-color:#ce93d8 !important}.purple-text.text-lighten-3{color:#ce93d8 !important}.purple.lighten-2{background-color:#ba68c8 !important}.purple-text.text-lighten-2{color:#ba68c8 !important}.purple.lighten-1{background-color:#ab47bc !important}.purple-text.text-lighten-1{color:#ab47bc !important}.purple.darken-1{background-color:#8e24aa !important}.purple-text.text-darken-1{color:#8e24aa !important}.purple.darken-2{background-color:#7b1fa2 !important}.purple-text.text-darken-2{color:#7b1fa2 !important}.purple.darken-3{background-color:#6a1b9a !important}.purple-text.text-darken-3{color:#6a1b9a !important}.purple.darken-4{background-color:#4a148c !important}.purple-text.text-darken-4{color:#4a148c !important}.purple.accent-1{background-color:#ea80fc !important}.purple-text.text-accent-1{color:#ea80fc !important}.purple.accent-2{background-color:#e040fb !important}.purple-text.text-accent-2{color:#e040fb !important}.purple.accent-3{background-color:#d500f9 !important}.purple-text.text-accent-3{color:#d500f9 !important}.purple.accent-4{background-color:#a0f !important}.purple-text.text-accent-4{color:#a0f !important}.deep-purple{background-color:#673ab7 !important}.deep-purple-text{color:#673ab7 !important}.deep-purple.lighten-5{background-color:#ede7f6 !important}.deep-purple-text.text-lighten-5{color:#ede7f6 !important}.deep-purple.lighten-4{background-color:#d1c4e9 !important}.deep-purple-text.text-lighten-4{color:#d1c4e9 !important}.deep-purple.lighten-3{background-color:#b39ddb !important}.deep-purple-text.text-lighten-3{color:#b39ddb !important}.deep-purple.lighten-2{background-color:#9575cd !important}.deep-purple-text.text-lighten-2{color:#9575cd !important}.deep-purple.lighten-1{background-color:#7e57c2 !important}.deep-purple-text.text-lighten-1{color:#7e57c2 !important}.deep-purple.darken-1{background-color:#5e35b1 !important}.deep-purple-text.text-darken-1{color:#5e35b1 !important}.deep-purple.darken-2{background-color:#512da8 !important}.deep-purple-text.text-darken-2{color:#512da8 !important}.deep-purple.darken-3{background-color:#4527a0 !important}.deep-purple-text.text-darken-3{color:#4527a0 !important}.deep-purple.darken-4{background-color:#311b92 !important}.deep-purple-text.text-darken-4{color:#311b92 !important}.deep-purple.accent-1{background-color:#b388ff !important}.deep-purple-text.text-accent-1{color:#b388ff !important}.deep-purple.accent-2{background-color:#7c4dff !important}.deep-purple-text.text-accent-2{color:#7c4dff !important}.deep-purple.accent-3{background-color:#651fff !important}.deep-purple-text.text-accent-3{color:#651fff !important}.deep-purple.accent-4{background-color:#6200ea !important}.deep-purple-text.text-accent-4{color:#6200ea !important}.indigo{background-color:#3f51b5 !important}.indigo-text{color:#3f51b5 !important}.indigo.lighten-5{background-color:#e8eaf6 !important}.indigo-text.text-lighten-5{color:#e8eaf6 !important}.indigo.lighten-4{background-color:#c5cae9 !important}.indigo-text.text-lighten-4{color:#c5cae9 !important}.indigo.lighten-3{background-color:#9fa8da !important}.indigo-text.text-lighten-3{color:#9fa8da !important}.indigo.lighten-2{background-color:#7986cb !important}.indigo-text.text-lighten-2{color:#7986cb !important}.indigo.lighten-1{background-color:#5c6bc0 !important}.indigo-text.text-lighten-1{color:#5c6bc0 !important}.indigo.darken-1{background-color:#3949ab !important}.indigo-text.text-darken-1{color:#3949ab !important}.indigo.darken-2{background-color:#303f9f !important}.indigo-text.text-darken-2{color:#303f9f !important}.indigo.darken-3{background-color:#283593 !important}.indigo-text.text-darken-3{color:#283593 !important}.indigo.darken-4{background-color:#1a237e !important}.indigo-text.text-darken-4{color:#1a237e !important}.indigo.accent-1{background-color:#8c9eff !important}.indigo-text.text-accent-1{color:#8c9eff !important}.indigo.accent-2{background-color:#536dfe !important}.indigo-text.text-accent-2{color:#536dfe !important}.indigo.accent-3{background-color:#3d5afe !important}.indigo-text.text-accent-3{color:#3d5afe !important}.indigo.accent-4{background-color:#304ffe !important}.indigo-text.text-accent-4{color:#304ffe !important}.blue{background-color:#2196F3 !important}.blue-text{color:#2196F3 !important}.blue.lighten-5{background-color:#E3F2FD !important}.blue-text.text-lighten-5{color:#E3F2FD !important}.blue.lighten-4{background-color:#BBDEFB !important}.blue-text.text-lighten-4{color:#BBDEFB !important}.blue.lighten-3{background-color:#90CAF9 !important}.blue-text.text-lighten-3{color:#90CAF9 !important}.blue.lighten-2{background-color:#64B5F6 !important}.blue-text.text-lighten-2{color:#64B5F6 !important}.blue.lighten-1{background-color:#42A5F5 !important}.blue-text.text-lighten-1{color:#42A5F5 !important}.blue.darken-1{background-color:#1E88E5 !important}.blue-text.text-darken-1{color:#1E88E5 !important}.blue.darken-2{background-color:#1976D2 !important}.blue-text.text-darken-2{color:#1976D2 !important}.blue.darken-3{background-color:#1565C0 !important}.blue-text.text-darken-3{color:#1565C0 !important}.blue.darken-4{background-color:#0D47A1 !important}.blue-text.text-darken-4{color:#0D47A1 !important}.blue.accent-1{background-color:#82B1FF !important}.blue-text.text-accent-1{color:#82B1FF !important}.blue.accent-2{background-color:#448AFF !important}.blue-text.text-accent-2{color:#448AFF !important}.blue.accent-3{background-color:#2979FF !important}.blue-text.text-accent-3{color:#2979FF !important}.blue.accent-4{background-color:#2962FF !important}.blue-text.text-accent-4{color:#2962FF !important}.light-blue{background-color:#03a9f4 !important}.light-blue-text{color:#03a9f4 !important}.light-blue.lighten-5{background-color:#e1f5fe !important}.light-blue-text.text-lighten-5{color:#e1f5fe !important}.light-blue.lighten-4{background-color:#b3e5fc !important}.light-blue-text.text-lighten-4{color:#b3e5fc !important}.light-blue.lighten-3{background-color:#81d4fa !important}.light-blue-text.text-lighten-3{color:#81d4fa !important}.light-blue.lighten-2{background-color:#4fc3f7 !important}.light-blue-text.text-lighten-2{color:#4fc3f7 !important}.light-blue.lighten-1{background-color:#29b6f6 !important}.light-blue-text.text-lighten-1{color:#29b6f6 !important}.light-blue.darken-1{background-color:#039be5 !important}.light-blue-text.text-darken-1{color:#039be5 !important}.light-blue.darken-2{background-color:#0288d1 !important}.light-blue-text.text-darken-2{color:#0288d1 !important}.light-blue.darken-3{background-color:#0277bd !important}.light-blue-text.text-darken-3{color:#0277bd !important}.light-blue.darken-4{background-color:#01579b !important}.light-blue-text.text-darken-4{color:#01579b !important}.light-blue.accent-1{background-color:#80d8ff !important}.light-blue-text.text-accent-1{color:#80d8ff !important}.light-blue.accent-2{background-color:#40c4ff !important}.light-blue-text.text-accent-2{color:#40c4ff !important}.light-blue.accent-3{background-color:#00b0ff !important}.light-blue-text.text-accent-3{color:#00b0ff !important}.light-blue.accent-4{background-color:#0091ea !important}.light-blue-text.text-accent-4{color:#0091ea !important}.cyan{background-color:#00bcd4 !important}.cyan-text{color:#00bcd4 !important}.cyan.lighten-5{background-color:#e0f7fa !important}.cyan-text.text-lighten-5{color:#e0f7fa !important}.cyan.lighten-4{background-color:#b2ebf2 !important}.cyan-text.text-lighten-4{color:#b2ebf2 !important}.cyan.lighten-3{background-color:#80deea !important}.cyan-text.text-lighten-3{color:#80deea !important}.cyan.lighten-2{background-color:#4dd0e1 !important}.cyan-text.text-lighten-2{color:#4dd0e1 !important}.cyan.lighten-1{background-color:#26c6da !important}.cyan-text.text-lighten-1{color:#26c6da !important}.cyan.darken-1{background-color:#00acc1 !important}.cyan-text.text-darken-1{color:#00acc1 !important}.cyan.darken-2{background-color:#0097a7 !important}.cyan-text.text-darken-2{color:#0097a7 !important}.cyan.darken-3{background-color:#00838f !important}.cyan-text.text-darken-3{color:#00838f !important}.cyan.darken-4{background-color:#006064 !important}.cyan-text.text-darken-4{color:#006064 !important}.cyan.accent-1{background-color:#84ffff !important}.cyan-text.text-accent-1{color:#84ffff !important}.cyan.accent-2{background-color:#18ffff !important}.cyan-text.text-accent-2{color:#18ffff !important}.cyan.accent-3{background-color:#00e5ff !important}.cyan-text.text-accent-3{color:#00e5ff !important}.cyan.accent-4{background-color:#00b8d4 !important}.cyan-text.text-accent-4{color:#00b8d4 !important}.teal{background-color:#009688 !important}.teal-text{color:#009688 !important}.teal.lighten-5{background-color:#e0f2f1 !important}.teal-text.text-lighten-5{color:#e0f2f1 !important}.teal.lighten-4{background-color:#b2dfdb !important}.teal-text.text-lighten-4{color:#b2dfdb !important}.teal.lighten-3{background-color:#80cbc4 !important}.teal-text.text-lighten-3{color:#80cbc4 !important}.teal.lighten-2{background-color:#4db6ac !important}.teal-text.text-lighten-2{color:#4db6ac !important}.teal.lighten-1{background-color:#26a69a !important}.teal-text.text-lighten-1{color:#26a69a !important}.teal.darken-1{background-color:#00897b !important}.teal-text.text-darken-1{color:#00897b !important}.teal.darken-2{background-color:#00796b !important}.teal-text.text-darken-2{color:#00796b !important}.teal.darken-3{background-color:#00695c !important}.teal-text.text-darken-3{color:#00695c !important}.teal.darken-4{background-color:#004d40 !important}.teal-text.text-darken-4{color:#004d40 !important}.teal.accent-1{background-color:#a7ffeb !important}.teal-text.text-accent-1{color:#a7ffeb !important}.teal.accent-2{background-color:#64ffda !important}.teal-text.text-accent-2{color:#64ffda !important}.teal.accent-3{background-color:#1de9b6 !important}.teal-text.text-accent-3{color:#1de9b6 !important}.teal.accent-4{background-color:#00bfa5 !important}.teal-text.text-accent-4{color:#00bfa5 !important}.green{background-color:#4CAF50 !important}.green-text{color:#4CAF50 !important}.green.lighten-5{background-color:#E8F5E9 !important}.green-text.text-lighten-5{color:#E8F5E9 !important}.green.lighten-4{background-color:#C8E6C9 !important}.green-text.text-lighten-4{color:#C8E6C9 !important}.green.lighten-3{background-color:#A5D6A7 !important}.green-text.text-lighten-3{color:#A5D6A7 !important}.green.lighten-2{background-color:#81C784 !important}.green-text.text-lighten-2{color:#81C784 !important}.green.lighten-1{background-color:#66BB6A !important}.green-text.text-lighten-1{color:#66BB6A !important}.green.darken-1{background-color:#43A047 !important}.green-text.text-darken-1{color:#43A047 !important}.green.darken-2{background-color:#388E3C !important}.green-text.text-darken-2{color:#388E3C !important}.green.darken-3{background-color:#2E7D32 !important}.green-text.text-darken-3{color:#2E7D32 !important}.green.darken-4{background-color:#1B5E20 !important}.green-text.text-darken-4{color:#1B5E20 !important}.green.accent-1{background-color:#B9F6CA !important}.green-text.text-accent-1{color:#B9F6CA !important}.green.accent-2{background-color:#69F0AE !important}.green-text.text-accent-2{color:#69F0AE !important}.green.accent-3{background-color:#00E676 !important}.green-text.text-accent-3{color:#00E676 !important}.green.accent-4{background-color:#00C853 !important}.green-text.text-accent-4{color:#00C853 !important}.light-green{background-color:#8bc34a !important}.light-green-text{color:#8bc34a !important}.light-green.lighten-5{background-color:#f1f8e9 !important}.light-green-text.text-lighten-5{color:#f1f8e9 !important}.light-green.lighten-4{background-color:#dcedc8 !important}.light-green-text.text-lighten-4{color:#dcedc8 !important}.light-green.lighten-3{background-color:#c5e1a5 !important}.light-green-text.text-lighten-3{color:#c5e1a5 !important}.light-green.lighten-2{background-color:#aed581 !important}.light-green-text.text-lighten-2{color:#aed581 !important}.light-green.lighten-1{background-color:#9ccc65 !important}.light-green-text.text-lighten-1{color:#9ccc65 !important}.light-green.darken-1{background-color:#7cb342 !important}.light-green-text.text-darken-1{color:#7cb342 !important}.light-green.darken-2{background-color:#689f38 !important}.light-green-text.text-darken-2{color:#689f38 !important}.light-green.darken-3{background-color:#558b2f !important}.light-green-text.text-darken-3{color:#558b2f !important}.light-green.darken-4{background-color:#33691e !important}.light-green-text.text-darken-4{color:#33691e !important}.light-green.accent-1{background-color:#ccff90 !important}.light-green-text.text-accent-1{color:#ccff90 !important}.light-green.accent-2{background-color:#b2ff59 !important}.light-green-text.text-accent-2{color:#b2ff59 !important}.light-green.accent-3{background-color:#76ff03 !important}.light-green-text.text-accent-3{color:#76ff03 !important}.light-green.accent-4{background-color:#64dd17 !important}.light-green-text.text-accent-4{color:#64dd17 !important}.lime{background-color:#cddc39 !important}.lime-text{color:#cddc39 !important}.lime.lighten-5{background-color:#f9fbe7 !important}.lime-text.text-lighten-5{color:#f9fbe7 !important}.lime.lighten-4{background-color:#f0f4c3 !important}.lime-text.text-lighten-4{color:#f0f4c3 !important}.lime.lighten-3{background-color:#e6ee9c !important}.lime-text.text-lighten-3{color:#e6ee9c !important}.lime.lighten-2{background-color:#dce775 !important}.lime-text.text-lighten-2{color:#dce775 !important}.lime.lighten-1{background-color:#d4e157 !important}.lime-text.text-lighten-1{color:#d4e157 !important}.lime.darken-1{background-color:#c0ca33 !important}.lime-text.text-darken-1{color:#c0ca33 !important}.lime.darken-2{background-color:#afb42b !important}.lime-text.text-darken-2{color:#afb42b !important}.lime.darken-3{background-color:#9e9d24 !important}.lime-text.text-darken-3{color:#9e9d24 !important}.lime.darken-4{background-color:#827717 !important}.lime-text.text-darken-4{color:#827717 !important}.lime.accent-1{background-color:#f4ff81 !important}.lime-text.text-accent-1{color:#f4ff81 !important}.lime.accent-2{background-color:#eeff41 !important}.lime-text.text-accent-2{color:#eeff41 !important}.lime.accent-3{background-color:#c6ff00 !important}.lime-text.text-accent-3{color:#c6ff00 !important}.lime.accent-4{background-color:#aeea00 !important}.lime-text.text-accent-4{color:#aeea00 !important}.yellow{background-color:#ffeb3b !important}.yellow-text{color:#ffeb3b !important}.yellow.lighten-5{background-color:#fffde7 !important}.yellow-text.text-lighten-5{color:#fffde7 !important}.yellow.lighten-4{background-color:#fff9c4 !important}.yellow-text.text-lighten-4{color:#fff9c4 !important}.yellow.lighten-3{background-color:#fff59d !important}.yellow-text.text-lighten-3{color:#fff59d !important}.yellow.lighten-2{background-color:#fff176 !important}.yellow-text.text-lighten-2{color:#fff176 !important}.yellow.lighten-1{background-color:#ffee58 !important}.yellow-text.text-lighten-1{color:#ffee58 !important}.yellow.darken-1{background-color:#fdd835 !important}.yellow-text.text-darken-1{color:#fdd835 !important}.yellow.darken-2{background-color:#fbc02d !important}.yellow-text.text-darken-2{color:#fbc02d !important}.yellow.darken-3{background-color:#f9a825 !important}.yellow-text.text-darken-3{color:#f9a825 !important}.yellow.darken-4{background-color:#f57f17 !important}.yellow-text.text-darken-4{color:#f57f17 !important}.yellow.accent-1{background-color:#ffff8d !important}.yellow-text.text-accent-1{color:#ffff8d !important}.yellow.accent-2{background-color:#ff0 !important}.yellow-text.text-accent-2{color:#ff0 !important}.yellow.accent-3{background-color:#ffea00 !important}.yellow-text.text-accent-3{color:#ffea00 !important}.yellow.accent-4{background-color:#ffd600 !important}.yellow-text.text-accent-4{color:#ffd600 !important}.amber{background-color:#ffc107 !important}.amber-text{color:#ffc107 !important}.amber.lighten-5{background-color:#fff8e1 !important}.amber-text.text-lighten-5{color:#fff8e1 !important}.amber.lighten-4{background-color:#ffecb3 !important}.amber-text.text-lighten-4{color:#ffecb3 !important}.amber.lighten-3{background-color:#ffe082 !important}.amber-text.text-lighten-3{color:#ffe082 !important}.amber.lighten-2{background-color:#ffd54f !important}.amber-text.text-lighten-2{color:#ffd54f !important}.amber.lighten-1{background-color:#ffca28 !important}.amber-text.text-lighten-1{color:#ffca28 !important}.amber.darken-1{background-color:#ffb300 !important}.amber-text.text-darken-1{color:#ffb300 !important}.amber.darken-2{background-color:#ffa000 !important}.amber-text.text-darken-2{color:#ffa000 !important}.amber.darken-3{background-color:#ff8f00 !important}.amber-text.text-darken-3{color:#ff8f00 !important}.amber.darken-4{background-color:#ff6f00 !important}.amber-text.text-darken-4{color:#ff6f00 !important}.amber.accent-1{background-color:#ffe57f !important}.amber-text.text-accent-1{color:#ffe57f !important}.amber.accent-2{background-color:#ffd740 !important}.amber-text.text-accent-2{color:#ffd740 !important}.amber.accent-3{background-color:#ffc400 !important}.amber-text.text-accent-3{color:#ffc400 !important}.amber.accent-4{background-color:#ffab00 !important}.amber-text.text-accent-4{color:#ffab00 !important}.orange{background-color:#ff9800 !important}.orange-text{color:#ff9800 !important}.orange.lighten-5{background-color:#fff3e0 !important}.orange-text.text-lighten-5{color:#fff3e0 !important}.orange.lighten-4{background-color:#ffe0b2 !important}.orange-text.text-lighten-4{color:#ffe0b2 !important}.orange.lighten-3{background-color:#ffcc80 !important}.orange-text.text-lighten-3{color:#ffcc80 !important}.orange.lighten-2{background-color:#ffb74d !important}.orange-text.text-lighten-2{color:#ffb74d !important}.orange.lighten-1{background-color:#ffa726 !important}.orange-text.text-lighten-1{color:#ffa726 !important}.orange.darken-1{background-color:#fb8c00 !important}.orange-text.text-darken-1{color:#fb8c00 !important}.orange.darken-2{background-color:#f57c00 !important}.orange-text.text-darken-2{color:#f57c00 !important}.orange.darken-3{background-color:#ef6c00 !important}.orange-text.text-darken-3{color:#ef6c00 !important}.orange.darken-4{background-color:#e65100 !important}.orange-text.text-darken-4{color:#e65100 !important}.orange.accent-1{background-color:#ffd180 !important}.orange-text.text-accent-1{color:#ffd180 !important}.orange.accent-2{background-color:#ffab40 !important}.orange-text.text-accent-2{color:#ffab40 !important}.orange.accent-3{background-color:#ff9100 !important}.orange-text.text-accent-3{color:#ff9100 !important}.orange.accent-4{background-color:#ff6d00 !important}.orange-text.text-accent-4{color:#ff6d00 !important}.deep-orange{background-color:#ff5722 !important}.deep-orange-text{color:#ff5722 !important}.deep-orange.lighten-5{background-color:#fbe9e7 !important}.deep-orange-text.text-lighten-5{color:#fbe9e7 !important}.deep-orange.lighten-4{background-color:#ffccbc !important}.deep-orange-text.text-lighten-4{color:#ffccbc !important}.deep-orange.lighten-3{background-color:#ffab91 !important}.deep-orange-text.text-lighten-3{color:#ffab91 !important}.deep-orange.lighten-2{background-color:#ff8a65 !important}.deep-orange-text.text-lighten-2{color:#ff8a65 !important}.deep-orange.lighten-1{background-color:#ff7043 !important}.deep-orange-text.text-lighten-1{color:#ff7043 !important}.deep-orange.darken-1{background-color:#f4511e !important}.deep-orange-text.text-darken-1{color:#f4511e !important}.deep-orange.darken-2{background-color:#e64a19 !important}.deep-orange-text.text-darken-2{color:#e64a19 !important}.deep-orange.darken-3{background-color:#d84315 !important}.deep-orange-text.text-darken-3{color:#d84315 !important}.deep-orange.darken-4{background-color:#bf360c !important}.deep-orange-text.text-darken-4{color:#bf360c !important}.deep-orange.accent-1{background-color:#ff9e80 !important}.deep-orange-text.text-accent-1{color:#ff9e80 !important}.deep-orange.accent-2{background-color:#ff6e40 !important}.deep-orange-text.text-accent-2{color:#ff6e40 !important}.deep-orange.accent-3{background-color:#ff3d00 !important}.deep-orange-text.text-accent-3{color:#ff3d00 !important}.deep-orange.accent-4{background-color:#dd2c00 !important}.deep-orange-text.text-accent-4{color:#dd2c00 !important}.brown{background-color:#795548 !important}.brown-text{color:#795548 !important}.brown.lighten-5{background-color:#efebe9 !important}.brown-text.text-lighten-5{color:#efebe9 !important}.brown.lighten-4{background-color:#d7ccc8 !important}.brown-text.text-lighten-4{color:#d7ccc8 !important}.brown.lighten-3{background-color:#bcaaa4 !important}.brown-text.text-lighten-3{color:#bcaaa4 !important}.brown.lighten-2{background-color:#a1887f !important}.brown-text.text-lighten-2{color:#a1887f !important}.brown.lighten-1{background-color:#8d6e63 !important}.brown-text.text-lighten-1{color:#8d6e63 !important}.brown.darken-1{background-color:#6d4c41 !important}.brown-text.text-darken-1{color:#6d4c41 !important}.brown.darken-2{background-color:#5d4037 !important}.brown-text.text-darken-2{color:#5d4037 !important}.brown.darken-3{background-color:#4e342e !important}.brown-text.text-darken-3{color:#4e342e !important}.brown.darken-4{background-color:#3e2723 !important}.brown-text.text-darken-4{color:#3e2723 !important}.blue-grey{background-color:#607d8b !important}.blue-grey-text{color:#607d8b !important}.blue-grey.lighten-5{background-color:#eceff1 !important}.blue-grey-text.text-lighten-5{color:#eceff1 !important}.blue-grey.lighten-4{background-color:#cfd8dc !important}.blue-grey-text.text-lighten-4{color:#cfd8dc !important}.blue-grey.lighten-3{background-color:#b0bec5 !important}.blue-grey-text.text-lighten-3{color:#b0bec5 !important}.blue-grey.lighten-2{background-color:#90a4ae !important}.blue-grey-text.text-lighten-2{color:#90a4ae !important}.blue-grey.lighten-1{background-color:#78909c !important}.blue-grey-text.text-lighten-1{color:#78909c !important}.blue-grey.darken-1{background-color:#546e7a !important}.blue-grey-text.text-darken-1{color:#546e7a !important}.blue-grey.darken-2{background-color:#455a64 !important}.blue-grey-text.text-darken-2{color:#455a64 !important}.blue-grey.darken-3{background-color:#37474f !important}.blue-grey-text.text-darken-3{color:#37474f !important}.blue-grey.darken-4{background-color:#263238 !important}.blue-grey-text.text-darken-4{color:#263238 !important}.grey{background-color:#9e9e9e !important}.grey-text{color:#9e9e9e !important}.grey.lighten-5{background-color:#fafafa !important}.grey-text.text-lighten-5{color:#fafafa !important}.grey.lighten-4{background-color:#f5f5f5 !important}.grey-text.text-lighten-4{color:#f5f5f5 !important}.grey.lighten-3{background-color:#eee !important}.grey-text.text-lighten-3{color:#eee !important}.grey.lighten-2{background-color:#e0e0e0 !important}.grey-text.text-lighten-2{color:#e0e0e0 !important}.grey.lighten-1{background-color:#bdbdbd !important}.grey-text.text-lighten-1{color:#bdbdbd !important}.grey.darken-1{background-color:#757575 !important}.grey-text.text-darken-1{color:#757575 !important}.grey.darken-2{background-color:#616161 !important}.grey-text.text-darken-2{color:#616161 !important}.grey.darken-3{background-color:#424242 !important}.grey-text.text-darken-3{color:#424242 !important}.grey.darken-4{background-color:#212121 !important}.grey-text.text-darken-4{color:#212121 !important}.shades.black{background-color:#000 !important}.shades-text.text-black{color:#000 !important}.shades.white{background-color:#fff !important}.shades-text.text-white{color:#fff !important}.shades.transparent{background-color:transparent !important}.shades-text.text-transparent{color:transparent !important}.black{background-color:#000 !important}.black-text{color:#000 !important}.white{background-color:#fff !important}.white-text{color:#fff !important}.transparent{background-color:transparent !important}.transparent-text{color:transparent !important}/*!
2
+ * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
3
+ * Copyright 2014 Wang Shenwei.
4
+ * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
5
+ *
6
+ * Further modified
7
+ * Copyright 2015 Ching Yaw Hao.
8
+ *
9
+ * Bootstrap v3.1.1 (http://getbootstrap.com)
10
+ * Copyright 2011-2014 Twitter, Inc.
11
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
12
+ */.picker__box{background:#fff}.picker__date-display{background-color:#26a69a}.clockpicker-display{vertical-align:middle;display:inline-block;margin:auto;height:85px;font-size:70px;padding:10px;padding-bottom:0px;color:#b2dfdb}.clockpicker-display-column{float:left}.clockpicker-display-am-pm{padding-left:5px;vertical-align:bottom;height:85px}.clockpicker-span-am-pm{display:inline-block;font-size:23px;line-height:25px;color:#b2dfdb}.clockpicker-span-hours,.clockpicker-span-minutes{-webkit-animation-duration:500ms;animation-duration:500ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transition:color 500ms;-moz-transition:color 500ms;-ms-transition:color 500ms;-o-transition:color 500ms;transition:color 500ms;cursor:pointer}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-moz-keyframes pulse{from{-moz-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-moz-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}to{-moz-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-ms-keyframes pulse{from{-ms-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-ms-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}to{-ms-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-o-keyframes pulse{from{-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}to{-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.1, 1.1, 1.1)}to{transform:scale3d(1, 1, 1)}}#click-am,#click-pm{cursor:pointer}.clockpicker-span-hours.text-primary,.clockpicker-span-minutes.text-primary,#click-am.text-primary,#click-pm.text-primary{-webkit-animation-name:pulse;animation-name:pulse;color:white}.clockpicker-moving{cursor:move}.clockpicker-plate{background-color:#eeeeee;border-radius:50%;width:270px;height:270px;overflow:visible;position:relative;margin:auto;margin-top:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clockpicker-canvas,.clockpicker-dial{width:270px;height:270px;position:absolute;left:-1px;top:-1px}.clockpicker-minutes{visibility:hidden}.clockpicker-tick{border-radius:50%;color:#666;line-height:40px;text-align:center;width:40px;height:40px;position:absolute;cursor:pointer;-webkit-transition:background-color 300ms;-moz-transition:background-color 300ms;-ms-transition:background-color 300ms;-o-transition:background-color 300ms;transition:background-color 300ms;background-color:rgba(0,150,136,0)}.clockpicker-tick.active,.clockpicker-tick:hover{background-color:rgba(0,150,136,0.25)}.clockpicker-dial{-webkit-transition:-webkit-transform 350ms, opacity 350ms;-moz-transition:-moz-transform 350ms, opacity 350ms;-ms-transition:-ms-transform 350ms, opacity 350ms;-o-transition:-o-transform 350ms, opacity 350ms;transition:transform 350ms, opacity 350ms}.clockpicker-dial-out{opacity:0}.clockpicker-hours.clockpicker-dial-out{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}.clockpicker-minutes.clockpicker-dial-out{-webkit-transform:scale(0.8, 0.8);-moz-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);-o-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8)}.clockpicker-canvas{-webkit-transition:opacity 300ms;-moz-transition:opacity 300ms;-ms-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms}.clockpicker-canvas-out{opacity:0.25}.clockpicker-canvas-bearing{stroke:none;fill:rgba(0,77,64,0.75)}.clockpicker-canvas-fg{stroke:none;fill:rgba(0,77,64,0)}.clockpicker-canvas-fg.active{fill:rgba(0,77,64,0.5)}.clockpicker-canvas-bg{stroke:none;fill:rgba(0,150,136,0.25)}.clockpicker-canvas-bg-trans{fill:rgba(0,150,136,0.25)}.clockpicker-canvas line{stroke:rgba(0,150,136,0.25);stroke-width:1;stroke-linecap:round}.clockpicker-am-pm-block{margin-top:-10px;width:100%;height:50px}.clockpicker-button.am-button{height:45px;width:45px;float:left}.clockpicker-button.pm-button{height:45px;width:45px;float:right}button{color:#343434}.btn-floating.btn-flat:focus,.btn-floating.btn-flat:visited{background-color:transparent}.btn-floating.btn-flat:hover{box-shadow:none;background-color:transparent}.btn-floating.btn-flat.active{background-color:rgba(0,150,136,0.25)}.btn-floating.btn-flat:active{background-color:rgba(0,150,136,0.5)}.picker__footer .clockpicker-button{margin:auto;margin-top:15px}.picker__footer .clockpicker-button:focus{background-color:transparent}.picker__footer .clockpicker-button:active{background-color:rgba(0,150,136,0.25)}/*!
13
+ * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
14
+ * Copyright 2014 Wang Shenwei.
15
+ * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
16
+ *
17
+ * Further modified
18
+ * Copyright 2015 Ching Yaw Hao.
19
+ *
20
+ * Bootstrap v3.1.1 (http://getbootstrap.com)
21
+ * Copyright 2011-2014 Twitter, Inc.
22
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
23
+ */.darktheme .picker__box{background-color:#212121}.darktheme .picker__date-display{background-color:transparent}.darktheme .clockpicker-display{color:white}.darktheme .clockpicker-span-am-pm{color:white}.darktheme .clockpicker-span-hours.text-primary,.darktheme .clockpicker-span-minutes.text-primary,.darktheme #click-am.text-primary,.darktheme #click-pm.text-primary{color:#ff4081}.darktheme .clockpicker-plate{background-color:transparent}.darktheme .clockpicker-tick{color:white;background-color:rgba(255,64,129,0)}.darktheme .clockpicker-tick.active,.darktheme .clockpicker-tick:hover{background-color:rgba(255,64,129,0.25)}.darktheme .clockpicker-canvas-bearing{fill:white}.darktheme .clockpicker-canvas-fg{fill:rgba(255,64,129,0)}.darktheme .clockpicker-canvas-fg.active{fill:rgba(255,64,129,0.5)}.darktheme .clockpicker-canvas-bg{fill:rgba(255,64,129,0.25)}.darktheme .clockpicker-canvas-bg-trans{fill:rgba(255,64,129,0.25)}.darktheme .clockpicker-canvas line{stroke:rgba(255,64,129,0.25)}.darktheme button{color:white}.darktheme .btn-floating.btn-flat.active{background-color:rgba(255,64,129,0.25)}.darktheme .btn-floating.btn-flat:active{background-color:rgba(255,64,129,0.5)}.darktheme .picker__footer .clockpicker-button:active{background-color:rgba(255,64,129,0.25)}
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: materialize_timepicker_rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 0.1.1.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Shawn Wilson
@@ -57,9 +57,6 @@ files:
57
57
  - lib/materialize_timepicker_rails/version.rb
58
58
  - materialize_timepicker_rails.gemspec
59
59
  - vendor/assets/javascripts/materialize_datepicker.js
60
- - vendor/assets/stylesheets/components/_dark.scss
61
- - vendor/assets/stylesheets/components/_primary.scss
62
- - vendor/assets/stylesheets/components/_variables.scss
63
60
  - vendor/assets/stylesheets/materialize_datepicker.scss
64
61
  homepage: https://github.com/swilson223/materialize_timepicker_rails
65
62
  licenses:
data/vendor/assets/stylesheets/components/_dark.scss DELETED
@@ -1,95 +0,0 @@
1
- /*!
2
- * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
3
- * Copyright 2014 Wang Shenwei.
4
- * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
5
- *
6
- * Further modified
7
- * Copyright 2015 Ching Yaw Hao.
8
- *
9
- * Gemified
10
- * Shawn Wilson Copyright 2016
11
- *
12
- * Bootstrap v3.1.1 (http://getbootstrap.com)
13
- * Copyright 2011-2014 Twitter, Inc.
14
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
15
- */
16
- .darktheme {
17
- .picker__box {
18
- background-color: #212121;
19
- }
20
-
21
- .picker__date-display {
22
- background-color: transparent;
23
- }
24
-
25
- .clockpicker-display {
26
- color: white;
27
- }
28
-
29
- .clockpicker-span-am-pm {
30
- color: white;
31
- }
32
-
33
- .clockpicker-span-hours,
34
- .clockpicker-span-minutes,
35
- #click-am,
36
- #click-pm {
37
- &.text-primary {
38
- color: #ff4081;
39
- }
40
- }
41
-
42
- .clockpicker-plate {
43
- background-color: transparent;
44
- }
45
-
46
- .clockpicker-tick {
47
- color: white;
48
- background-color: rgba(255, 64, 129, 0);
49
- }
50
-
51
- .clockpicker-tick.active,
52
- .clockpicker-tick:hover {
53
- background-color: rgba(255, 64, 129, 0.25);
54
- }
55
-
56
- .clockpicker-canvas-bearing {
57
- fill: white;
58
- }
59
-
60
- .clockpicker-canvas-fg {
61
- fill: rgba(255, 64, 129, 0);
62
- }
63
-
64
- .clockpicker-canvas-fg.active {
65
- fill: rgba(255, 64, 129, 0.5);
66
- }
67
-
68
- .clockpicker-canvas-bg {
69
- fill: rgba(255, 64, 129, 0.25);
70
- }
71
-
72
- .clockpicker-canvas-bg-trans {
73
- fill: rgba(255, 64, 129, 0.25);
74
- }
75
-
76
- .clockpicker-canvas line {
77
- stroke: rgba(255, 64, 129, 0.25);
78
- }
79
-
80
- button {
81
- color: white;
82
- }
83
-
84
- .btn-floating.btn-flat.active {
85
- background-color: rgba(255, 64, 129, 0.25);
86
- }
87
-
88
- .btn-floating.btn-flat:active {
89
- background-color: rgba(255, 64, 129, 0.5);
90
- }
91
-
92
- .picker__footer .clockpicker-button:active {
93
- background-color: rgba(255, 64, 129, 0.25);
94
- }
95
- }
data/vendor/assets/stylesheets/components/_primary.scss DELETED
@@ -1,336 +0,0 @@
1
- /*!
2
- * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
3
- * Copyright 2014 Wang Shenwei.
4
- * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
5
- *
6
- * Further modified
7
- * Copyright 2015 Ching Yaw Hao.
8
- *
9
- * Gemified
10
- * Shawn Wilson Copyright 2016
11
- *
12
- * Bootstrap v3.1.1 (http://getbootstrap.com)
13
- * Copyright 2011-2014 Twitter, Inc.
14
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
15
- */
16
-
17
- .picker__box {
18
- background: $clockpicker-picker-box-background;
19
- }
20
-
21
- .picker__date-display {
22
- background-color: $clockpicker-picker-box-date-display-background-color;
23
- }
24
-
25
- .clockpicker-display {
26
- vertical-align: middle;
27
- display: inline-block;
28
- margin: auto;
29
- height: 85px;
30
- font-size: 70px;
31
- padding: 10px;
32
- padding-bottom: 0px;
33
- color: $clockpicker-primary-color;
34
- }
35
-
36
- .clockpicker-display-column {
37
- float: left;
38
- }
39
-
40
- .clockpicker-display-am-pm {
41
- padding-left: 5px;
42
- vertical-align: bottom;
43
- height: 85px;
44
- }
45
-
46
- .clockpicker-span-am-pm {
47
- display: inline-block;
48
- font-size: 23px;
49
- line-height: 25px;
50
- color: $clockpicker-primary-color;
51
- }
52
-
53
- .clockpicker-span-hours,
54
- .clockpicker-span-minutes {
55
- -webkit-animation-duration: 500ms;
56
- animation-duration: 500ms;
57
- -webkit-animation-fill-mode: both;
58
- animation-fill-mode: both;
59
- -webkit-transition: color 500ms;
60
- -moz-transition: color 500ms;
61
- -ms-transition: color 500ms;
62
- -o-transition: color 500ms;
63
- transition: color 500ms;
64
- cursor: pointer;
65
- }
66
-
67
- @-webkit-keyframes pulse {
68
- from {
69
- -webkit-transform: scale3d(1, 1, 1);
70
- transform: scale3d(1, 1, 1);
71
- }
72
- 50% {
73
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
74
- transform: scale3d(1.1, 1.1, 1.1);
75
- }
76
- to {
77
- -webkit-transform: scale3d(1, 1, 1);
78
- transform: scale3d(1, 1, 1);
79
- }
80
- }
81
-
82
- @-moz-keyframes pulse {
83
- from {
84
- -moz-transform: scale3d(1, 1, 1);
85
- transform: scale3d(1, 1, 1);
86
- }
87
- 50% {
88
- -moz-transform: scale3d(1.1, 1.1, 1.1);
89
- transform: scale3d(1.1, 1.1, 1.1);
90
- }
91
- to {
92
- -moz-transform: scale3d(1, 1, 1);
93
- transform: scale3d(1, 1, 1);
94
- }
95
- }
96
-
97
- @-ms-keyframes pulse {
98
- from {
99
- -ms-transform: scale3d(1, 1, 1);
100
- transform: scale3d(1, 1, 1);
101
- }
102
- 50% {
103
- -ms-transform: scale3d(1.1, 1.1, 1.1);
104
- transform: scale3d(1.1, 1.1, 1.1);
105
- }
106
- to {
107
- -ms-transform: scale3d(1, 1, 1);
108
- transform: scale3d(1, 1, 1);
109
- }
110
- }
111
-
112
- @-o-keyframes pulse {
113
- from {
114
- -o-transform: scale3d(1, 1, 1);
115
- transform: scale3d(1, 1, 1);
116
- }
117
- 50% {
118
- -o-transform: scale3d(1.1, 1.1, 1.1);
119
- transform: scale3d(1.1, 1.1, 1.1);
120
- }
121
- to {
122
- -o-transform: scale3d(1, 1, 1);
123
- transform: scale3d(1, 1, 1);
124
- }
125
- }
126
-
127
- @keyframes pulse {
128
- from {
129
- transform: scale3d(1, 1, 1);
130
- }
131
- 50% {
132
- transform: scale3d(1.1, 1.1, 1.1);
133
- }
134
- to {
135
- transform: scale3d(1, 1, 1);
136
- }
137
- }
138
-
139
- #click-am,
140
- #click-pm {
141
- cursor: pointer;
142
- }
143
-
144
- .clockpicker-span-hours,
145
- .clockpicker-span-minutes,
146
- #click-am,
147
- #click-pm {
148
- &.text-primary {
149
- -webkit-animation-name: pulse;
150
- animation-name: pulse;
151
- color: white;
152
- }
153
- }
154
-
155
- .clockpicker-moving {
156
- cursor: move;
157
- }
158
-
159
- .clockpicker-plate {
160
- background-color: #eeeeee;
161
- border-radius: 50%;
162
- width: 270px;
163
- height: 270px;
164
- overflow: visible;
165
- position: relative;
166
- margin: auto;
167
- margin-top: 20px;
168
- /* Disable text selection highlighting. Thanks to Hermanya */
169
- -webkit-touch-callout: none;
170
- -webkit-user-select: none;
171
- -khtml-user-select: none;
172
- -moz-user-select: none;
173
- -ms-user-select: none;
174
- user-select: none;
175
- }
176
-
177
- .clockpicker-canvas,
178
- .clockpicker-dial {
179
- width: 270px;
180
- height: 270px;
181
- position: absolute;
182
- left: -1px;
183
- top: -1px;
184
- }
185
-
186
- .clockpicker-minutes {
187
- visibility: hidden;
188
- }
189
-
190
- .clockpicker-tick {
191
- border-radius: 50%;
192
- color: $clockpicker-tick-color;
193
- line-height: 40px;
194
- text-align: center;
195
- width: 40px;
196
- height: 40px;
197
- position: absolute;
198
- cursor: pointer;
199
- -webkit-transition: background-color 300ms;
200
- -moz-transition: background-color 300ms;
201
- -ms-transition: background-color 300ms;
202
- -o-transition: background-color 300ms;
203
- transition: background-color 300ms;
204
- background-color: $clockpicker-tick-background-color;
205
- &.active,
206
- &:hover {
207
- background-color: $clockpicker-tick-background-color-active;
208
- }
209
- }
210
-
211
- .clockpicker-dial {
212
- -webkit-transition: -webkit-transform 350ms, opacity 350ms;
213
- -moz-transition: -moz-transform 350ms, opacity 350ms;
214
- -ms-transition: -ms-transform 350ms, opacity 350ms;
215
- -o-transition: -o-transform 350ms, opacity 350ms;
216
- transition: transform 350ms, opacity 350ms;
217
- }
218
-
219
- .clockpicker-dial-out {
220
- opacity: 0;
221
- }
222
-
223
- .clockpicker-hours.clockpicker-dial-out {
224
- -webkit-transform: scale(1.2, 1.2);
225
- -moz-transform: scale(1.2, 1.2);
226
- -ms-transform: scale(1.2, 1.2);
227
- -o-transform: scale(1.2, 1.2);
228
- transform: scale(1.2, 1.2);
229
- }
230
-
231
- .clockpicker-minutes.clockpicker-dial-out {
232
- -webkit-transform: scale(.8, .8);
233
- -moz-transform: scale(.8, .8);
234
- -ms-transform: scale(.8, .8);
235
- -o-transform: scale(.8, .8);
236
- transform: scale(.8, .8);
237
- }
238
-
239
- .clockpicker-canvas {
240
- -webkit-transition: opacity 300ms;
241
- -moz-transition: opacity 300ms;
242
- -ms-transition: opacity 300ms;
243
- -o-transition: opacity 300ms;
244
- transition: opacity 300ms;
245
- }
246
-
247
- .clockpicker-canvas-out {
248
- opacity: 0.25;
249
- }
250
-
251
- .clockpicker-canvas-bearing {
252
- stroke: none;
253
- fill: $clockpicker-canvas-bearing-fill;
254
- }
255
-
256
- .clockpicker-canvas-fg {
257
- stroke: none;
258
- fill: rgba($clockpicker-canvas-fg-fill, 0);
259
- &.active {
260
- fill: rgba($clockpicker-canvas-fg-fill, 0.5);
261
- }
262
- }
263
-
264
- .clockpicker-canvas-bg {
265
- stroke: none;
266
- fill: $clockpicker-canvas-bg-fill;
267
- }
268
-
269
- .clockpicker-canvas-bg-trans {
270
- fill: $clockpicker-canvas-bg-fill;
271
- }
272
-
273
- .clockpicker-canvas line {
274
- stroke: $clockpicker-canvas-bg-stroke;
275
- stroke-width: 1;
276
- stroke-linecap: round;
277
- /*shape-rendering: crispEdges;*/
278
- }
279
-
280
- .clockpicker-am-pm-block {
281
- margin-top: -10px;
282
- width: 100%;
283
- height: 50px;
284
- }
285
-
286
- //AM PM buttons
287
- .clockpicker-button {
288
- &.am-button {
289
- height: 45px;
290
- width: 45px;
291
- float: left;
292
- }
293
- &.pm-button {
294
- height: 45px;
295
- width: 45px;
296
- float: right;
297
- }
298
- }
299
-
300
- button {
301
- color: $clockpicker-button-color;
302
- }
303
-
304
- //buttons
305
- .btn-floating {
306
- &.btn-flat {
307
- &:focus,
308
- &:visited {
309
- background-color: transparent;
310
- }
311
- &:hover {
312
- box-shadow: none;
313
- background-color: transparent;
314
- }
315
- &.active {
316
- background-color: rgba($clockpicker-button-background-color, 0.25);
317
- }
318
- &:active {
319
- background-color: rgba($clockpicker-button-background-color, 0.5);
320
- }
321
- }
322
- }
323
-
324
- //footer
325
- .picker__footer {
326
- .clockpicker-button {
327
- margin: auto;
328
- margin-top: 15px;
329
- &:focus {
330
- background-color: transparent;
331
- }
332
- &:active {
333
- background-color: rgba($clockpicker-button-background-color, 0.25);
334
- }
335
- }
336
- }