@ptcwebops/ptcw-design 3.0.2 → 3.0.3

package/dist/collection/components/ptc-pricing-table/ptc-pricing-table.css

@@ -1,278 +0,0 @@
-:host {
-  display: block;
-  position: relative;
-}
-:host #vertical-scroll-content-clipper {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  margin: auto;
-  background-color: white;
-  z-index: 25;
-  display: none;
-}
-:host .last-column-tooltip .tooltip {
-  right: -48px;
-}
-:host #sticky-header-container {
-  position: fixed;
-  z-index: 20;
-  background-color: white;
-  overflow-x: scroll;
-  overflow-y: visible;
-  -ms-overflow-style: none;
-  /* IE and Edge */
-  scrollbar-width: none;
-  /* Firefox */
-  visibility: hidden;
-  border-top-left-radius: var(--ptc-border-radius-standard);
-  border-top-right-radius: var(--ptc-border-radius-standard);
-  box-shadow: var(--ptc-shadow-x-large);
-}
-:host #sticky-header-container::-webkit-scrollbar {
-  display: none;
-}
-:host #sticky-header-container th {
-  background: var(--color-gray-10);
-  color: white;
-  padding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);
-  min-width: 168px;
-  max-width: 180px;
-  vertical-align: middle;
-}
-:host #sticky-header-container th:not(:last-child) {
-  border-right: 1px solid var(--color-gray-07);
-}
-:host #sticky-header-container th.desktop-header-first-cell {
-  display: none;
-}
-:host #sticky-header-container th.border-box-header-cell {
-  box-sizing: border-box;
-}
-:host #sticky-header-container th.table-filler-header-cell {
-  width: 99%;
-  box-sizing: content-box;
-}
-:host .scroll-buttons-container {
-  position: absolute;
-  top: 0;
-  right: 0;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-}
-:host .scroll-buttons-container .scroll-buttons {
-  z-index: 15;
-  position: absolute;
-  display: inline-block;
-  width: 36px;
-  width: fit-content;
-  height: 36px;
-  background-color: white;
-  box-shadow: var(--ptc-shadow-x-medium);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-:host .scroll-buttons-container .scroll-buttons icon-asset {
-  z-index: 15;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 36px;
-  height: 100%;
-}
-:host .scroll-buttons-container .scroll-buttons.prev-button {
-  z-index: 15;
-  left: 0;
-  border-radius: 0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px;
-}
-:host .scroll-buttons-container .scroll-buttons.prev-button ptc-para {
-  z-index: 15;
-  margin-right: var(--ptc-element-spacing-04);
-  display: none;
-}
-:host .scroll-buttons-container .scroll-buttons.next-button {
-  z-index: 15;
-  right: 0;
-  border-radius: var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01);
-}
-:host .scroll-buttons-container .scroll-buttons.next-button ptc-para {
-  z-index: 15;
-  margin-left: var(--ptc-element-spacing-04);
-  display: none;
-}
-:host #table-container {
-  border-radius: var(--ptc-border-radius-standard);
-  box-shadow: var(--ptc-shadow-x-small);
-  overflow-x: scroll;
-  position: relative;
-}
-:host #table-container #horizontal-scroll-box-shadow {
-  display: none;
-}
-:host #table-container table {
-  border-spacing: 0;
-}
-:host #table-container th {
-  background: var(--color-gray-10);
-  color: white;
-  padding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);
-}
-:host #table-container th:not(:last-child) {
-  border-right: 1px solid var(--color-gray-07);
-}
-:host #table-container th.desktop-header-first-cell {
-  display: none;
-}
-:host #table-container th.table-filler-header-cell {
-  width: 99%;
-  display: none;
-}
-:host #table-container tbody.mobile-table-body {
-  display: contents;
-  width: 100%;
-}
-:host #table-container tbody.desktop-table-body {
-  display: none;
-}
-:host #table-container tr {
-  background-color: white;
-  width: 100%;
-  overflow-x: scroll;
-}
-:host #table-container tr:nth-child(odd) {
-  background-color: var(--color-gray-01);
-}
-:host #table-container tr:nth-child(even) {
-  background-color: white;
-}
-:host #table-container tr.table-button-row {
-  background-color: white;
-}
-:host #table-container tr.table-button-row td {
-  border-top: 1px solid var(--color-gray-02);
-}
-:host #table-container tr.table-button-row td ptc-tooltip .text-ellipsis {
-  font-size: var(--ptc-font-size-x-small);
-}
-:host #table-container td {
-  text-align: center;
-  min-width: 168px;
-  max-width: 180px;
-  padding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);
-}
-:host #table-container td:not(:last-child) {
-  border-right: 1px solid var(--color-gray-02);
-}
-:host #table-container td.table-filler-body-cell {
-  width: 99%;
-  display: none;
-}
-@media only screen and (min-width: 768px) {
-  :host .table-descriptor {
-    width: 768px;
-    margin: auto;
-  }
-}
-@media only screen and (min-width: 992px) {
-  :host #sticky-header-container {
-    box-shadow: none;
-  }
-  :host #sticky-header-container th {
-    max-width: 275px;
-  }
-  :host #sticky-header-container th.desktop-header-first-cell {
-    display: table-cell;
-    min-width: 275px;
-    box-sizing: content-box;
-  }
-  :host #sticky-header-container th:first-of-type {
-    position: -webkit-sticky;
-    position: sticky;
-    left: 0;
-    z-index: 5;
-  }
-  :host #sticky-header-container th.table-filler-header-cell {
-    width: 99%;
-    display: none;
-    max-width: fit-content;
-    box-sizing: border-box;
-  }
-  :host #table-container #horizontal-scroll-box-shadow {
-    display: block;
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: var(--ptc-element-spacing-06);
-    background: linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
-    z-index: 10;
-    visibility: hidden;
-  }
-  :host #table-container th {
-    max-width: 275px;
-  }
-  :host #table-container th.desktop-header-first-cell {
-    display: table-cell;
-    min-width: 275px;
-  }
-  :host #table-container th:first-of-type {
-    position: -webkit-sticky;
-    position: sticky;
-    left: 0;
-    z-index: 5;
-  }
-  :host #table-container th.table-filler-header-cell {
-    width: 99%;
-    display: none;
-  }
-  :host #table-container tbody.mobile-table-body {
-    display: none;
-  }
-  :host #table-container tbody.desktop-table-body {
-    display: contents;
-    width: 100%;
-  }
-  :host #table-container tr:nth-child(odd) {
-    background-color: white;
-  }
-  :host #table-container tr:nth-child(even) {
-    background-color: var(--color-gray-01);
-  }
-  :host #table-container tr.table-button-row {
-    background-color: white;
-  }
-  :host #table-container tr.table-button-row td {
-    border-top: 1px solid var(--color-gray-02);
-  }
-  :host #table-container td {
-    max-width: 275px;
-  }
-  :host #table-container td:first-of-type {
-    position: -webkit-sticky;
-    position: sticky;
-    left: 0;
-    z-index: 5;
-    background: inherit;
-    min-width: 275px;
-  }
-  :host #table-container td:not(:first-child) {
-    text-align: center;
-  }
-  :host #table-container td.first-column-cell.scroll-shadow {
-    box-shadow: var(--ptc-shadow-x-large);
-  }
-  :host #table-container td.first-column-cell.no-shadow {
-    box-shadow: none;
-  }
-  :host #table-container td.table-filler-body-cell {
-    width: 99%;
-    display: none;
-  }
-  :host #table-container td.table-filler-button-cell {
-    width: 99%;
-    display: none;
-  }
-}