Advertisement
Guest User

Untitled

a guest
Apr 25th, 2015
201
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.00 KB | None | 0 0
  1. /* Buttons
  2. ============================================================
  3. ========================================================= */
  4.  
  5. // button:disabled {
  6. // background: $gray;
  7. // }
  8.  
  9. %button {
  10. color: #fff;
  11. // font-weight: 600;
  12. text-shadow: 1px 1px #333;
  13. background: lighten($button, 10%);
  14. border: 1px solid lighten($button, 20%);
  15. cursor: pointer;
  16. @include rounded(5px);
  17.  
  18. &:hover {
  19. border: 1px solid lighten($buttonHover, 10%);
  20. background: $buttonHover;
  21. }
  22.  
  23. &:active {
  24. text-shadow: 1px 1px #666;
  25. border: 1px solid darken(#6e6f72, 10%);
  26. background: lighten($button, 20%);
  27. }
  28. }
  29.  
  30. %twitter-background {
  31. color: #fff;
  32. background: $twitter;
  33. }
  34.  
  35. %facebook-background {
  36. color: #fff;
  37. background: $facebook;
  38. }
  39.  
  40. .btn {
  41.  
  42. // .btn--twitter
  43. &--twitter {
  44. @extend %button;
  45. @extend %twitter-background;
  46. }
  47.  
  48. // .btn--facebook
  49. &--facebook {
  50. @extend %button;
  51. @extend %facebook-background;
  52. }
  53. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement