buttons.styl 616 B

12345678910111213141516171819202122232425262728
  1. .btn {
  2. background: var(--btn-default-bg);
  3. border: 2px solid var(--btn-default-border-color);
  4. border-radius: $btn-default-radius;
  5. color: var(--btn-default-color);
  6. display: inline-block;
  7. font-size: $font-size-small;
  8. line-height: 2;
  9. padding: 0 20px;
  10. text-decoration: none;
  11. transition-property: background-color;
  12. the-transition();
  13. &:hover {
  14. background: var(--btn-default-hover-bg);
  15. border-color: var(--btn-default-hover-border-color);
  16. color: var(--btn-default-hover-color);
  17. }
  18. + .btn {
  19. margin: 0 0 8px 8px;
  20. }
  21. .fa-fw {
  22. text-align: left;
  23. width: (18em / 14);
  24. }
  25. }