github.com/tooploox/oya@v0.0.21-0.20230524103240-1cda1861aad6/docs/_includes/style.html (about)

     1  <style>
     2  body {
     3  	-webkit-font-smoothing: antialiased;
     4  	-moz-font-smoothing: antialiased;
     5  	-o-font-smoothing: antialiased;
     6  }
     7  /* Animations to copying of command snippets */
     8  .code-wrapper:hover .code-tooltip {
     9  	opacity: 1;
    10    	transition: all .2s ease-in-out;
    11  }
    12  .code-wrapper .code-tooltip {
    13  	opacity: 0;
    14    	transition: all .2s ease-in-out;
    15  }
    16  /* Snackbar Control */
    17  #snackbar.show {
    18    display: flex;
    19    flex-direction: column;
    20    justify-content: center;
    21    opacity: 1;
    22    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;;
    23    animation: fadein 0.5s, fadeout 0.5s 2.5s;;
    24  }
    25  /* Animations to fade the snackbar in and out */
    26  @-webkit-keyframes fadein {
    27    from {top: 10px; opacity: 0;} 
    28    to {top: 20px; opacity: 1;}
    29  }
    30  @keyframes fadein {
    31    from {top: 10px; opacity: 0;} 
    32    to {top: 20px; opacity: 1;}
    33  }
    34  @-webkit-keyframes fadeout {
    35    from {top: 20px; opacity: 1;} 
    36    to {top: 10px; opacity: 0;}
    37  }
    38  @keyframes fadeout {
    39    from {top: 20px; opacity: 1;} 
    40    to {top: 10px; opacity: 0;}
    41  }
    42  </style>