Contents

.btn {
  display: inline-flex;
  margin: .25em 0;
  padding: .5rem 1rem;
  text-decoration: none;
  text-align: center;
  margin: 2px;
  background: rgba(var(--rgb-primary), 0.06);
  color: rgba(var(--rgb-primary), 0.6);
  border-radius: 5px;
  border: 0;

  @include properties($body-md);

  &:hover, &:active, &:focus {
    background: rgba(var(--rgb-primary), 0.1);
    color: rgba(var(--rgb-primary), 0.6);
    outline: none;
  }

  &.active {
    font-weight: 600;
  }

  &.disabled, &:disabled {
    opacity: 0.5;
  }

  .icon {
    margin: 0 4px 0 0;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    top: 2px;
    position: relative;
  }

  &.btn-nav{
    padding: 0;
    margin: 0;
    border-bottom: none;
    background: transparent;
    color: inherit;
    &:hover, &:active, &:focus {
      color: rgb(var(--rgb-primary), 0.75) !important;
    }
  }

}

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
another-theme-1.0.4	_sass/another/_buttons.scss
another-theme-1.0.3	_sass/another/_buttons.scss
another-theme-1.0.2	_sass/another/_buttons.scss
another-theme-1.0.1	_sass/another/_buttons.scss
another-theme-1.0.0	_sass/another/_buttons.scss