1 @import 'bootstrap/scss/functions';

     2 @import 'bootstrap/scss/variables';

     3 

     4 .note {

     5     min-width: 95%;

     6     display: flex;

     7     position: relative;

     8     white-space: pre-wrap;

     9     overflow-wrap: break-word;

    10     cursor: pointer;

    11     min-height: ($line-height-base * 4);

    12 

    13     &:before {

    14         content: "";

    15 

    16         position: absolute;

    17         top: 0;

    18         bottom: 0;

    19         z-index: -1;

    20         display: block;

    21         width: 2px;

    22     }

    23 

    24     &:hover {

    25         color: darkgray;

    26         border-bottom-color: black;

    27     }

    28 

    29     &:hover .delete-icon {

    30         opacity: 1;

    31         color: black;

    32     }

    33 

    34     .start, .finish {

    35         position: absolute;

    36         padding-right: 5rem;

    37         font-size: .72rem;

    38     }

    39 

    40     .start {

    41         top: 0;

    42         left: 0;

    43     }

    44     .finish {

    45         bottom: 0;

    46         left: 0;

    47     }

    48 

    49     &-content {

    50         min-width: 95%;

    51         font-size: .8rem;

    52 

    53         white-space: pre-wrap;

    54         overflow-wrap: break-word;

    55     }

    56 }

    57 

    58 .delete-icon {

    59     font-size: 1.2rem;

    60     opacity: 0;

    61 }