utils/test/reporting/3rd_party/sass/components/_image.scss

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