ayovue/themes/base/button.css

A progressive vue components library designed to simplify and accelerate your web development process.

.a-button {
  outline: 0 solid var(--a-c-theme-200);
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.a-button:focus {
    z-index: 1;
  }
.a-button.a-block {
    width: 100%;
  }
.a-button.a-text {
    border-color: transparent;
  }
.a-button.a-rounded {
    border-radius: 10em;
  }
.a-button.a-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 1em;
    aspect-ratio: 1/1;
  }
.a-button.a-icon > svg {
    width: 1em;
    height: 1em;
  }
.a-button.a-flat {
    border-radius: 0;
  }
.a-button:disabled {
    opacity: 0.5;
    cursor: default;
  }
@media (hover: none) {
  .a-button {
    cursor: default;
}
  }