Sha256: 8ad3241e01914b6d3129c145f6de8f457e26bf7fd1310fa091daf9a9fa8e85c7

Contents?: true

Size: 699 Bytes

Versions: 6

Compression:

Stored size: 699 Bytes

Contents

$circleButtonSizes:
  "md" 48px 16px,
  "lg" 56px 20px;

// @mixin config-sizes($prefix){
//   @each $size in $circleButtonSizes($prefix) {
//     .#{$prefix}-#{nth($size,1)} {
//       text-align: center;
//       border-radius: 100%;
//       height: #{nth($size, 1)};
//       width: #{nth($size, 1)};
//       font-size: #{nth($size, 2)};
//     }
//   }
// }
//
// @include config-sizes("circleButton");

    .circleButton-md {
      text-align: center;
      border-radius: 100%;
      height: 48px;
      width: 48px;
      font-size: 16px;
    }

    .circleButton-lg {
      text-align: center;
      border-radius: 100%;
      height: 56px;
      width: 56px;
      font-size: 20px;
    }

Version data entries

6 entries across 6 versions & 2 rubygems

Version Path
playbook_ui-2.7.2 components/CircleButton/styles.scss
playbook_ui-2.7.1 components/CircleButton/styles.scss
playbook_ui-2.7.0 components/CircleButton/styles.scss
playbook_ui-2.6.0 components/CircleButton/styles.scss
playbook_ui-2.5.0 components/CircleButton/styles.scss
nitro_sg-3.0.2 components/CircleButton/styles.scss