@everymatrix/player-account-gaming-limits 0.0.258 → 0.0.261

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-gaming-limits",
3
- "version": "0.0.258",
3
+ "version": "0.0.261",
4
4
  "main": "dist/player-account-gaming-limits.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": "a93c0ae8104c039af7d54949a0889c11bca83acb"
40
40
  }
@@ -111,13 +111,6 @@
111
111
  {/if}
112
112
 
113
113
  <style lang="scss">
114
- //This function does a multiplication
115
- // in order to work with px the
116
- // same way as working with em
117
- @function ttp($value) {
118
- $multiplicator: 16px;
119
- @return $value * $multiplicator;
120
- }
121
114
 
122
115
  :host {
123
116
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
@@ -125,16 +118,16 @@
125
118
 
126
119
  .PlayerAccountGamingLimitsWrapper {
127
120
  color: var(--emfe-w-color-primary, #D0046C);
128
- padding: ttp(3.125);
129
- max-width: ttp(47.5);
121
+ padding: 50px;
122
+ max-width: 760px;
130
123
  .PlayerAccountGamingLimitsHeader {
131
124
  h3 {
132
- font-size: ttp(1.5);
125
+ font-size: 24px;
133
126
  font-weight: 400;
134
127
  text-transform: capitalize;
135
128
  }
136
129
  .PlayerAccountGamingLimitsMobileTitle {
137
- font-size: ttp(1);
130
+ font-size: 16px;
138
131
  font-weight: 400;
139
132
  }
140
133
  }
@@ -166,28 +159,28 @@
166
159
  }
167
160
  }
168
161
  .PlayerAccountMobileGamingLimitsWrapper {
169
- padding: ttp(1.25) ttp(0.9375);
162
+ padding: 20px 15px;
170
163
  background: var(--emfe-w-color-white, #FFFFFF);
171
164
  max-width: unset;
172
165
  }
173
166
  .PlayerAccountTabletGamingLimitsWrapper {
174
- padding: ttp(2.5) 25% ttp(2.5) 25%;
167
+ padding: 40px 25% 40px 25%;
175
168
  }
176
169
  .PlayerAccountGamingLimitsContainer {
177
170
  width: 100%;
178
171
  display: grid;
179
- grid-template-columns: repeat(auto-fill, minmax(ttp(18.75), 1fr));
180
- row-gap: ttp(1.875);
181
- column-gap: ttp(1.875);
172
+ grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
173
+ row-gap: 30px;
174
+ column-gap: 30px;
182
175
  }
183
176
  .PlayerAccountSuccessfulRemoveContainer {
184
177
  background: var(--emfe-w-color-primary-50, #FBECF4);
185
178
  border: 1px solid var(--emfe-w-color-primary-100, #F1BED9);
186
- font-size: ttp(1);
179
+ font-size: 16px;
187
180
  font-weight: 300;
188
181
  color: var(--emfe-w-color-contrast, #07072A);
189
- border-radius: ttp(0.3125);
190
- padding: ttp(0.625);
182
+ border-radius: 5px;
183
+ padding: 10px;
191
184
  margin-bottom: 20px;
192
185
  p {
193
186
  margin: 0;