14 lines
7.2 KiB
Plaintext
14 lines
7.2 KiB
Plaintext
{
|
|
"version": 3,
|
|
"file": "nested.css",
|
|
"sources": [
|
|
"../header.scss",
|
|
"../constants.scss"
|
|
],
|
|
"sourcesContent": [
|
|
"@import 'constants';\n\n\n#WRAPPER > #HEADER{\n\n\t/* [1] Barre de recherche\n\t=========================================================*/\n\t& > #searchbar{\n\t\tdisplay: inline-block;\n\t\tposition: absolute;\n\t\t\ttop: .8em;\n\t\t\tleft: 1em;\n\t\t\twidth: 20em;\n\t\t\theight: 2em;\n\n\t\tpadding: .2em 1em;\n\n\t\tborder: 0;\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: $theme-bg;\n\n\t}\n\n\t/* [2] Informations utilisateur\n\t=========================================================*/\n\t/* (0) Conteneur */\n\t& > #user-data{\n\t\tdisplay: inline-block;\n\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\theight: calc( 100% - 2*1em );\n\n\n\t\t/* (1) Username de l'utilisateur */\n\t\t& > #user-name{\n\t \tdisplay: block;\n\t \tposition: absolute;\n\t \t\ttop: 0;\n\t \t\tright: calc( #{$header-height}*2 - 1em );\n\t \t\theight: $header-height;\n\n\t \tpadding: 0 1em;\n\n\t\t\tcolor: #fff;\n\t\t\tline-height: $header-height;\n\t\t\twhite-space: nowrap;\n\t\t\tfont-weight: bold;\n\n\t\t\tcursor: pointer;\n\n\t\t}\n\n\n\t\t/* (2) Image du profil */\n\t\t& > #user-picture{\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\t\ttop: 1em;\n\t\t\t\tright: $header-height;\n\t\t\t\twidth: calc( #{$header-height} - 2*1em );\n\t\t\t\theight: calc( #{$header-height} - 2*1em );\n\n\n\t\t\tborder-radius: 50% / 50%;\n\n\t\t\tbackground: $theme-bg url('/f/svg/nopic/st/header') center center no-repeat;\n\t\t\tbackground-size: auto 80%;\n\n\t\t\t// Si on est connecte\n\t\t\t&.active{ background-image: url('/f/svg/sample/dy/profile'); background-size: auto 100%; }\n\n\t\t\tcursor: default;\n\n\t\t\talign-self: center;\n\t\t}\n\n\n\n\t\t/* (3) Icone d'activation */\n\t\t&:before{\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t\twidth: $header-height;\n\t\t\t\theight: $header-height;\n\n\t\t\tbackground: url('/f/svg/expand/st/header/ffffff') center center no-repeat;\n\t\t\tbackground-size: 1em 1em;\n\n\t\t\tcursor: pointer;\n\n\t\t}\n\n\n\t}\n\n\n\n\t/* [3] Menu deroulant pour l'administration du profil\n\t=========================================================*/\n\t& > .user-panel{\n \tdisplay: block;\n \tposition: absolute;\n \ttop: calc( #{$header-height} - 1em );\n \tright: 0;\n\n margin: .5em;\n\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid darken($theme-bg, 10);\n\n background-color: #fff;\n\n @include transition( left .3s ease-in-out );\n\n\n /* (1) Pour chaque element du menu */\n & > span{\n \tdisplay: block;\n \tposition: relative;\n\n\t\t\t// On ajoute une ligne en dessous sauf pour le dernier\n\t\t\t&:not(:last-child){\n\t\t\t\tborder-bottom: 1px solid #ddd;\n\t\t\t}\n\n\t\t\tcolor: #000;\n\t\t\tpadding: .5em 1em;\n\t\t\tpadding-left: 2em;\n\n\t\t\tcursor: pointer;\n\n\t\t\t// @hover\n\t\t\t&:hover{\n\t\t\t\tbackground-color: #eee;\n\t\t\t}\n }\n\n\n\n\n }\n\n /* (3) Gestion de l'activation ou non de l'user panel */\n\t& > #toggle-user-panel{ display: none; }\n\t& > #toggle-user-panel + .user-panel{ left: 100%; }\n\t& > #toggle-user-panel:checked + .user-panel{ left: auto; }\n\t& > #toggle-user-panel:checked + .user-panel:before{ left: 7em; }\n\n\n\n\n\n\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$header-dark: #333333;\n\n/* (3) Couleurs du theme pour la timeline */\n$timeline-color: #399ced;\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height: 4em;\n\n\n\n/* [3] Mixins\n=========================================================*/\n@mixin transform($value...) {\n transform: $value;\n\t-moz-transform: $value;\n\t-o-transform: $value;\n\t-ms-transform: $value;\n\t-webkit-transform: $value;\n}\n\n\n@mixin transition($value...) {\n -webkit-transition: $value;\n transition: $value;\n}\n\n/* [4] Functions\n=========================================================*/\n// Transforme une couleur hex en string sans le #\n@function color-str($color){\n @return str-slice(#{$color}, 2, str-length(#{$color}));\n}\n"
|
|
],
|
|
"mappings": "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",
|
|
"names": []
|
|
} |