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