aboutsummaryrefslogtreecommitdiff
path: root/semantic/src/definitions/elements/reveal.less
diff options
context:
space:
mode:
authorFuwn <[email protected]>2020-12-14 23:29:56 -0800
committerFuwn <[email protected]>2020-12-14 23:29:56 -0800
commit002eb44eee98dc838bc854b945ab0cbf4884dd57 (patch)
tree428ae460c79baf32fba8ecf16e6fe02a88c3b971 /semantic/src/definitions/elements/reveal.less
parent:star: (diff)
downloadme-rewrite-angular.tar.xz
me-rewrite-angular.zip
Diffstat (limited to 'semantic/src/definitions/elements/reveal.less')
-rw-r--r--semantic/src/definitions/elements/reveal.less289
1 files changed, 0 insertions, 289 deletions
diff --git a/semantic/src/definitions/elements/reveal.less b/semantic/src/definitions/elements/reveal.less
deleted file mode 100644
index 839668e..0000000
--- a/semantic/src/definitions/elements/reveal.less
+++ /dev/null
@@ -1,289 +0,0 @@
-/*!
- * # Fomantic-UI - Reveal
- * http://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-/*******************************
- Theme
-*******************************/
-
-@type : 'element';
-@element : 'reveal';
-
-@import (multiple) '../../theme.config';
-
-/*******************************
- Reveal
-*******************************/
-
-.ui.reveal {
- display: inherit;
- position: relative !important;
- font-size: 0;
-}
-
-.ui.reveal > .visible.content {
- position: absolute !important;
- top: 0 !important;
- left: 0 !important;
- z-index: @topZIndex !important;
- transition: @transition;
-}
-.ui.reveal > .hidden.content {
- position: relative !important;
- z-index: @bottomZIndex !important;
-}
-
-/* Make sure hovered element is on top of other reveal */
-.ui.active.reveal .visible.content,
-.ui.reveal:hover .visible.content {
- z-index: @activeZIndex !important;
-}
-
-
-/*******************************
- Types
-*******************************/
-
-& when (@variationRevealSlide) {
- /*--------------
- Slide
- ---------------*/
-
- .ui.slide.reveal {
- position: relative !important;
- overflow: hidden !important;
- white-space: nowrap;
- }
-
- .ui.slide.reveal > .content {
- display: block;
- width: 100%;
- white-space: normal;
- float: left;
-
- margin: 0;
- transition: @slideTransition;
- }
-
- .ui.slide.reveal > .visible.content {
- position: relative !important;
- }
- .ui.slide.reveal > .hidden.content {
- position: absolute !important;
- left: 0 !important;
- width: 100% !important;
- transform: translateX(100%) !important;
- }
- .ui.slide.active.reveal > .visible.content,
- .ui.slide.reveal:hover > .visible.content {
- transform: translateX(-100%) !important;
- }
- .ui.slide.active.reveal > .hidden.content,
- .ui.slide.reveal:hover > .hidden.content {
- transform: translateX(0%) !important;
- }
-
- .ui.slide.right.reveal > .visible.content {
- transform: translateX(0%) !important;
- }
- .ui.slide.right.reveal > .hidden.content {
- transform: translateX(-100%) !important;
- }
- .ui.slide.right.active.reveal > .visible.content,
- .ui.slide.right.reveal:hover > .visible.content {
- transform: translateX(100%) !important;
- }
- .ui.slide.right.active.reveal > .hidden.content,
- .ui.slide.right.reveal:hover > .hidden.content {
- transform: translateX(0%) !important;
- }
-
- .ui.slide.up.reveal > .hidden.content {
- transform: translateY(100%) !important;
- }
- .ui.slide.up.active.reveal > .visible.content,
- .ui.slide.up.reveal:hover > .visible.content {
- transform: translateY(-100%) !important;
- }
- .ui.slide.up.active.reveal > .hidden.content,
- .ui.slide.up.reveal:hover > .hidden.content {
- transform: translateY(0%) !important;
- }
-
- .ui.slide.down.reveal > .hidden.content {
- transform: translateY(-100%) !important;
- }
- .ui.slide.down.active.reveal > .visible.content,
- .ui.slide.down.reveal:hover > .visible.content {
- transform: translateY(100%) !important;
- }
- .ui.slide.down.active.reveal > .hidden.content,
- .ui.slide.down.reveal:hover > .hidden.content {
- transform: translateY(0%) !important;
- }
-}
-
-& when (@variationRevealFade) {
- /*--------------
- Fade
- ---------------*/
-
- .ui.fade.reveal > .visible.content {
- opacity: 1;
- }
- .ui.fade.active.reveal > .visible.content,
- .ui.fade.reveal:hover > .visible.content {
- opacity: 0;
- }
-}
-
-& when (@variationRevealMove) {
- /*--------------
- Move
- ---------------*/
-
- .ui.move.reveal {
- position: relative !important;
- overflow: hidden !important;
- white-space: nowrap;
- }
-
- .ui.move.reveal > .content {
- display: block;
- float: left;
- white-space: normal;
-
- margin: 0;
- transition: @moveTransition;
- }
-
- .ui.move.reveal > .visible.content {
- position: relative !important;
- }
- .ui.move.reveal > .hidden.content {
- position: absolute !important;
- left: 0 !important;
- width: 100% !important;
- }
- .ui.move.active.reveal > .visible.content,
- .ui.move.reveal:hover > .visible.content {
- transform: translateX(-100%) !important;
- }
- .ui.move.right.active.reveal > .visible.content,
- .ui.move.right.reveal:hover > .visible.content {
- transform: translateX(100%) !important;
- }
- .ui.move.up.active.reveal > .visible.content,
- .ui.move.up.reveal:hover > .visible.content {
- transform: translateY(-100%) !important;
- }
- .ui.move.down.active.reveal > .visible.content,
- .ui.move.down.reveal:hover > .visible.content {
- transform: translateY(100%) !important;
- }
-}
-
-
-& when (@variationRevealRotate) {
- /*--------------
- Rotate
- ---------------*/
-
- .ui.rotate.reveal > .visible.content {
- transition-duration: @transitionDuration;
- transform: rotate(0deg);
- }
-
- .ui.rotate.reveal > .visible.content,
- .ui.rotate.right.reveal > .visible.content {
- transform-origin: bottom right;
- }
- .ui.rotate.active.reveal > .visible.content,
- .ui.rotate.reveal:hover > .visible.content,
- .ui.rotate.right.active.reveal > .visible.content,
- .ui.rotate.right.reveal:hover > .visible.content {
- transform: rotate(@rotateDegrees);
- }
-
- .ui.rotate.left.reveal > .visible.content {
- transform-origin: bottom left;
- }
- .ui.rotate.left.active.reveal > .visible.content,
- .ui.rotate.left.reveal:hover > .visible.content {
- transform: rotate(-@rotateDegrees);
- }
-}
-
-/*******************************
- States
-*******************************/
-
-& when (@variationRevealDisabled) {
- .ui.disabled.reveal:hover > .visible.visible.content {
- position: static !important;
- display: block !important;
- opacity: 1 !important;
- top: 0 !important;
- left: 0 !important;
- right: auto !important;
- bottom: auto !important;
- transform: none !important;
- }
- .ui.disabled.reveal:hover > .hidden.hidden.content {
- display: none !important;
- }
-}
-
-
-/*******************************
- Coupling
-*******************************/
-
-.ui.reveal > .ui.ribbon.label {
- z-index: @overlayZIndex;
-}
-
-/*******************************
- Variations
-*******************************/
-
-/*--------------
- Visible
----------------*/
-
-.ui.visible.reveal {
- overflow: visible;
-}
-
-/*--------------
- Instant
----------------*/
-
-.ui.instant.reveal > .content {
- transition-delay: 0s !important;
-}
-
-
-/*--------------
- Sizing
----------------*/
-
-.ui.reveal > .content {
- font-size: @medium;
-}
-& when not (@variationRevealSizes = false) {
- each(@variationRevealSizes, {
- @s: @@value;
- .ui.@{value}.reveal > .content {
- font-size: @s;
- }
- })
-}
-
-.loadUIOverrides();