Guest User

Untitled

a guest
Jan 21st, 2019
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.05 KB | None | 0 0
  1. .buttons-case
  2. grid-gap: $gutter
  3. grid-template-columns: repeat(2, 1fr)
  4. justify-self: center
  5.  
  6. .button
  7. border: none
  8. color: #fff
  9. text-decoration: none
  10. background-color: $accent
  11. padding: 15px 45px
  12. font-size: 13px
  13. text-transform: uppercase
  14. font-weight: 600
  15. letter-spacing: 3px
  16. border-radius: 2px
  17. text-align: center
  18. position: relative
  19. outline: none
  20. transition: background-color .1s ease
  21. cursor: pointer
  22. &::after
  23. transition: background-color .2s ease
  24. position: absolute
  25. content: ''
  26. height: 4px
  27. bottom: 0
  28. width: 100%
  29. background-color: darken($accent, 50%)
  30. opacity: .18
  31. border-bottom-left-radius: 2px
  32. border-bottom-right-radius: 2px
  33. left: 0
  34. &:focus, &:hover
  35. text-decoration: none
  36. color: #fff
  37. &:hover
  38. background-color: lighten($accent, 5%)
  39. &::after
  40. opacity: .22
  41. &:active
  42. background-color: darken($accent, 5%)
  43. &::after
  44. opacity: .32
  45. .button-gray
  46. background-color: $gray
  47. &::after
  48. background-color: darken($gray, 50%)
  49. background-color: darken($accent, 50%)
Add Comment
Please, Sign In to add comment