{ "version": 3, "file": "nested.css", "sources": [ "../menu-side.scss", "../constants.scss" ], "sourcesContent": [ "@import 'constants';\n\n#WRAPPER > #MENU-SIDE{\n\n\t/* [1] Elements du menu\n\t=========================================================*/\n\t& > span{\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\t\twidth: calc( 100% - 2*1em - 2*1.5em );\n\n\t\tpadding: .8em 1.5em;\n\t\tpadding-left: calc( 1.5em + 2*1em );\n\n\t\tborder-bottom: 1px solid transparent;\n\n\t\tbackground: url('/f/svg/sub/st/menu-side/aaaaaa') right 1.5em center no-repeat;\n\t\tbackground-size: .5em .5em;\n\n\n\t\tcolor: #666;\n\t\tfont-size: .85em;\n\n\t\ttransition: color .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out, border .2s ease-in-out;\n\n\t\tcursor: pointer;\n\n\t\t/* (1) Icone svg */\n\t\t& > svg, & > svg *{\n\t\t\tposition: absolute;\n\t\t\t\ttop: calc( 50% - 1em/2 );\n\t\t\t\tleft: 1.5em;\n\t\t\t\twidth: 1em;\n\t\t\t\theight: 1em;\n\n\t\t\tfill: $dark-fg !important;\n\t\t\ttransition: fill .2s ease-in-out;\n\t\t}\n\n\n\t\t/* (2) Animation de @hover */\n\t\t&:not(.active):hover{\n\t\t\tbackground-image: url('/f/svg/sub/st/menu-side/000000');\n\t\t\tcolor: #000;\n\n\t\t\t& > svg, & > svg *{\n\t\t\t\tfill: #000 !important;\n\t\t\t}\n\t\t}\n\n\t\t/* (3) Animation quand .active */\n\t\t&.active{\n\t\t\tborder-bottom-color: darken($theme-fg-primary, 5);\n\t\t\t// box-shadow: inset 0 0 1em darken($dark-bg-primary, 1);\n\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/sub-active/st/menu-side/ffffff');\n\t\t\tcolor: $dark-fg-primary;\n\n\t\t\t& > svg, & > svg *{\n\t\t\t\tfill: #fff !important;\n\t\t\t}\n\t\t}\n\n\n\t}\n\n\n\n\t/* [2] Gestion du menu deroulant\n\t=========================================================*/\n\t/* (1) Quand le menu est deroule */\n\t& > span:not(.icon) + div.sub>span{\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\t\twidth: calc( 100% - 1.5em - 2.5em );\n\n\t\tpadding: .5em 1.5em;\n\t\tpadding-left: 2.5em;\n\n\t\tbackground: $dark-bg url('/f/svg/sub/st/menu-side/888888') 1.5em center no-repeat;;\n\t\tbackground-size: .5em;\n\n\t\tcolor: darken($dark-fg, 10);\n\t\tfont-size: .85em;\n\n\t\tcursor: pointer;\n\n\t\ttransition: color .2s ease-in-out;\n\n\t\t// Animation de @hover ou .active\n\t\t&:hover,\n\t\t&.active{\n\t\t\tcolor: $dark-fg-primary;\n\t\t\tbackground-image: url('/f/svg/sub/st/menu-side/ffffff');\n\t\t}\n\t}\n\n\n\t& > span:not(.icon):not(.active) + div.sub>span{\n\t\tdisplay: none;\n\t}\n}\n", "/* [1] COULEURS\n=========================================================*/\n/* (1) COULEURS DU THEME $DEFAULT */\n$theme-bg: #e8e8e8;\n$theme-bg-primary: #ffffff;\n$theme-fg: #515151;\n$theme-fg-primary: #399ced;\n\n/* (2) COULEURS DE THEME $DARK */\n$dark-bg: #313541;\n$dark-bg-primary: #29282e;\n$dark-fg: #939393;\n$dark-fg-primary: #ffffff;\n\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height: 4em;\n" ], "mappings": "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", "names": [] }