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         // opacity: .6;

    26         border-bottom-color: black;

    27     }

    28 

    29     .start, .finish {

    30         position: absolute;

    31         padding-right: 5rem;

    32         font-size: .72rem;

    33     }

    34 

    35     .start {

    36         top: 0;

    37         left: 0;

    38     }

    39     .finish {

    40         bottom: 0;

    41         left: 0;

    42     }

    43 

    44     &-content {

    45         min-width: 95%;

    46         font-size: .8rem;

    47 

    48         white-space: pre-wrap;

    49         overflow-wrap: break-word;

    50     }

    51 }

    52