just-paja/improtresk-web

View on GitHub
src/components/Button.css

Summary

Maintainability
Test Coverage
:local .buttonSize {
  font-size: 14px;
}

:local .buttonFa {
  margin-right: .5rem;
  font-size: 16px;
}

:local .link {
  background: none;
  border: none;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

:local button.link:global.disabled {
  background: none;
  border-color: transparent;
}

:local button.link:not(:disabled):not(.disabled):hover,
:local button.link:not(:disabled):not(.disabled):active,
:local button.link:not(:disabled):not(.disabled):focus,
:local button.link:not(:disabled):not(.disabled):active:focus {
  background: none;
  border-bottom-color: rgba(200,200,200,.65);
  box-shadow: none;
}

:local .link:global.btn-danger {
  color: #c00;
}

:local button.link:not(:disabled):not(.disabled):hover:global.btn-danger,
:local button.link:not(:disabled):not(.disabled):active:global.btn-danger,
:local button.link:not(:disabled):not(.disabled):focus:global.btn-danger,
:local button.link:not(:disabled):not(.disabled):active:focus:global.btn-danger {
  border-bottom-color: rgba(255,0,0,.5);
  color: red;
}