3 lines
7.6 KiB
CSS
3 lines
7.6 KiB
CSS
|
#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][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,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibWluLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vbWVudS1zaWRlLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cbiNXUkFQUEVSID4gI01FTlUtU0lERXtcblxuXHQmID4gc3BhbltkYXRhLWxpbmtde1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdHdpZHRoOiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC0gMiouN2VtIC0gMiouNTVlbSAtIDIqLjAxZW0gKTtcblx0XHRcdGhlaWdodDogY2FsYyggI3skbWVudS1zaWRlLXdpZHRofSAtIDIqLjdlbSAtIDIqLjU1ZW0gLSAyKi4wMWVtICk7XG5cblx0XHQvLyBwYWRkaW5nOiAxZW07XG5cdFx0bWFyZ2luOiAyZW0gLjdlbTtcblx0XHRwYWRkaW5nOiAuNTVlbTtcblxuXHRcdGJvcmRlcjogLjAxZW0gc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXG5cblx0XHQvLyBEZWNhbGFnZSBkZXMgZWxlbWVudHMgZHUgbWVudVxuXHRcdCYubXR7IC8vIE1hcmdpbiBUb3Bcblx0XHRcdG1hcmdpbi10b3A6IDNlbTtcblx0XHR9XG5cdFx0Ji5tYnsgLy8gTWFyZ2luIEJvdHRvbVxuXHRcdFx0bWFyZ2luLWJvdHRvbTogM2VtO1xuXHRcdH1cblxuXHRcdGNvbG9yOiAjYTJhMmEyO1xuXHRcdGxpbmUtaGVpZ2h0OiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC0gMiouN2VtIC0gMiouNTVlbSAtIDIqLjAxZW0gKTtcblxuXHRcdHRyYW5zaXRpb246IGNvbG9yIC4zcywgYm9yZGVyIC4zcztcblxuXHRcdGN1cnNvcjogcG9pbnRlcjtcblxuXHRcdHN2Zywgc3ZnICp7XG5cdFx0XHR3aWR0aDogY2FsYyggI3skbWVudS1zaWRlLXdpZHRofSAvIDIuNSApO1xuXHRcdFx0aGVpZ2h0OiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC8gMi41ICk7XG5cblx0XHRcdC8vIHN0cm9rZTogbm9uZSAhaW1wb3J0YW50O1xuXHRcdFx0Ly8gZmlsbDogIzc3NyAhaW1wb3J0YW50O1xuXG5cdFx0XHR0cmFuc2l0aW9uOiBmaWxsIC4zcztcblxuXHRcdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0fVxuXG5cblx0XHQmW2RhdGEtZGVzY106YWZ0ZXJ7XG5cdFx0XHRjb250ZW50OiBhdHRyKGRhdGEtZGVzYyk7XG5cdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0dG9wOiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC8gNCAtIDIqLjNlbSApO1xuXHRcdFx0XHRsZWZ0OiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9ICogMS4xNSAtIDIqLjNlbSApO1xuXHRcdFx0cGFkZGluZzogLjNlbTtcblxuXHRcdFx0Ym9yZGVyLXJhZGl1czogM3B4O1xuXG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMmEyYTJhO1xuXG5cdFx0XHRjb2xvcjogI2UyZTJlMjtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cblx0XHRcdHRyYW5zaXRpb246IHRyYW5zZm9ybSAuMXM7XG5cblx0XHRcdHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcblx0XHRcdHRyYW5zZm9ybTogc2NhbGVYKDApO1xuXG5cdFx0fVxuXG5cblx0XHQmOmhvdmVyLFxuXHRcdCYuYWN0aXZle1xuXHRcdFx0Y29sb3I6ICR0aGVtZS1jb2xvcjtcblx0XHRcdGJvcmRlci1jb2xvcjogI2U2ZTZlNjtcblx0XHRcdGJveC1zaGFkb3c6IGluc2V0IDAgMCAuNWVtICNlZWU7XG5cblx0XHRcdCY6aG92ZXI6YWZ0ZXJ7XG5cdFx0XHRcdHRyYW5zZm9ybTogc2NhbGVYKDEpO1xuXHRcdFx0XHRjb2xvcjogI2ZmZjtcblx0XHRcdH1cblxuXHRcdFx0c3ZnICNzdHlsaXNhYmxleyAvLyBwb3VyIGxlcyBlbGVtZW50cyBzYXVmIGxlIHByb2ZpbFxuXHRcdFx0XHRmaWxsOiAjMDAwICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cblx0XHRcdHN2ZyAjc3Ryb2tlLXN0eWxpc2FibGV7IC8vIHBvdXIgbGUgcHJvZmlsXG5cdFx0XHRcdHN0cm9rZTogIzAwMCAhaW1wb3J0YW50O1xuXHRcdFx0fVxuXHRcdH1cblxuXHR9XG5cblxufVxuIiwKCQkiLyogQ09VTEVVUiBEVSBUSEVNRSAqL1xuJHRoZW1lLWNvbG9yOiAjZTYzMzIxO1xuXG4vKiBDT1VMRVVSIERVIFNPVVMtTUVOVSAqL1xuJHN1Yi1tZW51LWNvbG9yOiAjNWI1ZTYzO1xuXG4vKiBDT1VMRVVSIERFUyBFUlJFVVJTICovXG4kZXJyb3ItY29sb3I6ICNjYzU4NTc7XG5cbi8qIEZPUk1VTEFJUkVTICovXG4kZm9ybS12YWxpZC1jb2xvcjogICAjMjdhNTYwO1xuJGZvcm0tbmV1dHJhbC1jb2xvcjogIzIxOTNlNjtcbiRmb3JtLXNlYXJjaC1jb2xvcjogICM1NjMwZWQ7XG4kZm9ybS1pbnZhbGlkLWNvbG9yOiAjZDUyOTE4O1xuXG5cbi8qIEdFU1RJT04gREVTIExPTkdVRVVSUyAqL1xuJG1lbnUtc2lkZS13aWR0aDogNGVtO1xuXG5cbi8vIFBPVVIgUkVTT1VSQ0VfRElTUEFUQ0hFUlxuJHJkLWZvcm0tdmFsaWQtY29sb3I6ICAgJzI3YTU2MCc7XG4kcmQtZm9ybS1uZXV0cmFsLWNvbG9yOiAnMjE5M2U2JztcbiRyZC1mb3JtLXNlYXJjaC1jb2xvcjogICc1NjMwZWQnO1xuJHJkLWZvcm0taW52YWxpZC1jb2xvcjogJ2Q1MjkxOCc7XG4iCgldLAoJIm1hcHBpbmdzIjogIkFBRUEsQUFFbUIsUUFGWCxDQUFHLFVBQVUsQ0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLENBQVUsQ0FDbEIsT0FBTyxDQUFFLEtBQU0sQ0FDZixRQUFRLENBQUUsUUFBUyxDQUNsQixLQUFLLENBQUUsdUNBQUksQ0FDWCxNQUFNLENBQUUsdUNBQUksQ0FHYixNQUFNLENBQUUsUUFBUyxDQUNqQixPQUFPLENBQUUsS0FBTSxDQUVmLE1BQU0sQ0FBRSx1QkFBd0IsQ0FDaEMsYUFBYSxDQUFFLEdBQUksQ0FXbkIsS0FBSyxDQUFFLE9BQVEsQ0FDZixXQUFXLENBQUUsdUNBQUksQ0FFakIsVUFBVSxDQUFFLHFCQUFzQixDQUVsQyxNQUFNLENBQUUsT0FBUSxDQTBEaEIsQUF2RkYsQUFFbUIsUUFGWCxDQUFHLFVBQVUsQ0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLENBZVAsR0FBRyxBQUFBLENBQ0gsVUFBVSxDQUFFLEdBQUksQ0FDaEIsQUFuQkgsQUFFbUIsUUFGWCxDQUFHLFVBQVUsQ0FFaEIsSUFBSSxDQ
|