timepiece 0.2.8 → 0.2.9

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 436d600f468b6a3f94909275d0fdf6fe0ecfb644
4
- data.tar.gz: a474c8c380cdc3a45d0cee36f240c5dcfc66286f
3
+ metadata.gz: 2b0b951200ead8e2e6c26961beeae8ed6cf31eff
4
+ data.tar.gz: 0f20489c5a775ddd33ba1a3b37bc8f856797e81b
5
5
  SHA512:
6
- metadata.gz: 5a8f1efb19a40acb05dbc79bf218d2732dd805ab6fcb6153058c3609ed2ad1e5ab6f3a340627d716eeaf1f6325317527a2d169289fb2db4b9ca0045cfb2f3d6b
7
- data.tar.gz: 29ecee2ef9155b8ade841fc004d0c5939bd5b4084d058df1f60fedee399e86e3b6811f4c57cbca232355c742180384fc14af98964e594158f2d7fc2e1eb6020d
6
+ metadata.gz: 22af1dc26d4385075153588aec13010a740706e8e54358b1c19a7906b1c3106cd7f631f504ce44256359142070effab206bfcd5a0e4d6084ede4c7aa98159cc0
7
+ data.tar.gz: e7fdcf88cc8fdf602e485422021448fd175d73fbb4c6210764b9bf36edebc323eb8bef73c7ea51ff6849c154a91e0d51eb5353341a9abd1b0969cf744bb818ac
@@ -1,3 +1,3 @@
1
1
  module Timepiece
2
- VERSION = "0.2.8"
2
+ VERSION = "0.2.9"
3
3
  end
@@ -0,0 +1,136 @@
1
+ /* CSS for the analogue clock version of timepiece, and maybe some optional styles for the digital. */
2
+
3
+ .timepiece-analog {
4
+ /*border:solid 1em;*/
5
+ /*border-color:#222;*/
6
+ border-radius: 50%;
7
+ background-color: #eee;
8
+ background-size: 88%;
9
+ position: relative;
10
+ height:0;
11
+ -ms-box-sizing:content-box;
12
+ -webkit-box-sizing:content-box;
13
+ box-sizing:content-box;
14
+ }
15
+
16
+ .timepiece-analog:after {
17
+ background: #d00;
18
+ border-radius: 50%;
19
+ content: "";
20
+ position: absolute;
21
+ left: 50%;
22
+ top: 50%;
23
+ -ms-transform: translate(-50%, -50%);
24
+ -webkit-transform: translate(-50%, -50%);
25
+ transform: translate(-50%, -50%);
26
+ width: 5%;
27
+ height: 5%;
28
+ z-index: 10;
29
+ }
30
+
31
+ .timepiece-analog-abbr {
32
+ color: #333;
33
+ font-family:Helvetica,Arial,sans-serif;
34
+ font-size:1.25em;
35
+ position: absolute;
36
+ left: 25%;
37
+ top: 50%;
38
+ -ms-transform: translate(-50%, -50%);
39
+ -webkit-transform: translate(-50%, -50%);
40
+ transform: translate(-50%, -50%);
41
+ z-index: 3;
42
+ }
43
+
44
+ .timepiece-minutes-container, .timepiece-hours-container, .timepiece-seconds-container {
45
+ position: absolute;
46
+ top: 0;
47
+ right: 0;
48
+ bottom: 0;
49
+ left: 0;
50
+ z-index:5;
51
+ }
52
+
53
+ .timepiece-analog-hours {
54
+ background: #333;
55
+ height: 25%; /**/
56
+ left: 48.75%;
57
+ position: absolute;
58
+ top: 25%; /**/
59
+ -ms-transform-origin: 50% 100%;
60
+ -webkit-transform-origin: 50% 100%;
61
+ transform-origin: 50% 100%;
62
+ width: 2.5%;
63
+ }
64
+
65
+ .timepiece-analog-minutes {
66
+ background: #333;
67
+ height: 40%; /**/
68
+ left: 49%;
69
+ position: absolute;
70
+ top: 10%; /**/
71
+ -ms-transform-origin: 50% 100%;
72
+ -webkit-transform-origin: 50% 100%;
73
+ transform-origin: 50% 100%;
74
+ width: 2%;
75
+ }
76
+
77
+ .timepiece-analog-seconds {
78
+ background: #d00;
79
+ height: 45%; /**/
80
+ left: 49.5%;
81
+ position: absolute;
82
+ top: 14%; /**/
83
+ -ms-transform-origin: 50% 80%;
84
+ -webkit-transform-origin: 50% 80%;
85
+ transform-origin: 50% 80%;
86
+ width: 1%;
87
+ z-index: 8;
88
+ }
89
+
90
+ /* Animation code - unused but kept for reference: */
91
+ /* We should animate the clocks into correct positions when the clock refreshes on page reentry. */
92
+ /*
93
+ @-webkit-keyframes rotate {
94
+ 100% {-webkit-transform: rotateZ(360deg);}
95
+ }
96
+
97
+ .timepiece-hours-container {
98
+ -webkit-animation: rotate 43200s infinite linear;
99
+ }
100
+ .timepiece-minutes-container {
101
+ -webkit-animation: rotate 3600s infinite steps(60);
102
+ }
103
+ .timepiece-seconds-container {
104
+ -webkit-animation: rotate 60s infinite steps(60);
105
+ }
106
+ */
107
+
108
+ .timepiece-analog-day{
109
+ /* border-color:#222; */
110
+ background-color:#eee;
111
+ }
112
+ .timepiece-analog-day:after, .timepiece-analog-day .timepiece-analog-seconds {
113
+ background: #d00;
114
+ }
115
+ .timepiece-analog-day .timepiece-analog-hours, .timepiece-analog-day .timepiece-analog-minutes {
116
+ background: #333;
117
+ }
118
+
119
+ .timepiece-analog-day .timepiece-analog-abbr {
120
+ color: #333;
121
+ }
122
+
123
+ .timepiece-analog-night .timepiece-analog-abbr {
124
+ color: #eee;
125
+ }
126
+
127
+ .timepiece-analog-night{
128
+ /* border-color:#222; */
129
+ background-color:#333;
130
+ }
131
+ .timepiece-analog-night:after, .timepiece-analog-night .timepiece-analog-seconds {
132
+ background: #d00;
133
+ }
134
+ .timepiece-analog-night .timepiece-analog-hours, .timepiece-analog-night .timepiece-analog-minutes {
135
+ background: #eee;
136
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: timepiece
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.8
4
+ version: 0.2.9
5
5
  platform: ruby
6
6
  authors:
7
7
  - Thom Bruce
@@ -79,6 +79,7 @@ files:
79
79
  - test/integration/navigation_test.rb
80
80
  - test/test_helper.rb
81
81
  - test/timepiece_test.rb
82
+ - vendor/assets/stylesheets/timepiece.css
82
83
  homepage: http://thombruce.com/timepiece
83
84
  licenses:
84
85
  - MIT