/** * All of the CSS for your public-facing functionality should be * included in this file. */ /** * Environment for all styles (variables, additions, etc). */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ .pk-scroll-to-top { --pk-scrolltop-background: #a0a0a0; --pk-scrolltop-icon-color: #FFFFFF; --pk-scrolltop-opacity: 1; --pk-scrolltop-opacity-hover: 0.7; } /*--------------------------------------------------------------*/ .pk-scroll-to-top { background: var(--pk-scrolltop-background); display: none; position: fixed; left: -9999px; bottom: 2rem; opacity: 0; transition: opacity 0.25s; } .pk-scroll-to-top.pk-active { opacity: var(--pk-scrolltop-opacity); left: auto; right: 2rem; } .pk-scroll-to-top:hover { opacity: var(--pk-scrolltop-opacity-hover); } .pk-scroll-to-top .pk-icon { display: block; padding: .6rem; color: var(--pk-scrolltop-icon-color); line-height: 1; transition: opacity .2s ease; } @media (min-width: 760px) { .pk-scroll-to-top { display: block; } }