Bricks: Back to Top Button.scss

// https://wagepirate.com/blog/back-to-top-button-bricks/

/**
  There needs to be an empty div before the header. See in Misc folder ‘Empty div before header‘
**/

.bricks-is-frontend .backtotop {
	opacity: 0;
  visibility: hidden;
}

.backtotop[show="true"]{
	animation: fadeIn 0.5s;
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
   0% {opacity: 0;visibility: hidden;}
   100% {opacity: 1;visibility: visible;}
}

.backtotop[show="false"] {
	animation: fadeOut 0.5s;
  animation-fill-mode: forwards;
}

@keyframes fadeOut {
   0% {opacity: 1;visibility: visible;}
   100% {opacity: 0;visibility: hidden;}
}