catlab-remote-client 1.2.4 → 1.2.5

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.
@@ -25,10 +25,12 @@ body {
25
25
  #catlab-message {
26
26
  text-align: center;
27
27
  margin: 10px auto;
28
- color: yellow;
28
+ font-size: 2em;
29
+ padding: 5vh;
30
+ color: white;
29
31
  }
30
32
 
31
- #catlab-token-form, body
33
+ body
32
34
  {
33
35
  margin: 0;
34
36
  padding: 0;
@@ -38,6 +40,33 @@ body {
38
40
  top: 0;
39
41
  left: 0;
40
42
  font-family:Arial,Helvetica,sans-serif;
43
+ text-align: center;
44
+ }
45
+
46
+ .center-flex {
47
+ display: flex;
48
+ justify-content: center;
49
+ align-items: center;
50
+ min-height: 100vh;
51
+ }
52
+
53
+ #catlab-token-form {
54
+ overflow: hidden;
55
+ min-width: 50vh;
56
+ }
57
+
58
+ #catlab-token-form p {
59
+ font-size: 2em;
60
+ box-sizing: border-box;
61
+ margin: 2vh auto;
62
+ padding: 3vmin 2vmin;
63
+ }
64
+
65
+ #catlab-token-form h1 {
66
+ font-size: 2em;
67
+ box-sizing: border-box;
68
+ margin: 2vh auto;
69
+ padding: 3vmin 2vmin;
41
70
  }
42
71
 
43
72
  #catlab-token-form #token
@@ -75,6 +104,26 @@ body {
75
104
  content: 'viewport-units-buggyfill; margin: 10vh auto; padding: 5vmin 2vmin;';
76
105
  }
77
106
 
107
+ #catlab-token-form button.pulsating {
108
+ animation: subtle-pulse 1.5s infinite;
109
+ box-shadow: 0 0 0 0 rgba(73, 40, 48, 0.3);
110
+ }
111
+
112
+ @keyframes subtle-pulse {
113
+ 0% {
114
+ transform: scale(1);
115
+ box-shadow: 0 0 0 0 rgba(73, 40, 48, 0.3);
116
+ }
117
+ 70% {
118
+ transform: scale(1.04);
119
+ box-shadow: 0 0 8px 8px rgba(73, 40, 48, 0);
120
+ }
121
+ 100% {
122
+ transform: scale(1);
123
+ box-shadow: 0 0 0 0 rgba(73, 40, 48, 0);
124
+ }
125
+ }
126
+
78
127
  #catlab-token-form #token:focus {border:1px solid #492830;}
79
128
 
80
129
  #catlab-token-form #token::-webkit-input-placeholder { color: #492830; }