You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

111 lines
2.1 KiB

7 years ago
  1. .btn {
  2. display: inline-block;
  3. margin-bottom: 0;
  4. font-weight: 500;
  5. text-align: center;
  6. vertical-align: middle;
  7. touch-action: manipulation;
  8. cursor: pointer;
  9. background-image: none;
  10. border: 1px solid transparent;
  11. white-space: nowrap;
  12. padding: 3px 7px;
  13. font-size: 13px;
  14. line-height: 1.42857;
  15. border-radius: 5px;
  16. -webkit-user-select: none;
  17. -moz-user-select: none;
  18. -ms-user-select: none;
  19. user-select: none;
  20. &:focus,
  21. &.focus,
  22. &:active:focus,
  23. &:active.focus,
  24. &.active:focus,
  25. &.active.focus {
  26. outline: 5px auto -webkit-focus-ring-color;
  27. outline-offset: -2px;
  28. }
  29. &:hover,
  30. &:focus,
  31. &.focus {
  32. color: #242424;
  33. text-decoration: none;
  34. }
  35. &:active,
  36. &.active {
  37. outline: 0;
  38. background-image: none;
  39. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  40. }
  41. &.disabled,
  42. &[disabled],
  43. fieldset[disabled] & {
  44. cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none;
  45. }
  46. &a.disabled,
  47. fieldset[disabled] &a {
  48. pointer-events: none;
  49. }
  50. &.btn-default,
  51. &.btn-white {
  52. @include button-generator(#fff, hsla(0,0%,100%,.25), transparent, hsla(0,0%,100%,.3), transparent);
  53. }
  54. &.btn-primary {
  55. @include button-generator(#fff, #cc7b19, transparent, #b56d16, transparent);
  56. }
  57. &.btn-warning {
  58. @include button-generator($btn-warning-text, $btn-warning-bg, $btn-warning-border, $btn-warning-hover-bg, $btn-warning-hover-border);
  59. }
  60. &.btn-danger {
  61. @include button-generator($btn-danger-text, $btn-danger-bg, $btn-danger-bg, $btn-danger-hover-bg, $btn-danger-hover-bg);
  62. }
  63. &.btn-lg,
  64. .btn-group-lg > & {
  65. padding: 6px 12px;
  66. font-size: 17px;
  67. line-height: 1.33333;
  68. border-radius: 5px;
  69. }
  70. &.btn-sm,
  71. .btn-group-sm > & {
  72. padding: 2px 4px;
  73. font-size: 12px;
  74. line-height: 1.5;
  75. border-radius: 2px;
  76. }
  77. &.btn-xs,
  78. .btn-group-xs > & {
  79. padding: 1px 5px;
  80. font-size: 12px;
  81. line-height: 1.5;
  82. border-radius: 2px;
  83. }
  84. &.btn-block {
  85. display:block;
  86. width:100%;
  87. + .btn-block {
  88. margin-top: 5px;
  89. }
  90. &input[type="submit"],
  91. &input[type="reset"],
  92. &input[type="button"] {
  93. width: 100%;
  94. }
  95. }
  96. }