@everymatrix/casino-games-category-section 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/casino-games-category-section",
3
- "version": "0.0.258",
3
+ "version": "0.0.259",
4
4
  "main": "dist/casino-games-category-section.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
  }
@@ -714,13 +714,6 @@
714
714
 
715
715
 
716
716
  <style lang="scss">
717
- //This function does a multiplication
718
- // in order to work with px the
719
- // same way as working with em
720
- @function ttp($value) {
721
- $multiplicator: 16px;
722
- @return $value * $multiplicator;
723
- }
724
717
 
725
718
  :host {
726
719
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
@@ -732,8 +725,8 @@
732
725
  box-sizing: border-box;
733
726
  }
734
727
 
735
- $grid-gap: ttp(1);
736
- $grid-cell-size: ttp(12);
728
+ $grid-gap: 16px;
729
+ $grid-cell-size: 192px;
737
730
 
738
731
  .CategoryName,
739
732
  .StatusText {
@@ -752,11 +745,11 @@
752
745
  text-align: center;
753
746
  width: 100%;
754
747
  padding-left: 5px;
755
- font-size: ttp(1);
748
+ font-size: 16px;
756
749
  }
757
750
 
758
751
  .NoRecentSearches {
759
- padding-bottom: ttp(1.875);
752
+ padding-bottom: 30px;
760
753
  }
761
754
 
762
755
  .NoRecentSearchesCenter {
@@ -765,7 +758,7 @@
765
758
 
766
759
  .NoFavoriteGames {
767
760
  color: var(--emfe-w-color-white, #FFFFFF);
768
- font-size: ttp(1);
761
+ font-size: 16px;
769
762
  display: flex;
770
763
  flex-direction: column;
771
764
  align-items: center;
@@ -793,7 +786,7 @@
793
786
  .SearchWaiting {
794
787
  grid-column: 1/-1;
795
788
  color: var(--emfe-w-color-white, #FFFFFF);
796
- font-size: ttp(.8);
789
+ font-size: 13px;
797
790
  text-align: center;
798
791
  }
799
792
 
@@ -802,8 +795,8 @@
802
795
  display: flex;
803
796
  align-items: center;
804
797
  justify-content: space-between;
805
- padding: ttp(0.5) ttp(0.3125) 0;
806
- margin-bottom: ttp(1);
798
+ padding: 8px 5px 0;
799
+ margin-bottom: 16px;
807
800
  .CategoryNameLink {
808
801
  display: block;
809
802
  cursor: pointer;
@@ -820,8 +813,8 @@
820
813
 
821
814
  .CasinoGamesContainer {
822
815
  width: 100%;
823
- margin-top: ttp(1.5);
824
- padding-bottom: ttp(1);
816
+ margin-top: 24px;
817
+ padding-bottom: 16px;
825
818
  }
826
819
 
827
820
  .CasinoGamesGrid {