Updated menu items

This commit is contained in:
xdrm-brackets 2018-02-28 13:00:51 +01:00
parent 9cb6b429c4
commit 72e140d5c5
10 changed files with 213 additions and 113 deletions

View File

@ -7,25 +7,19 @@
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
height="32px"
enable-background="new 0 0 30 30"
height="30px"
id="Layer_1"
version="1.1"
viewBox="0 0 32 32"
width="32px"
id="svg11"
viewBox="0 0 30 30"
width="30px"
xml:space="preserve"
sodipodi:docname="fiche.svg"
inkscape:version="0.92.2 5c3e80d, 2017-08-06">
<metadata
id="metadata15">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
id="metadata13"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs11" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
@ -34,34 +28,17 @@
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1015"
id="namedview13"
inkscape:window-width="812"
inkscape:window-height="480"
id="namedview9"
showgrid="false"
inkscape:zoom="7.375"
inkscape:cx="-17.711864"
inkscape:cy="14"
inkscape:zoom="7.8666667"
inkscape:cx="15"
inkscape:cy="15"
inkscape:window-x="0"
inkscape:window-y="29"
inkscape:window-maximized="1"
inkscape:current-layer="svg11" />
<title
id="title2" />
<desc
id="desc4" />
<defs
id="defs6" />
<g
id="Page-1"
transform="matrix(1.1004394,0,0,1.1004394,-1.6572505,-1.6572505)"
style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1">
<g
id="icon-55-document-text"
style="fill:#157efb">
<path
d="M 19,3 H 9.00853 C 7.89925,3 7,3.8983383 7,5.0073299 V 27.99267 C 7,29.101288 7.890925,30 8.997422,30 H 24.002578 C 25.105724,30 26,29.109075 26,28.002578 V 11 H 21.005919 C 19.898081,11 19,10.113294 19,9.0018986 Z m 1,0 V 8.9970707 C 20,9.5509732 20.450975,10 20.990778,10 H 26 Z m -10,7 v 1 h 7 v -1 z m 0,-3 v 1 h 7 V 7 Z m 0,6 v 1 h 13 v -1 z m 0,3 v 1 h 13 v -1 z m 0,3 v 1 h 13 v -1 z m 0,3 v 1 h 13 v -1 z m 0,3 v 1 h 13 v -1 z"
id="fill-edit"
inkscape:connector-curvature="0" />
</g>
</g>
</svg>
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="Layer_1" /><path
inkscape:connector-curvature="0"
id="fill-edit"
d="M 0,0 V 28.667969 H 30.015625 V 0 Z M 2.8847656,2.8867188 H 27.128906 V 25.783203 H 2.8847656 Z M 14.693359,3.3671875 c -0.126825,0.00587 -0.212904,0.024811 -0.216797,0.025391 -0.02922,0.00346 -0.254494,0.02147 -0.501953,0.1132813 -0.254285,0.093345 -0.638411,0.2902809 -0.919921,0.7089844 -0.275431,0.4105138 -0.373082,0.8624201 -0.44336,1.3867187 -0.07145,0.5199936 -0.10449,1.1622768 -0.03516,1.8886719 0.06961,0.7270467 0.23849,1.4961703 0.453125,2.2578125 0.116225,0.4135577 0.360097,0.9067637 0.539062,1.3593747 -0.124674,0.387256 -0.100594,0.614105 -0.248047,1.001953 -0.811007,2.133537 -2.00986,4.172291 -3.09375,5.833984 C 9.6076126,18.178918 8.9767686,18.349 8.4238281,18.617188 a 0.78507853,0.78507853 0 0 0 0,0.002 c -1.300128,0.633746 -2.2463357,1.311179 -2.8652343,1.914062 a 0.78507853,0.78507853 0 0 0 -0.00195,0.002 c -0.6150377,0.601268 -0.9099617,1.185535 -1.0195312,1.671875 -0.1131555,0.488823 -0.1123117,0.936293 0.1191406,1.367188 0.1160628,0.216074 0.3805554,0.464839 0.6640625,0.552734 0.2835071,0.08789 0.5249406,0.06426 0.7617187,0.02344 0.4698185,-0.08052 1.178971,-0.338041 2.0390626,-1.066407 a 0.78507853,0.78507853 0 0 0 0,-0.002 c 0.8555498,-0.728269 1.90404,-1.916204 3.117187,-3.71289 0.02965,-0.04389 0.05609,-0.119449 0.08594,-0.164063 0.619009,-0.221835 1.214261,-0.497822 1.777343,-0.662109 a 0.78507853,0.78507853 0 0 0 0.002,0 c 1.265958,-0.371309 2.241194,-0.568723 3.115234,-0.726563 0.69415,-0.125854 1.259949,-0.195883 1.830078,-0.257812 0.280443,0.299404 0.577624,0.678166 0.833984,0.933594 0.847119,0.844028 1.521046,1.404319 2.158204,1.853515 0.639412,0.45379 1.260701,0.816016 1.892578,1.003906 0.632499,0.188075 1.236796,0.152309 1.728515,-0.0059 h 0.002 c 0.492648,-0.156837 1.028923,-0.480429 1.306641,-1.068359 0.27926,-0.590135 0.254806,-1.263258 -0.02539,-1.884766 v -0.002 c -0.277429,-0.621438 -0.76698,-1.082945 -1.310546,-1.423828 -0.545569,-0.343597 -1.140709,-0.544023 -1.783204,-0.701172 a 0.78507853,0.78507853 0 0 0 -0.0039,0 c -0.641765,-0.153512 -1.373079,-0.276321 -2.128906,-0.337891 -0.662834,-0.05576 -1.341913,-0.04182 -2.027344,0 -0.458509,-0.510303 -0.908866,-0.959651 -1.328125,-1.490234 l -0.002,-0.002 C 16.533137,13.38291 15.857131,12.360517 15.412167,11.525305 l -0.002,-0.002 C 15.30273,11.320658 15.286009,11.175405 15.201172,10.990234 15.728256,9.2036124 16.257,7.3109218 16.369141,6.2539062 v -0.00195 C 16.437195,5.6152818 16.507219,5.2447694 16.488281,4.8339844 16.478799,4.6283109 16.434973,4.3732314 16.279297,4.140625 16.12631,3.9120375 15.904494,3.7749474 15.724609,3.6953125 15.596242,3.6171662 15.446816,3.504955 15.154297,3.4179688 c 0,0 -0.002,0 -0.002,0 -0.16459,-0.04944 -0.33216,-0.056649 -0.458985,-0.050781 z m 0.04297,1.5722656 c 0.007,0.00843 0.08535,0.049224 0.171875,0.09375 -0.0054,0.1485996 -0.03637,0.4604185 -0.09961,1.0527344 a 0.78507853,0.78507853 0 0 0 0,0.00195 C 14.762766,6.5198864 14.427443,7.4892563 14.300781,8.140625 14.251121,7.875652 14.161416,7.5793427 14.138672,7.3417969 14.082081,6.7489429 14.109623,6.2222248 14.166016,5.8125 a 0.78507853,0.78507853 0 0 0 0.002,-0.00195 c 0.05572,-0.4157015 0.150883,-0.6632171 0.189453,-0.7207031 0.03449,-0.051297 0.09649,-0.088673 0.158203,-0.1113282 a 0.78507853,0.78507853 0 0 0 0.0078,-0.00195 c 0.05934,-0.022535 0.01189,-0.00636 0.177734,-0.029297 a 0.78507853,0.78507853 0 0 0 0.0078,-0.00195 c 0.03223,-0.0048 0.01382,-0.00327 0.02734,-0.00586 z m -0.166016,8.1367189 c 0.45422,0.749165 0.907843,1.504827 1.558594,2.330078 a 0.78507853,0.78507853 0 0 0 0.002,0.002 c 0.212041,0.268402 0.439315,0.478063 0.664063,0.744141 -0.289041,0.04582 -0.543783,0.06263 -0.855469,0.11914 -0.897959,0.16216 -1.947255,0.372981 -3.279297,0.763672 -0.07324,0.02137 -0.157644,0.06549 -0.232422,0.08789 0.761585,-1.29696 1.538661,-2.547287 2.142578,-4.046875 z m 5.546876,4.414062 c 0.155146,0.007 0.319437,-0.01291 0.472656,0 a 0.78507853,0.78507853 0 0 0 0.002,0 c 0.668173,0.05443 1.32839,0.166294 1.890625,0.300782 0.558006,0.136662 0.976583,0.287933 1.316406,0.501953 a 0.78507853,0.78507853 0 0 0 0.002,0.002 c 0.339545,0.212792 0.610464,0.510926 0.710938,0.736328 a 0.78507853,0.78507853 0 0 0 0.002,0.0039 c 0.102983,0.227958 0.07751,0.487105 0.03906,0.56836 a 0.78507853,0.78507853 0 0 0 -0.002,0.002 c -0.03798,0.08076 -0.1337,0.170789 -0.365234,0.24414 a 0.78507853,0.78507853 0 0 0 -0.0039,0 c -0.233981,0.07542 -0.451996,0.09789 -0.800782,-0.0059 -0.349344,-0.103878 -0.871888,-0.381873 -1.43164,-0.779297 a 0.78507853,0.78507853 0 0 0 -0.002,-0.002 c -0.526291,-0.371035 -1.10733,-0.864339 -1.830078,-1.572266 z m -12.0332036,3.21875 c -0.3048861,0.330032 -0.7412086,0.97407 -0.9804688,1.177735 -0.5050917,0.427165 -0.7097885,0.450846 -0.9414062,0.523437 0.057454,-0.191804 0.1098768,-0.378201 0.4921875,-0.751953 0.2695888,-0.262612 0.9183916,-0.618869 1.4296875,-0.949219 z" /></svg>

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

View File

@ -1,45 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
enable-background="new 0 0 500 500"
height="500px"
id="Layer_1"
version="1.1"
viewBox="0 0 500 500"
width="500px"
xml:space="preserve"
sodipodi:docname="manage.svg"
inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
id="metadata9"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs7" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1015"
id="namedview5"
showgrid="false"
inkscape:zoom="0.472"
inkscape:cx="-167.37288"
inkscape:cy="250"
inkscape:window-x="0"
inkscape:window-y="29"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1" /><path
d="m 31.949,403.452 c 0,35.164 28.435,63.599 63.599,63.599 17.529,0 33.891,-6.637 45.426,-18.172 l 115.93,-116.018 31.072,31.071 c -4.182,15.265 -0.181,32.345 11.905,44.518 l 45.063,45.063 c 17.985,17.901 46.782,18.08 64.504,0.362 17.719,-17.721 17.539,-46.511 -0.366,-64.504 L 364.019,344.308 C 351.845,332.223 334.765,328.23 319.505,332.41 l -31.072,-30.991 19.983,-19.983 c 42.516,10.722 89.397,-0.459 122.563,-32.888 22.803,-22.35 35.352,-50.698 37.07,-80.04 v -1.543 c 0,-9.91 -8.181,-17.905 -18.26,-17.905 -5.001,0 -9.544,2.006 -12.907,5.181 l -5.353,5.271 -18.356,17.985 c -11.543,11.268 -27.984,17.896 -45.701,17.896 -17.622,0 -33.165,-7.718 -44.701,-19.076 -11.355,-11.533 -19.166,-27.167 -19.166,-44.788 0,-17.717 6.63,-34.159 17.897,-45.702 l 17.985,-18.358 5.269,-5.351 c 3.18,-3.363 5.181,-7.906 5.181,-12.91 0,-10.079 -7.992,-18.26 -17.904,-18.26 h -1.544 c -29.34,1.721 -57.687,14.268 -80.038,37.071 -32.43,33.165 -43.52,80.047 -32.802,122.477 L 197.58,210.565 113.717,126.622 V 103.634 L 59.205,76.376 31.949,103.632 59.205,158.145 h 22.891 l 83.951,83.863 -115.928,116.018 c -11.533,11.535 -18.17,27.897 -18.17,45.426 z m 45.426,-4.543 c 0,-12.536 10.177,-22.711 22.714,-22.711 12.538,0 22.713,10.175 22.713,22.711 0,12.536 -10.175,22.716 -22.713,22.716 -12.536,0 -22.714,-10.18 -22.714,-22.716 z"
id="fill-edit"
style="clip-rule:evenodd;fill:#f2f2f2;fill-rule:evenodd"
inkscape:connector-curvature="0" /></svg>

Before

Width:  |  Height:  |  Size: 2.8 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

@ -0,0 +1,42 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
enable-background="new 0 0 24 24"
id="Layer_1"
version="1.0"
viewBox="0 0 24 24"
xml:space="preserve"
sodipodi:docname="teacher.svg"
inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
id="metadata13"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs11" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1044"
id="namedview9"
showgrid="false"
inkscape:zoom="9.8333333"
inkscape:cx="12"
inkscape:cy="12"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1" /><path
d="M 12,3 1,9 12,15 21,10.091797 V 17 h 2 V 9 Z m -7,9.800781 v 4.398438 L 12,21 19,17.199219 V 12.800781 L 12,17 Z"
id="fill-edit"
inkscape:connector-curvature="0" /></svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,45 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
enable-background="new 0 0 24 24"
height="24px"
id="Layer_1"
version="1.1"
viewBox="0 0 24 24"
width="24px"
xml:space="preserve"
sodipodi:docname="ue.svg"
inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
id="metadata9"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs7" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1044"
id="namedview5"
showgrid="false"
inkscape:zoom="9.8333333"
inkscape:cx="12"
inkscape:cy="12"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1" /><path
d="M 20.898304,1.4237288 H 3.2711866 c -0.5288136,0 -0.881356,0.3525424 -0.881356,0.8813559 V 21.694915 c 0,0.528814 0.3525424,0.881356 0.881356,0.881356 H 20.898304 c 0.528814,0 0.881356,-0.352542 0.881356,-0.881356 V 2.3050847 c 0,-0.5288135 -0.352542,-0.8813559 -0.881356,-0.8813559 z M 10.322033,2.3050847 V 13.938983 L 8.5593222,12.616949 6.7966103,13.938983 V 2.3050847 Z M 20.016948,20.813559 H 4.1525425 V 19.050847 H 20.016948 Z m 0,-2.644067 H 4.1525425 V 3.1864407 H 5.9152544 V 15.525424 l 2.6440678,-1.762712 2.6440668,1.762712 V 3.1864407 h 8.813559 z"
id="fill-edit"
inkscape:connector-curvature="0"
style="stroke-width:0.88135594" /></svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -32,14 +32,22 @@ gstore.add('menu_item', {
label: 'Accueil',
url: 'home',
icon: 'home'
}, manage: {
label: 'Administration',
url: 'manage',
icon: 'manage'
}, teacher: {
label: 'Enseignants',
url: 'teacher',
icon: 'teacher'
}, ue: {
label: 'Gestion UE',
url: 'ue',
icon: 'ue'
}, fiche: {
label: 'Fiches',
url: 'fiche',
icon: 'fiche'
}, settings: {
label: 'Administration',
url: 'settings',
icon: 'settings'
}
});

View File

@ -1,3 +1,6 @@
// BACKGROUND COLOR
$bg-color: #eee;
/* COULEUR DES ERREURS */
$error-color: #cc5857;
@ -18,5 +21,10 @@ $rd-form-neutral-color: '2193e6';
$rd-form-search-color: '5630ed';
$rd-form-invalid-color: 'd52918';
// Menu
$menu-bg: #303030;
$menu-width: 3em;
$menu-outer-width: #{$menu-width + 1em};
$c404-bubble-width: 40vh;

View File

@ -0,0 +1,15 @@
@import 'constants';
#CONTAINER{
display: block;
position: absolute;
top: 0;
left: $menu-outer-width;
height: 100%;
width: calc( 100% - #{$menu-outer-width} );
background-color: $bg-color;
}

View File

@ -13,7 +13,7 @@ body{
width: 100%;
height: 100%;
background: #eeeeee;
background: $bg-color;
font-size: 16px;
font-family: 'Open Sans';
@ -31,7 +31,7 @@ body{
width: 100%;
height: 100%;
background: #eee;
background: $bg-color;
&.login{

View File

@ -1,6 +1,4 @@
$menu-bg: #303030;
$menu-width: 3em;
$menu-outer-width: #{$menu-width + 1em};
@import 'constants';
@keyframes menu-label{
@ -33,15 +31,17 @@ $menu-outer-width: #{$menu-width + 1em};
.item{
display: block;
position: relative;
width: $menu-width;
height: $menu-width;
width: $menu-width;
height: $menu-width;
margin-top: .5em;
border-radius: 3px / 3px;
box-shadow: inset 0 0 0 transparent;
background: $menu-bg center center no-repeat;
background-size: 50%;
background-size: auto 50%;
border: 1px solid lighten($menu-bg, 5%);
@ -52,11 +52,13 @@ $menu-outer-width: #{$menu-width + 1em};
z-index: 1;
/* (1) Set icons */
&[data-icon='home']{ background-image: url('/asset/svg/home.svg@7992a3'); }
&[data-icon='manage']{ background-image: url('/asset/svg/manage.svg@7992a3'); }
&[data-icon='fiche']{ background-image: url('/asset/svg/fiche.svg@7992a3'); }
&[data-icon='login']{ background-image: url('/asset/svg/login.svg@7992a3'); }
&[data-icon='logout']{ background-image: url('/asset/svg/logout.svg@7992a3'); }
&[data-icon='home']{ background-image: url('/asset/svg/home.svg@7992a3'); }
&[data-icon='teacher']{ background-image: url('/asset/svg/teacher.svg@7992a3'); }
&[data-icon='ue']{ background-image: url('/asset/svg/ue.svg@7992a3'); }
&[data-icon='settings']{ background-image: url('/asset/svg/settings.svg@7992a3'); }
&[data-icon='fiche']{ background-image: url('/asset/svg/fiche.svg@7992a3'); }
&[data-icon='login']{ background-image: url('/asset/svg/login.svg@7992a3'); }
&[data-icon='logout']{ background-image: url('/asset/svg/logout.svg@7992a3'); }
/* (2) On hover */
&:hover, &.active{
@ -67,11 +69,13 @@ $menu-outer-width: #{$menu-width + 1em};
color: #4a71dd;
&[data-icon='home']:hover, &[data-icon='home'].active{ background-image: url('/asset/svg/home.svg@10d197'); }
&[data-icon='manage']:hover, &[data-icon='manage'].active{ background-image: url('/asset/svg/manage.svg@da5645'); }
&[data-icon='fiche']:hover, &[data-icon='fiche'].active{ background-image: url('/asset/svg/fiche.svg@4a71dd'); }
&[data-icon='login']:hover, &[data-icon='login'].active{ background-image: url('/asset/svg/login.svg@dab245'); }
&[data-icon='logout']:hover, &[data-icon='logout'].active{ background-image: url('/asset/svg/logout.svg@dab245'); }
&[data-icon='home']:hover, &[data-icon='home'].active{ background-image: url('/asset/svg/home.svg@10d197'); }
&[data-icon='teacher']:hover, &[data-icon='teacher'].active{ background-image: url('/asset/svg/teacher.svg@edb910'); }
&[data-icon='ue']:hover, &[data-icon='ue'].active{ background-image: url('/asset/svg/ue.svg@1fc9ef'); }
&[data-icon='settings']:hover, &[data-icon='settings'].active{ background-image: url('/asset/svg/settings.svg@b7b7b7'); }
&[data-icon='fiche']:hover, &[data-icon='fiche'].active{ background-image: url('/asset/svg/fiche.svg@ea4C3a'); }
&[data-icon='login']:hover, &[data-icon='login'].active{ background-image: url('/asset/svg/login.svg@dab245'); }
&[data-icon='logout']:hover, &[data-icon='logout'].active{ background-image: url('/asset/svg/logout.svg@dab245'); }
/* (3) Label */
&:after{
@ -94,6 +98,10 @@ $menu-outer-width: #{$menu-width + 1em};
transform: translateX(-100%) translateY(-50%);
// 1 line only
white-space: nowrap;
overflow: hidden;
z-index: -1;
}