-webkit-text-decoration: none;
text-decoration: none;
outline: none;
- border: var(--border)!important;
+ border: var(--border);
color: var(--color);
background-color: var(--background);
-webkit-transition: background-color 0.2s ease,outline 0.2s ease;
pointer-events: none;
}
+.emotion-4:hover,
+.emotion-4:active,
+.emotion-4:focus {
+ border-color: rgb(197,205,223);
+}
+
.code-snippet-highlighted-oneline .emotion-4 {
bottom: 0.5rem;
}
-webkit-text-decoration: none;
text-decoration: none;
outline: none;
- border: var(--border)!important;
+ border: var(--border);
color: var(--color);
background-color: var(--background);
-webkit-transition: background-color 0.2s ease,outline 0.2s ease;
pointer-events: none;
}
+.emotion-4:hover,
+.emotion-4:active,
+.emotion-4:focus {
+ border-color: rgb(197,205,223);
+}
+
.code-snippet-highlighted-oneline .emotion-4 {
bottom: 0.5rem;
}
box-sizing: border-box;
text-decoration: none;
outline: none;
- border: var(--border) !important;
+ border: var(--border);
color: var(--color);
background-color: var(--background);
transition: background-color 0.2s ease, outline 0.2s ease;
--color: ${themeContrast('buttonSecondary')};
--focus: ${themeColor('buttonSecondaryBorder', OPACITY_20_PERCENT)};
--border: ${themeBorder('default', 'buttonSecondaryBorder')};
+
+ &:hover,
+ &:active,
+ &:focus {
+ border-color: ${themeColor('buttonSecondaryBorder')};
+ }
`;
export const DangerButtonPrimary: React.FC<ButtonProps> = styled(Button)`
--color: ${themeContrast('dangerButtonSecondary')};
--focus: ${themeColor('dangerButtonSecondaryFocus', OPACITY_20_PERCENT)};
--border: ${themeBorder('default', 'dangerButtonSecondaryBorder')};
+
+ &:hover,
+ &:active,
+ &:focus {
+ border-color: ${themeColor('dangerButtonSecondaryBorder')};
+ }
`;
export const WrapperButton: React.FC<ButtonProps> = styled(Button)`