1/** 2 * This file provides the design styles for the admin tools 3 */ 4 5.do-admin { 6 #admin__version { 7 font-size: @font-size-default; 8 } 9 10 .main-content ul { 11 > li { 12 font-size: @font-size-default; 13 14 div.li { 15 font-size: @font-size-default; 16 17 a { 18 font-size: @font-size-default; 19 line-height: 125%; 20 cursor: pointer; 21 } 22 } 23 } 24 } 25 26 div.ui-admin { 27 ul.admin_tasks, 28 ul.admin_plugins { 29 padding: 0; 30 31 li { 32 background-size: auto 1rem; 33 margin: 0 0 .6em 0; 34 35 a { 36 color: @ini_existing; 37 font-weight: 400; 38 39 * { 40 color: inherit; 41 } 42 43 span.icon { 44 width: 1.6em; 45 min-height: 1.6em; 46 margin-top: -.3rem; 47 margin-bottom: .3rem; 48 49 svg { 50 width: 26px; 51 height: 26px; 52 border: solid 1px @ini_background; 53 border-radius: @ini_default_border_radius; 54 fill: @ini_existing; 55 transition: @transition background-color, @transition border-color, @transition fill; 56 57 path { 58 fill: @ini_existing; 59 transition: @transition fill; 60 } 61 } 62 } 63 64 &:hover, 65 &:focus, 66 &:active { 67 span.icon { 68 svg { 69 background-color: @ini_existing; 70 border-color: @ini_existing; 71 fill: @ini_background; 72 73 path { 74 fill: @ini_background; 75 } 76 } 77 } 78 } 79 } 80 } 81 } 82 } 83} 84 85/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ 86/* 1024px */ 87@media @screen_max-md { 88 .do-admin { 89 div.ui-admin { 90 ul.admin_tasks { 91 width: 50%; 92 padding-top: 1rem; 93 94 li { 95 white-space: normal; 96 97 a { 98 .display-flex(); // for better position with line breaks (white-space) 99 100 span.icon { 101 margin-top: -.3rem; 102 margin-bottom: .3rem; 103 } 104 } 105 } 106 } 107 } 108 } 109} 110 111/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ 112/* 768px */ 113@media @screen_max-xs { 114 .do-admin { 115 div.ui-admin { 116 ul.admin_tasks { 117 width: auto; 118 padding-top: 1rem; 119 } 120 } 121 } 122} 123