1
0
Fork 0
freesewing/packages/css-theme/src/components/_fab.scss
2020-09-16 15:46:57 +02:00

28 lines
508 B
SCSS

button.fab {
position: fixed;
bottom: 1rem;
width: 64px;
height: 64px !important;
z-index: 20;
font-size: 2rem;
border-radius: 50%;
}
button.fab.primary {
right: 1rem;
}
button.fab.secondary {
right: calc(1.5rem + 64px);
}
.style-wrapper.light,
.theme-wrapper.light,
.style-wrapper.dark,
.theme-wrapper.dark {
button.fab.accent {
background-color: $fc-accent-light;
color: $fc-text-dark;
}
button.fab.accent:hover {
background-color: darken($fc-accent-light, 10%);
}
}