97 lines
1.6 KiB
SCSS
Executable File
97 lines
1.6 KiB
SCSS
Executable File
$font-family-icones: 'Font Awesome 5 Free';
|
|
$font-family-texte: 'Avenir Next',
|
|
'Avenir',
|
|
sans-serif;
|
|
|
|
|
|
#div-menu-contextuel {
|
|
display: flex;
|
|
z-index: 200;
|
|
position: absolute;
|
|
|
|
border-radius: 12px;
|
|
box-shadow: 0 0 12px black;
|
|
background: black;
|
|
color: white;
|
|
font-size: 18x;
|
|
font-weight: normal;
|
|
|
|
opacity: 95%;
|
|
-webkit-transition: opacity 500ms;
|
|
-moz-transition: opacity 500ms;
|
|
-o-transition: opacity 500ms;
|
|
-ms-transition: opacity 500ms;
|
|
}
|
|
|
|
.liste-deroulante {
|
|
list-style: none;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
ul.liste-deroulante {
|
|
margin: 10px;
|
|
padding-left: 8px;
|
|
border: 0px;
|
|
}
|
|
|
|
.liste-deroulante li {
|
|
padding: 6px 8px;
|
|
cursor: pointer;
|
|
font-family: $font-family-texte;
|
|
|
|
&:before {
|
|
padding-right: 8px;
|
|
font-family: $font-family-icones;
|
|
font-weight: 900;
|
|
}
|
|
}
|
|
|
|
.liste-deroulante li:not(.blank)::before {
|
|
content: "\f00d";
|
|
}
|
|
|
|
.liste-deroulante li.moveBack::before {
|
|
content: "\f062";
|
|
}
|
|
|
|
.liste-deroulante li.moveFront::before {
|
|
content: "\f063";
|
|
}
|
|
|
|
.liste-deroulante li.add::before {
|
|
content: "\f067";
|
|
}
|
|
|
|
.liste-deroulante li.delete::before {
|
|
content: "\f2ed";
|
|
}
|
|
|
|
.liste-deroulante li.choose::before {
|
|
content: "\f05b";
|
|
}
|
|
|
|
.liste-deroulante li.disabled {
|
|
cursor: not-allowed;
|
|
|
|
&:hover {
|
|
background-color: #202020;
|
|
}
|
|
}
|
|
|
|
.liste-deroulante hr {
|
|
background-color: grey;
|
|
height: 1px;
|
|
border: 0;
|
|
margin: 2px 0px;
|
|
}
|
|
|
|
|
|
/* Pour le dat.gui */
|
|
.dg .property-name {
|
|
width: 70% !important;
|
|
}
|
|
|
|
.dg .c {
|
|
width: 20% !important;
|
|
}
|