1/** 2 * This file provides the definitions dealing with flex-boxes. 3 * 4 * @author LarsDW223 5 */ 6 7div.toolslist { 8 text-align: left; 9} 10 11div.toolslist ul { 12 margin: 0; 13 padding: 0; 14} 15 16div.toolslist.horizontal li { 17 float: left; 18} 19 20div.toolslist li a { 21 display: inline-flex; 22 flex-direction: row-reverse; 23 flex-wrap: nowrap; 24 25 svg { 26 height: 1.4em; 27 width: 1.4em; 28 vertical-align: middle; 29 fill: @ini_border; 30 margin-right: 0.2em; 31 } 32} 33 34div.toolslist li a:hover, 35div.toolslist li a:active { 36 svg { 37 fill: @ini_link; 38 } 39} 40 41div.toolslist.flex-center { 42 display: inline-flex; 43 justify-content: center; 44} 45 46div.toolslist.flex-left { 47 display: inline-flex; 48 justify-content: left; 49} 50 51div.toolslist.flex-right { 52 display: inline-flex; 53 justify-content: right; 54} 55