Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/thietkeweb2/layout/default/node_modules/vanillatop/src/ |
// Vanillatop : Lightweight plugin in vanilla javascript to animate scrolling to the top of the page.
//
// @package vanillatop
// @version v1.0.6
// @author Bernard Collet <webmaster@russianconcept.com>
// @copyright (c) 2019 Bernard Collet
// @license MIT <https://opensource.org/licenses/MIT>
// @link https://github.com/bernydole/vanillatop
//
$vanillatop-background: #1c86f2 !default; //color of the button
$vanillatop-color: #fff !default; //color of the text in the button
$vanillatop-size: 40px !default; //size of the button
$vanillatop-position-right: 10px !default; //position from the right border of the screen
$vanillatop-position-bottom: 40px !default; //position from the bottom of the screen
a {
&.vanillatop {
background-color: $vanillatop-background;
border-radius: 50%;
bottom: $vanillatop-position-bottom;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
display: block;
height: $vanillatop-size;
line-height: $vanillatop-size;
position: fixed;
right: $vanillatop-position-right;
text-align: center;
transform: translateX(120px);
transition: 1s all;
width: $vanillatop-size;
z-index: 9999;
&::before {
color: $vanillatop-color;
content: 'â–²';
font-size: 120%;
}
&:link {
text-decoration: none;
}
&:hover {
background-color: lighten($vanillatop-background, 6%);
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
}
@media only screen and (min-width: 768px) {
bottom: $vanillatop-position-bottom - 20px;
right: $vanillatop-position-right + 10px;
}
@media only screen and (min-width: 1024px) {
bottom: $vanillatop-position-bottom - 10px;
height: $vanillatop-size + 10px;
line-height: $vanillatop-size + 10px;
right: $vanillatop-position-right + 20px;
width: $vanillatop-size + 10px;
}
}
}