1 @import 'bootstrap/scss/functions';

     2 @import 'bootstrap/scss/variables';

     3 

     4 .toolbar-menu {

     5       align-items: center;

     6   .button {

     7     cursor: pointer;

     8   }

     9   .material-icons {

    10     font-size: 1.3rem;

    11   }

    12 //   .button[data-active="true"] {

    13 //   }

    14   > *:last-child {

    15     margin-left: auto;

    16     // .checkbox {

    17     //     display: inline-block;

    18     //     margin-right: 10px;

    19     // }

    20   }

    21 }

    22 

    23 #btn-editor {

    24     padding: .1rem .2rem .1rem .2rem;

    25     font-size: .8rem;

    26   }

    27 

    28 .hovering-menu {

    29     position: absolute;

    30     z-index: 1;

    31     top: -10000px;

    32     left: -10000px;

    33     margin-top: -20px;

    34     opacity: 0;

    35     transition: opacity .75s;

    36 }

    37 

    38 .categories-tooltip {

    39     background-color: #efefef;

    40     border-radius: 4px;

    41     border: 1px solid #ccc;

    42     padding: 5px;

    43     .buttons {

    44         display: flex;

    45         flex-wrap: wrap;

    46         justify-content: space-between;

    47         button {

    48             background-color: yellow;

    49             border: 1px solid #ccc;

    50         }

    51         button:not(:last-child) {

    52             margin-right: 10px;

    53         }

    54     }

    55     .form-group:last-child {

    56         margin-bottom: 0;

    57     }

    58 }