_artwork.scss 1013 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. .artwork {
  2. .iconset {
  3. padding: 100px 0;
  4. .images {
  5. background-color: rgb(223, 223, 223);
  6. border: 3px dashed white;
  7. padding: 20px;
  8. img {
  9. max-width: 100%;
  10. }
  11. }
  12. }
  13. .button {
  14. display: block;
  15. background: url("{{ site.baseurl }}/static/img/sprite.png") no-repeat;
  16. background-color: #4cc2e4;
  17. background-position: 100% -171px;
  18. width: 310px;
  19. padding: 16px;
  20. color: #fff;
  21. font-size: 24px;
  22. text-decoration: none;
  23. -webkit-transition: background 0.1s linear;
  24. -moz-transition: background 0.1s linear;
  25. transition: background 0.1s linear;
  26. label {
  27. display: block;
  28. font-size: 0.5em;
  29. height: 16px;
  30. }
  31. }
  32. .button:hover {
  33. background-color: #4cd6fc;
  34. color: #fff;
  35. text-decoration: none;
  36. }
  37. .button a:hover {
  38. color: #4cc2e4;
  39. }
  40. }