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 a { 21 &:hover, 22 &:focus, 23 &:active { 24 svg path { 25 fill: @ini_nav_menu_hover_bg; 26 } 27 } 28 } 29} 30 31 32/* + + + + + slideout output + + + + + */ 33.qc-output { 34 min-width: 100%; 35 width: auto; 36 font-size: 90%; 37 box-shadow: @box-shadow-bottom; 38 border-bottom: solid 1px @ini_border_light; 39 margin-bottom: 0; 40 41 h2 { 42 font-size: 1.3rem; 43 } 44 h3 { 45 font-size: 1.1rem; 46 } 47 h4, h5, h6 { 48 font-size: 1rem; 49 } 50 51 52 @media @screen_min-xxs { 53 margin-top: -(@margin-default + 1); 54 margin-right: -(@margin-default); 55 margin-left: -(@margin-default); 56 padding-left: @margin-default; 57 padding-right: @margin-default; 58 } 59 60 @media @screen_max-md { 61 margin-top: -(@page_padding-top + 2); 62 margin-right: -(@margin-default * 1.6); 63 margin-left: -(@margin-default); 64 padding-top: @margin-default; 65 } 66 67 @media @screen_max-xxs { 68 margin-left: -(@margin-small); 69 padding-left: @margin-small; 70 padding-right: @margin-default; 71 } 72 73 div, 74 p { 75 margin-left: 0; 76 } 77 78 dl { 79 dt, 80 dd { 81 padding-bottom: @small-spacing; 82 83 @media @screen_max-xxs { 84 float: none; 85 display: inline-block; 86 width: 49%; 87 max-width: 10em; 88 vertical-align: top; 89 margin-left: 0; 90 } 91 } 92 } 93 94 .qc_icon { 95 background-color: #fff; 96 border-radius: @fix_border-radius; 97 vertical-align: top; 98 padding: .1rem; 99 } 100} 101