openrat-navigation.less (1564B)
1 /* N a v i g a t i o n */ 2 3 4 5 @smartphones: ~"only screen and (max-width: 55rem)"; 6 7 8 9 .or { 10 &-navigation { 11 12 &--is-open { 13 display: flex; 14 flex-direction: row; 15 } 16 17 &-filler { 18 height: 100%; 19 width: 12em; 20 opacity: 0.8; 21 filter: blur(10em); 22 23 @media @smartphones { 24 width: 0; 25 } 26 27 &-icon { 28 opacity: 1; 29 font-size: 3em; 30 position: absolute; 31 right: 20px; 32 top: 20px; 33 } 34 } 35 36 &-content { 37 38 flex: 1; 39 //overflow: auto; 40 //position: absolute; 41 42 //top: 0; 43 //left: 0; 44 //width: 100%; 45 height: 100%; 46 47 //margin-left:10em; 48 49 z-index: 3; 50 51 .or-view { 52 height: 100%; 53 } 54 55 } 56 57 } 58 59 &-navtree { 60 61 &-node { 62 margin: 0; 63 padding: 0.1em 0; 64 65 @media @smartphones { 66 padding: 0.2em 0; 67 } 68 69 line-height: 18px; 70 font-weight: normal; 71 white-space: nowrap; 72 73 &--selected { 74 font-weight: bold; 75 76 & > div > a { 77 font-weight: bold; 78 } 79 } 80 81 &-control { 82 width: 18px; 83 min-width: 18px; 84 height: 18px; 85 float: left; 86 cursor: pointer; 87 } 88 } 89 90 91 &-list { 92 93 list-style-type: none; 94 margin: 0; 95 padding: 0; 96 97 ul { 98 margin-left: 18px; 99 } 100 101 102 } 103 } 104 }