1 

     2 .session-count {

     3     font-size: 2rem;

     4     z-index: -1;

     5 }

     6 

     7 .sessions{

     8     cursor: pointer;

     9 }

    10 

    11 #delete {

    12     // opacity: 0;

    13     // display: none;

    14     -webkit-transition: .5s all;

    15     -webkit-transition-delay: 5s;

    16     -moz-transition: .5s all;

    17     -moz-transition-delay: 5s;

    18     -ms-transition: .5s all;

    19     -ms-transition-delay: 5s;

    20     -o-transition: .5s all;

    21     -o-transition-delay: 5s;

    22     transition: .5s all;

    23     transition-delay: 5s;

    24 

    25     &:hover {

    26         // opacity: 1;

    27         display: inline-block;

    28         -webkit-transition-delay: 0s;

    29         -moz-transition-delay: 0s;

    30         -ms-transition-delay: 0s;

    31         -o-transition-delay: 0s;

    32         transition-delay: 0s;

    33     }

    34 }

    35 

    36 .sessions:hover ~ #delete {

    37     // opacity: 1;

    38     display: inline-block;

    39     -webkit-transition-delay: 0s;

    40     -moz-transition-delay: 0s;

    41     -ms-transition-delay: 0s;

    42     -o-transition-delay: 0s;

    43     transition-delay: 0s;

    44 }

    45 

    46 .sessions:hover {

    47     opacity: .7;

    48 }

    49 

    50 

    51 span.session {

    52 

    53     &-title {

    54     font-size: 1.3rem;

    55     white-space: pre-wrap;

    56     overflow-wrap: break-word;

    57     }

    58 

    59     &-date {

    60         font-size: .9rem;

    61     }

    62 

    63     &-description {

    64         font-size: .9rem;

    65         white-space: pre-wrap;

    66         overflow-wrap: break-word;

    67     }

    68 }

    69 

    70 .delete{

    71     font-size: 1rem;

    72 }

    73 

    74 #delete-session-modal{

    75     -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */

    76        -moz-animation: fadein 0.5s; /* Firefox < 16 */

    77         -ms-animation: fadein 0.5s; /* Internet Explorer */

    78          -o-animation: fadein 0.5s; /* Opera < 12.1 */

    79             animation: fadein 0.5s;

    80 }

    81 

    82 @keyframes fadein {

    83     from { opacity: 0; }

    84     to   { opacity: 1; }

    85 }

    86 

    87 /* Firefox < 16 */

    88 @-moz-keyframes fadein {

    89     from { opacity: 0; }

    90     to   { opacity: 1; }

    91 }

    92 

    93 /* Safari, Chrome and Opera > 12.1 */

    94 @-webkit-keyframes fadein {

    95     from { opacity: 0; }

    96     to   { opacity: 1; }

    97 }

    98 

    99 /* Internet Explorer */

   100 @-ms-keyframes fadein {

   101     from { opacity: 0; }

   102     to   { opacity: 1; }

   103 }

   104 

   105 /* Opera < 12.1 */

   106 @-o-keyframes fadein {

   107     from { opacity: 0; }

   108     to   { opacity: 1; }

   109 }

   110 

   111 #delete-session {

   112 

   113     &-modal-button {

   114         font-size: .9rem;

   115     }

   116 

   117     &-close-modal-button {

   118         background-color: transparent;

   119         border: transparent;

   120         color: rgba(#769FED, .4);

   121         cursor: pointer;

   122     }

   123 

   124     &-close-modal-button:hover {

   125         background-color: transparent;

   126         border: transparent;

   127         color:black;

   128     }

   129 }

   130 

   131 .modal-text {

   132     font-size: 1rem;

   133 }

   134