You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
xshop/resources/sass/panel/_common.scss

54 lines
931 B
SCSS

body{
background: $body-bg;
}
.circle-btn{
width: 75px;
height: 75px;
border-radius: 50%;
background: $secondary-color-panel;
backdrop-filter: blur(4px);
border: 0;
box-shadow: 0px 3px 5px #11111177, inset 0 0 0 0 darkred;
user-select: none;
cursor: pointer;
transition: 500ms;
&:hover{
box-shadow: 0px 3px 5px #11111177, inset 0 0 0 40px darkred;
}
}
.custom-tooltip {
--bs-tooltip-bg: var(--bs-indigo);
--bs-tooltip-color: var(--bs-white);
}
.grid-equal {
display: grid;
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column;
}
a.btn,a.action-btn,a.circle-btn{
&:hover{
color:white;
i{
color: white;
}
}
}
.action-btn{
display: block;
font-size: 47px;
text-align: center;
i{
color: white;
}
position: fixed;
inset-inline-start: 4.2rem;
bottom: 1rem;
}