@everymatrix/player-account-timeout 0.0.258 → 0.0.259

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/player-account-timeout",
3
- "version": "0.0.258",
3
+ "version": "0.0.259",
4
4
  "main": "dist/player-account-timeout.js",
5
5
  "svelte": "src/index.ts",
6
6
  "scripts": {
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "29d9cee256c6fbdf17d95ed82bc3ebcc62241704"
39
+ "gitHead": "7e26e42bac250a646d98bd80910b234522350fd6"
40
40
  }
@@ -67,13 +67,6 @@
67
67
  </div>
68
68
 
69
69
  <style lang="scss">
70
- //This function does a multiplication
71
- // in order to work with px the
72
- // same way as working with em
73
- @function ttp($value) {
74
- $multiplicator: 16px;
75
- @return $value * $multiplicator;
76
- }
77
70
 
78
71
  :host {
79
72
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
@@ -116,10 +109,10 @@
116
109
 
117
110
  .TimeoutDescription {
118
111
  color: var(--emfe-w-color-gray-300, #58586B);
119
- line-height: ttp(1.5);
112
+ line-height: 24px;
120
113
  &.TimeoutDescriptionMobile {
121
114
  font-size: 12px;
122
- line-height: ttp(1.2);
115
+ line-height: 18px;
123
116
  }
124
117
  }
125
118
 
@@ -131,17 +124,15 @@
131
124
 
132
125
  .TimeoutSelect {
133
126
  width: 50%;
134
- height: ttp(2.75);
127
+ height: 44px;
135
128
  border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
136
129
  background: var(--emfe-w-color-white, #FFFFFF);
137
- border-radius: ttp(0.3125);
138
- padding: ttp(0.3125);
139
- font-size: ttp(0.875);
130
+ border-radius: 5px;
140
131
  box-sizing: border-box;
141
- padding: ttp(0.3125) ttp(0.625);
142
- font-size: ttp(1);
143
- line-height: ttp(1.125);
144
- margin-bottom: ttp(1);
132
+ padding: 5px 10px;
133
+ font-size: 16px;
134
+ line-height: 18px;
135
+ margin-bottom: 16px;
145
136
  -webkit-appearance: none;
146
137
  -moz-appearance: none;
147
138
  appearance: none;
@@ -161,10 +152,10 @@
161
152
 
162
153
  .TimeoutActionButtons {
163
154
  display: grid;
164
- grid-column-gap: ttp(0.625);
155
+ grid-column-gap: 10px;
165
156
  grid-template-rows: auto;
166
157
  grid-template-columns:1fr;
167
- margin-top: ttp(1.25);
158
+ margin-top: 20px;
168
159
  width: 50%;
169
160
 
170
161
  .TimeoutSave {
@@ -172,13 +163,13 @@
172
163
  border: 1px solid var(--emfe-w-color-primary, #D0046C);
173
164
  color: var(--emfe-w-color-white, #FFFFFF);
174
165
  cursor: pointer;
175
- border-radius: ttp(0.3125);
166
+ border-radius: 5px;
176
167
  width: 100%;
177
- height: ttp(3.125);
168
+ height: 50px;
178
169
  display: flex;
179
170
  align-items: center;
180
171
  justify-content: center;
181
- font-size: ttp(1);
172
+ font-size: 16px;
182
173
  text-transform: uppercase;
183
174
  transition-duration: 0.3s;
184
175
  box-sizing: border-box;