hedgedoc/global-styles/colors-only-bootstrap/_close.scss
Tilman Vatteroth ca25760d48 feat: vendor special version of bootstrap 5
The vendored version contains ONLY the color rules. This makes it easy to create custom themes on top of the original bootstrap.

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
2022-11-11 23:43:30 +01:00

24 lines
827 B
SCSS

/*!
* SPDX-FileCopyrightText: Original code: Copyright (c) 2011-2022 Twitter, Inc. + Copyright (c) 2011-2022 The Bootstrap Authors. Modification: 2022 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: MIT
*/
// Transparent background and border properties included for button version.
// iOS requires the button element instead of an anchor tag.
// If you want the anchor version, it requires `href="#"`.
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
.btn-close {
color: $btn-close-color;
background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
// Override <a>'s hover style
&:hover {
color: $btn-close-color;
}
&:focus {
box-shadow: $btn-close-focus-shadow;
}
}