1/** 2 * Styles for the QC plugin 3 */ 4 5 6/* + + + + + icon in breadcrumb + + + + + */ 7 8.page-attributes .plugin_qc { 9 .qc_icon { 10 margin: 0; 11 12 svg { 13 margin-top: .1em; 14 width: 1.6em; 15 height: 1.6em; 16 font-size: (@font-size-small - .06); 17 } 18 } 19} 20 21 22/* + + + + + slideout output + + + + + */ 23.qc-output { 24 min-width: 100%; 25 width: auto; 26 font-size: 90%; 27 box-shadow: @box-shadow-bottom; 28 margin-bottom: 0; 29 30 @media @screen_min-xxs { 31 margin-top: -(@margin-default + 1); 32 margin-right: -(@margin-default); 33 margin-left: -(@margin-default); 34 padding-left: @margin-default; 35 padding-right: @margin-default; 36 } 37 38 @media @screen_max-md { 39 margin-top: -(@page_padding-top + 2); 40 margin-right: -(@margin-default * 1.6); 41 margin-left: -(@margin-default); 42 padding-top: @margin-default; 43 } 44 45 @media @screen_max-xxs { 46 margin-left: -(@margin-small); 47 padding-left: @margin-small; 48 padding-right: @margin-default; 49 } 50 51 div, 52 p { 53 margin-left: 0; 54 } 55 56 dl { 57 dt, 58 dd { 59 padding-bottom: @small-spacing; 60 61 @media @screen_max-xxs { 62 float: none; 63 display: inline-block; 64 width: 49%; 65 max-width: 10em; 66 vertical-align: top; 67 margin-left: 0; 68 } 69 } 70 } 71 72 .qc_icon { 73 background-color: #fff; 74 border-radius: @fix_border-radius; 75 vertical-align: top; 76 padding: .1rem; 77 } 78} 79