79 lines
1.4 KiB
SCSS
79 lines
1.4 KiB
SCSS
// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
|
|
|
|
/* Custom Elements > Wedge */
|
|
|
|
wedge, .wedge {
|
|
position: absolute;
|
|
//top: 0;
|
|
//right: 0;
|
|
|
|
color: #{$color-text-generic};
|
|
background-color: #{$color-background-button};
|
|
|
|
user-select: none;
|
|
cursor: pointer;
|
|
|
|
//opacity: 0.875;
|
|
|
|
// https://codepen.io/setswon/pen/VJeXXq
|
|
// Using a value of ~0.35 feels sluggish.
|
|
//transition: color 0.25s ease;
|
|
//transition-timing-function: cubic-bezier(.47,1.64,.41,.8);
|
|
|
|
&:hover:not(.no-hover) {
|
|
background-color: #{$color-background-button-hover};
|
|
}
|
|
|
|
&.wedge-shadow {
|
|
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
&.primary {
|
|
background-color: #{$color-background-button-primary};
|
|
&:hover:not(.no-hover) {
|
|
background-color: #{$color-background-button-primary-hover};
|
|
}
|
|
}
|
|
|
|
&.success {
|
|
background-color: #{$color-background-button-success};
|
|
&:hover:not(.no-hover) {
|
|
background-color: #{$color-background-button-success-hover};
|
|
}
|
|
}
|
|
|
|
&.error {
|
|
background-color: #{$color-background-button-error};
|
|
&:hover:not(.no-hover) {
|
|
background-color: #{$color-background-button-error-hover};
|
|
}
|
|
}
|
|
|
|
&.warning {
|
|
background-color: #{$color-background-button-warning};
|
|
&:hover:not(.no-hover) {
|
|
background-color: #{$color-background-button-warning-hover};
|
|
}
|
|
}
|
|
|
|
&.wedge-tr {
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
&.wedge-br {
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
|
|
&.wedge-tl {
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
&.wedge-bl {
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
}
|