How to use the @buffetjs/styles.sizes.button function in @buffetjs/styles

To help you get started, we’ve selected a few @buffetjs/styles examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github strapi / buffet / docs / stories / ui / Global.js View on Github external
padding-top: 12px;
  section {
    font-size: 13px;
    padding-bottom: ${sizes.margin * 0.9}px;
  }
  section div {
    &.row {
      margin-bottom: ${sizes.margin * 2}px;
    }
    &.btn-wrapper {
      display: inline-block;
      align-self: flex-end;
      width: fit-content;
      margin-bottom: ${sizes.margin * 1.8}px;
      padding-right: ${sizes.margin * 2}px;
      height: ${sizes.button.height.large};
      button {
        outline: 0;
      }
    }
  }
  pre {
    background-color: #f6f8fa;
    border-radius: 3px;
    font-size: 85%;
    line-height: 1.45;
    overflow: auto;
    padding: 16px;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  }
}
`;

@buffetjs/styles

Buffetjs Styles - The styling solution of Buffetjs

MIT
Latest version published 3 years ago

Package Health Score

56 / 100
Full package analysis