From d42c8b528eb595101954f478e0024e3f079f6fbf Mon Sep 17 00:00:00 2001 From: schneefux Date: Wed, 22 Mar 2017 19:19:26 +0100 Subject: first implementation of fun stats site --- templates/assets/bootstrap/scss/mixins/_hover.scss | 60 ++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 templates/assets/bootstrap/scss/mixins/_hover.scss (limited to 'templates/assets/bootstrap/scss/mixins/_hover.scss') diff --git a/templates/assets/bootstrap/scss/mixins/_hover.scss b/templates/assets/bootstrap/scss/mixins/_hover.scss new file mode 100644 index 0000000..4aa4b1d --- /dev/null +++ b/templates/assets/bootstrap/scss/mixins/_hover.scss @@ -0,0 +1,60 @@ +@mixin hover { + // TODO: re-enable along with mq4-hover-shim +// @if $enable-hover-media-query { +// // See Media Queries Level 4: https://drafts.csswg.org/mediaqueries/#hover +// // Currently shimmed by https://github.com/twbs/mq4-hover-shim +// @media (hover: hover) { +// &:hover { @content } +// } +// } +// @else { +// scss-lint:disable Indentation + &:hover { @content } +// scss-lint:enable Indentation +// } +} + + +@mixin hover-focus { + @if $enable-hover-media-query { + &:focus { @content } + @include hover { @content } + } @else { + &:focus, + &:hover { + @content + } + } +} + +@mixin plain-hover-focus { + @if $enable-hover-media-query { + &, + &:focus { + @content + } + @include hover { @content } + } @else { + &, + &:focus, + &:hover { + @content + } + } +} + +@mixin hover-focus-active { + @if $enable-hover-media-query { + &:focus, + &:active { + @content + } + @include hover { @content } + } @else { + &:focus, + &:active, + &:hover { + @content + } + } +} -- cgit v1.3.1