_image.scss 886 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. ///
  2. /// Hyperspace by HTML5 UP
  3. /// html5up.net | @ajlkn
  4. /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  5. ///
  6. /* Image */
  7. .image {
  8. border-radius: _size(border-radius);
  9. border: 0;
  10. display: inline-block;
  11. position: relative;
  12. img {
  13. border-radius: _size(border-radius);
  14. display: block;
  15. }
  16. &.left,
  17. &.right {
  18. max-width: 40%;
  19. img {
  20. width: 100%;
  21. }
  22. }
  23. &.left {
  24. float: left;
  25. margin: 0 1.5em 1em 0;
  26. top: 0.25em;
  27. }
  28. &.right {
  29. float: right;
  30. margin: 0 0 1em 1.5em;
  31. top: 0.25em;
  32. }
  33. &.fit {
  34. display: block;
  35. margin: 0 0 _size(element-margin) 0;
  36. width: 100%;
  37. img {
  38. width: 100%;
  39. }
  40. }
  41. &.main {
  42. display: block;
  43. margin: 0 0 (_size(element-margin) * 1.5) 0;
  44. width: 100%;
  45. img {
  46. width: 100%;
  47. }
  48. }
  49. }