@clubmed/trident-ui 1.0.0-alpha.35 → 1.0.0-alpha.37

package/styles/globals.css

@@ -102,327 +102,4 @@
     @apply justify-between;
     @apply uppercase;
   }
-
-  /* SCROLLVIEWS */
-  .NativeScroller {
-    --arrows-margin: calc(12.5vw - 20px - 50px);
-  }
-
-  .scrollbar-hide::-webkit-scrollbar {
-    display: none;
-  }
-
-  .scrollbar-hide {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-  }
-
-  .h-scroll-yellow {
-    overflow-y: hidden;
-    overflow-x: scroll;
-    scroll-behavior: smooth;
-    -ms-scroll-snap-type: x mandatory;
-    scroll-snap-type: x mandatory;
-    scrollbar-width: thin;
-    scrollbar-color: black #d8cdc1;
-    padding-bottom: 44px;
-    --scrollbar-margin: calc(12.5vw - 20px - 50px);
-  }
-
-  .h-scroll-yellow::-webkit-scrollbar {
-    height: 4px;
-  }
-
-  .h-scroll-yellow::-webkit-scrollbar-thumb {
-    @apply bg-saffron;
-    @apply rounded-pill;
-  }
-
-  .h-scroll-yellow::-webkit-scrollbar-track {
-    @apply rounded-pill;
-    background: transparent;
-    max-width: 1120px;
-    margin: 0 max(var(--scrollbar-margin), 20px);
-  }
-
-  .h-scroll-yellow::-webkit-scrollbar-track-piece {
-    @apply bg-pearl;
-    @apply rounded-pill;
-  }
-
-  .children-no-shrink > * {
-    @apply shrink-0;
-  }
-
-  /* CONTENT SLIDER */
-  .ContentSlider-item {
-    will-change: transform, filter;
-    transform: scale(var(--scale));
-    filter: contrast(calc(var(--opacity) / (2 - var(--opacity))))
-      brightness(calc(2 - var(--opacity)));
-    /* yeah we don't actually *want* to make the element transparent, we just want to make it look like it is, and this is the formula */
-  }
-
-  .force-white {
-    filter: brightness(0) saturate(100%) invert(100%);
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 2) {
-    grid-column-start: calc(2 + var(--groupOffset));
-    grid-row-start: 1;
-    grid-column-end: calc(3 + var(--groupOffset));
-    grid-row-end: 2;
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 2) [data-name='Frame'] {
-    @apply aspect-horizontal;
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 3) {
-    grid-column-start: calc(2 + var(--groupOffset));
-    grid-row-start: 2;
-    grid-column-end: calc(3 + var(--groupOffset));
-    grid-row-end: 3;
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 3) [data-name='Frame'] {
-    @apply aspect-square;
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 4) {
-    grid-column-start: calc(3 + var(--groupOffset));
-    grid-row-start: 1;
-    grid-column-end: calc(4 + var(--groupOffset));
-    grid-row-end: 3;
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 4) [data-name='Frame'] {
-    @apply aspect-square;
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 5) {
-    grid-column-start: calc(4 + var(--groupOffset));
-    grid-row-start: 1;
-    grid-column-end: calc(5 + var(--groupOffset));
-    grid-row-end: 3;
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 5) [data-name='Frame'] {
-    @apply aspect-vertical;
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 6) {
-    grid-column-start: calc(5 + var(--groupOffset));
-    grid-row-start: 1;
-    grid-column-end: calc(6 + var(--groupOffset));
-    grid-row-end: 3;
-    transform: translateY(calc(-50% - 10px));
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 6) [data-name='Frame'] {
-    @apply aspect-horizontal;
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 7) {
-    grid-column-start: calc(5 + var(--groupOffset));
-    grid-row-start: 1;
-    grid-column-end: calc(6 + var(--groupOffset));
-    grid-row-end: 3;
-    transform: translateY(calc(50% + 10px));
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 7) [data-name='Frame'] {
-    @apply aspect-horizontal;
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 8) {
-    grid-column-start: calc(6 + var(--groupOffset));
-    grid-row-start: 1;
-    grid-column-end: calc(7 + var(--groupOffset));
-    grid-row-end: 3;
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 8) [data-name='Frame'] {
-    @apply aspect-square;
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 9) {
-    grid-column-start: calc(7 + var(--groupOffset));
-    grid-row-start: 1;
-    grid-column-end: calc(8 + var(--groupOffset));
-    grid-row-end: 3;
-  }
-
-  .ProductInformationTabs-layout > *:nth-child(8n + 9) [data-name='Frame'] {
-    @apply aspect-vertical;
-  }
-
-  .ProductInformationTabs-layout[data-children-count='2'] > *:nth-child(2) {
-    grid-column-start: 2;
-    grid-row-start: 1;
-    grid-column-end: 3;
-    grid-row-end: 2;
-  }
-
-  .ProductInformationTabs-layout[data-children-count='2'] > *:nth-child(2) [data-name='Frame'] {
-    @apply aspect-vertical;
-  }
-
-  .ProductInformationTabs-layout[data-children-count='3'] > *:nth-child(2) {
-    grid-column-start: 2;
-    grid-row-start: 1;
-    grid-column-end: 3;
-    grid-row-end: 2;
-  }
-
-  .ProductInformationTabs-layout[data-children-count='3'] > *:nth-child(2) [data-name='Frame'] {
-    @apply aspect-square;
-  }
-
-  .ProductInformationTabs-layout[data-children-count='3'] > *:nth-child(3) {
-    grid-column-start: 2;
-    grid-row-start: 2;
-    grid-column-end: 3;
-    grid-row-end: 3;
-  }
-
-  .ProductInformationTabs-layout[data-children-count='3'] > *:nth-child(3) [data-name='Frame'] {
-    @apply aspect-horizontal;
-  }
-
-  .ProductInformationTabs-layout[data-children-count='4'] > *:nth-child(2) {
-    grid-column-start: 2;
-    grid-row-start: 1;
-    grid-column-end: 3;
-    grid-row-end: 2;
-  }
-
-  .ProductInformationTabs-layout[data-children-count='4'] > *:nth-child(2) [data-name='Frame'] {
-    @apply aspect-horizontal;
-  }
-
-  .ProductInformationTabs-layout[data-children-count='4'] > *:nth-child(3) {
-    grid-column-start: 2;
-    grid-row-start: 2;
-    grid-column-end: 3;
-    grid-row-end: 3;
-  }
-
-  .ProductInformationTabs-layout[data-children-count='4'] > *:nth-child(3) [data-name='Frame'] {
-    @apply aspect-square;
-  }
-
-  .ProductInformationTabs-layout[data-children-count='4'] > *:nth-child(4) {
-    grid-column-start: 3;
-    grid-row-start: 1;
-    grid-column-end: 4;
-    grid-row-end: 3;
-  }
-
-  .ProductInformationTabs-layout[data-children-count='4'] > *:nth-child(4) [data-name='Frame'] {
-    @apply aspect-vertical;
-  }
-
-  /* TABS */
-  .Tabs-focusIndicator {
-    transform: translateX(
-      calc(
-        var(--index) * -100% + var(--activeIndex) * 100% -
-          (4px * (var(--index) - var(--activeIndex)))
-      )
-    );
-  }
-
-  html[dir='rtl'] .Tabs-focusIndicator {
-    transform: translateX(
-      calc(
-        var(--index) * 100% + var(--activeIndex) * -100% +
-          (4px * (var(--index) - var(--activeIndex)))
-      )
-    );
-  }
-
-  .ProductDestinations-focusIndicator {
-    transform: translateX(calc(var(--index) * -100% + var(--activeIndex) * 100%));
-  }
-
-  html[dir='rtl'] .ProductDestinations-focusIndicator {
-    transform: translateX(calc(var(--index) * 100% + var(--activeIndex) * -100%));
-  }
-
-  .ProductDestinations-layout > *:nth-child(4n + 2) {
-    grid-column-start: calc(2 + var(--groupOffset));
-    grid-row-start: 1;
-    grid-column-end: calc(3 + var(--groupOffset));
-    grid-row-end: 2;
-  }
-
-  .ProductDestinations-layout > *:nth-child(4n + 2) [data-name='Frame'] {
-    @apply aspect-horizontal;
-  }
-
-  .ProductDestinations-layout > *:nth-child(4n + 3) {
-    grid-column-start: calc(2 + var(--groupOffset));
-    grid-row-start: 2;
-    grid-column-end: calc(3 + var(--groupOffset));
-    grid-row-end: 3;
-  }
-
-  .ProductDestinations-layout > *:nth-child(4n + 3) [data-name='Frame'] {
-    @apply aspect-square;
-  }
-
-  .ProductDestinations-layout > *:nth-child(4n + 4) {
-    grid-column-start: calc(3 + var(--groupOffset));
-    grid-row-start: 1;
-    grid-column-end: calc(4 + var(--groupOffset));
-    grid-row-end: 3;
-    transform: translateY(calc(-50% - 10px));
-  }
-
-  .ProductDestinations-layout > *:nth-child(4n + 4) [data-name='Frame'] {
-    @apply aspect-horizontal;
-  }
-
-  .ProductDestinations-layout > *:nth-child(4n + 5) {
-    grid-column-start: calc(3 + var(--groupOffset));
-    grid-row-start: 1;
-    grid-column-end: calc(4 + var(--groupOffset));
-    grid-row-end: 3;
-    transform: translateY(calc(50% + 10px));
-  }
-
-  .ProductDestinations-layout > *:nth-child(4n + 5) [data-name='Frame'] {
-    @apply aspect-horizontal;
-  }
-
-  .tick {
-    -webkit-animation: tick 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal forwards;
-    animation: tick 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal forwards;
-    transform-style: preserve-3d;
-  }
-
-  .tock {
-    -webkit-animation: tock 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal forwards;
-    animation: tock 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal forwards;
-    transform-style: preserve-3d;
-  }
-
-  @keyframes tick {
-    0% {
-      transform: rotateX(0deg);
-    }
-    100% {
-      transform: rotateX(-180deg);
-    }
-  }
-
-  @keyframes tock {
-    0% {
-      transform: rotateX(180deg);
-    }
-    100% {
-      transform: rotateX(0deg);
-    }
-  }
 }