github.com/hspak/nomad@v0.7.2-0.20180309000617-bc4ae22a39a5/ui/app/styles/styleguide.scss (about) 1 #styleguide { 2 .mock-content { 3 display: flex; 4 height: 250px; 5 6 .mock-image, 7 .mock-copy { 8 height: 100%; 9 width: 100%; 10 margin: 1em; 11 } 12 13 .mock-image { 14 background: linear-gradient( 15 to top right, 16 transparent 0%, 17 transparent 49%, 18 $grey-blue 49%, 19 $grey-blue 51%, 20 transparent 51%, 21 transparent 100% 22 ), 23 linear-gradient( 24 to bottom right, 25 transparent 0%, 26 transparent 49%, 27 $grey-blue 49%, 28 $grey-blue 51%, 29 transparent 51%, 30 transparent 100% 31 ); 32 } 33 34 .mock-copy { 35 background: repeating-linear-gradient( 36 to bottom, 37 $grey-blue, 38 $grey-blue 5px, 39 transparent 5px, 40 transparent 14px 41 ); 42 } 43 } 44 }