@ppci/source-map/style.js

Source map

import { css } from 'lit-element';

import { space } from '@ppci/styles';

export default css`
  :host {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .carousel {
    width: 300px;
    max-width: 80%;
    position: absolute;
    bottom: var(--theme-space, 16px);
    left: ${space};
    transform: translateX(0) translateY(calc(100% + var(--theme-space, 16px)));
    transition: transform 300ms ease-in-out;
  }

  .carousel.open {
    transform: translateX(0) translateY(0%);
  }
`;