SMMP/css/menu-side/expanded.css

/* COULEUR DU THEME */
/* COULEUR DU SOUS-MENU */
/* COULEUR DES ERREURS */
/* FORMULAIRES */
/* GESTION DES LONGUEURS */
#WRAPPER > #MENU-SIDE > span[data-link] {
  display: block;
  position: relative;
  width: calc( 4em - 2*.7em - 2*.55em - 2*.01em);
  height: calc( 4em - 2*.7em - 2*.55em - 2*.01em);
  margin: 2em .7em;
  padding: .55em;
  border: .01em solid transparent;
  border-radius: 2px;
  color: #a2a2a2;
  line-height: calc( 4em - 2*.7em - 2*.55em - 2*.01em);
  transition: color .3s, border .3s;
  cursor: pointer;
}

#WRAPPER > #MENU-SIDE > span[data-link].mt {
  margin-top: 3em;
}

#WRAPPER > #MENU-SIDE > span[data-link].mb {
  margin-bottom: 3em;
}

#WRAPPER > #MENU-SIDE > span[data-link] svg, #WRAPPER > #MENU-SIDE > span[data-link] svg * {
  width: calc( 4em / 2.5);
  height: calc( 4em / 2.5);
  transition: fill .3s;
  pointer-events: none;
}

#WRAPPER > #MENU-SIDE > span[data-link] svg #stylisable, #WRAPPER > #MENU-SIDE > span[data-link] svg * #stylisable {
  fill: #a2a2a2 !important;
}

#WRAPPER > #MENU-SIDE > span[data-link] svg #stroke-stylisable, #WRAPPER > #MENU-SIDE > span[data-link] svg * #stroke-stylisable {
  stroke: #a2a2a2 !important;
}

#WRAPPER > #MENU-SIDE > span[data-link][data-desc]:after {
  content: attr(data-desc);
  display: block;
  position: absolute;
  top: calc( 4em / 4 - 2*.3em);
  left: calc( 4em * 1.15 - 2*.3em);
  padding: .3em;
  border-radius: 3px;
  background-color: #2a2a2a;
  color: #e2e2e2;
  white-space: nowrap;
  transition: transform .1s;
  transform-origin: 0 0;
  transform: scaleX(0);
}

#WRAPPER > #MENU-SIDE > span[data-link]:hover, #WRAPPER > #MENU-SIDE > span[data-link].active {
  color: #e63321;
  border-color: #e6e6e6;
  box-shadow: inset 0 0 .5em #eee;
}

#WRAPPER > #MENU-SIDE > span[data-link]:hover:hover:after, #WRAPPER > #MENU-SIDE > span[data-link].active:hover:after {
  transform: scaleX(1);
  color: #fff;
}

#WRAPPER > #MENU-SIDE > span[data-link]:hover svg #stylisable, #WRAPPER > #MENU-SIDE > span[data-link].active svg #stylisable {
  fill: #000 !important;
}

#WRAPPER > #MENU-SIDE > span[data-link]:hover svg #stroke-stylisable, #WRAPPER > #MENU-SIDE > span[data-link].active svg #stroke-stylisable {
  stroke: #000 !important;
}

/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiZXhwYW5kZWQuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSIuLi9tZW51LXNpZGUuc2NzcyIsCgkJIi4uL2NvbnN0YW50cy5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiQGltcG9ydCAnY29uc3RhbnRzJztcblxuI1dSQVBQRVIgPiAjTUVOVS1TSURFe1xuXG5cdCYgPiBzcGFuW2RhdGEtbGlua117XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gLSAyKi43ZW0gLSAyKi41NWVtIC0gMiouMDFlbSApO1xuXHRcdFx0aGVpZ2h0OiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC0gMiouN2VtIC0gMiouNTVlbSAtIDIqLjAxZW0gKTtcblxuXHRcdC8vIHBhZGRpbmc6IDFlbTtcblx0XHRtYXJnaW46IDJlbSAuN2VtO1xuXHRcdHBhZGRpbmc6IC41NWVtO1xuXG5cdFx0Ym9yZGVyOiAuMDFlbSBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cblxuXHRcdC8vIERlY2FsYWdlIGRlcyBlbGVtZW50cyBkdSBtZW51XG5cdFx0Ji5tdHsgLy8gTWFyZ2luIFRvcFxuXHRcdFx0bWFyZ2luLXRvcDogM2VtO1xuXHRcdH1cblx0XHQmLm1ieyAvLyBNYXJnaW4gQm90dG9tXG5cdFx0XHRtYXJnaW4tYm90dG9tOiAzZW07XG5cdFx0fVxuXG5cdFx0Y29sb3I6ICNhMmEyYTI7XG5cdFx0bGluZS1oZWlnaHQ6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gLSAyKi43ZW0gLSAyKi41NWVtIC0gMiouMDFlbSApO1xuXG5cdFx0dHJhbnNpdGlvbjogY29sb3IgLjNzLCBib3JkZXIgLjNzO1xuXG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0c3ZnLCBzdmcgKntcblx0XHRcdHdpZHRoOiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC8gMi41ICk7XG5cdFx0XHRoZWlnaHQ6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gLyAyLjUgKTtcblxuXHRcdFx0Ly8gc3Ryb2tlOiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHQvLyBmaWxsOiAjNzc3ICFpbXBvcnRhbnQ7XG5cblx0XHRcdHRyYW5zaXRpb246IGZpbGwgLjNzO1xuXG5cdFx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblxuXG5cblx0XHRcdCYgI3N0eWxpc2FibGV7IC8vIHBvdXIgbGVzIGVsZW1lbnRzIHNhdWYgbGUgcHJvZmlsXG5cdFx0XHRcdGZpbGw6ICNhMmEyYTIgIWltcG9ydGFudDtcblx0XHRcdH1cblxuXHRcdFx0JiAjc3Ryb2tlLXN0eWxpc2FibGV7IC8vIHBvdXIgbGUgcHJvZmlsXG5cdFx0XHRcdHN0cm9rZTogI2EyYTJhMiAhaW1wb3J0YW50O1xuXHRcdFx0fVxuXHRcdH1cblxuXG5cdFx0JltkYXRhLWRlc2NdOmFmdGVye1xuXHRcdFx0Y29udGVudDogYXR0cihkYXRhLWRlc2MpO1xuXHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdHRvcDogY2FsYyggI3skbWVudS1zaWRlLXdpZHRofSAvIDQgLSAyKi4zZW0gKTtcblx0XHRcdFx0bGVmdDogY2FsYyggI3skbWVudS1zaWRlLXdpZHRofSAqIDEuMTUgLSAyKi4zZW0gKTtcblx0XHRcdHBhZGRpbmc6IC4zZW07XG5cblx0XHRcdGJvcmRlci1yYWRpdXM6IDNweDtcblxuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTtcblxuXHRcdFx0Y29sb3I6ICNlMmUyZTI7XG5cdFx0XHR3aGl0ZS1zcGFjZTogbm93cmFwO1xuXG5cdFx0XHR0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gLjFzO1xuXG5cdFx0XHR0cmFuc2Zvcm0tb3JpZ2luOiAwIDA7XG5cdFx0XHR0cmFuc2Zvcm06IHNjYWxlWCgwKTtcblxuXHRcdH1cblxuXG5cdFx0Jjpob3Zlcixcblx0XHQmLmFjdGl2ZXtcblx0XHRcdGNvbG9yOiAkdGhlbWUtY29sb3I7XG5cdFx0XHRib3JkZXItY29sb3I6ICNlNmU2ZTY7XG5cdFx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgLjVlbSAjZWVlO1xuXG5cdFx0XHQmOmhvdmVyOmFmdGVye1xuXHRcdFx0XHR0cmFuc2Zvcm06IHNjYWxlWCgxKTtcblx0XHRcdFx0Y29sb3I6ICNmZmY7XG5cdFx0XHR9XG5cblx0XHRcdHN2ZyAjc3R5bGlzYWJsZXsgLy8gcG91ciBsZXMgZWxlbWVudHMgc2F1ZiBsZSBwcm9maWxcblx0XHRcdFx0ZmlsbDogIzAwMCAhaW1wb3J0YW50O1xuXHRcdFx0fVxuXG5cdFx0XHRzdmcgI3N0cm9rZS1zdHlsaXNhYmxleyAvLyBwb3VyIGxlIHByb2ZpbFxuXHRcdFx0XHRzdHJva2U6ICMwMDAgIWltcG9ydGFudDtcblx0XHRcdH1cblx0XHR9XG5cblx0fVxuXG5cbn1cbiIsCgkJIi8qIENPVUxFVVIgRFUgVEhFTUUgKi9cbiR0aGVtZS1jb2xvcjogI2U2MzMyMTtcblxuLyogQ09VTEVVUiBEVSBTT1VTLU1FTlUgKi9cbiRzdWItbWVudS1jb2xvcjogIzViNWU2MztcblxuLyogQ09VTEVVUiBERVMgRVJSRVVSUyAqL1xuJGVycm9yLWNvbG9yOiAjY2M1ODU3O1xuXG4vKiBGT1JNVUxBSVJFUyAqL1xuJGZvcm0tdmFsaWQtY29sb3I6ICAgIzI3YTU2MDtcbiRmb3JtLW5ldXRyYWwtY29sb3I6ICMyMTkzZTY7XG4kZm9ybS1zZWFyY2gtY29sb3I6ICAjNTYzMGVkO1xuJGZvcm0taW52YWxpZC1jb2xvcjogI2Q1MjkxODtcblxuXG4vKiBHRVNUSU9OIERFUyBMT05HVUVVUlMgKi9cbiRtZW51LXNpZGUtd2lkdGg6IDRlbTtcblxuXG4vLyBQT1VSIFJFU09VUkNFX0RJU1BBVENIRVJcbiRyZC1mb3JtLXZhbGlkLWNvbG9yOiAgICcyN2E1NjAnO1xuJHJkLWZvcm0tbmV1dHJhbC1jb2xvcjogJzIxOTNlNic7XG4kcmQtZm9ybS1zZWFyY2gtY29sb3I6ICAnNTYzMGVkJztcbiRyZC1mb3JtLWludmFsaWQtY29sb3I6ICdkNTI5MTgnO1xuIgoJXSwKCSJtYXBwaW5ncyI6ICJBQ0FBLHNCQUFzQjtBQUd0QiwwQkFBMEI7QUFHMUIseUJBQXlCO0FBR3pCLGlCQUFpQjtBQU9qQiwyQkFBMkI7QURkM0IsQUFFbUIsUUFGWCxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLEVBQVU7RUFDbEIsT0FBTyxFQUFFLEtBQU07RUFDZixRQUFRLEVBQUUsUUFBUztFQUNsQixLQUFLLEVBQUUsdUNBQUk7RUFDWCxNQUFNLEVBQUUsdUNBQUk7RUFHYixNQUFNLEVBQUUsUUFBUztFQUNqQixPQUFPLEVBQUUsS0FBTTtFQ