vertical-layoutpackage.theme.material.vaadin-vertical-layout-styles.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of vaadin-webcomponents Show documentation

Mvnpm composite: Vaadin webcomponents

There is a newer version: 24.5.3

import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';

const verticalLayout = css`
  [theme~='margin'] {
    margin: 16px;
  }

  [theme~='padding'] {
    padding: 16px;
  }

  :host([theme~='spacing-xs']) {
    gap: 4px;
  }

  :host([theme~='spacing-s']) {
    gap: 8px;
  }

  :host([theme~='spacing']) {
    gap: 16px;
  }

  :host([theme~='spacing-l']) {
    gap: 24px;
  }

  :host([theme~='spacing-xl']) {
    gap: 40px;
  }
`;

registerStyles('vaadin-vertical-layout', verticalLayout, { moduleId: 'material-vertical-layout' });