richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

more attemps to fix below/above reveal

pull/13/head
Jack Lukic 11 years ago
parent
137b712240
commit
ce2e975e18
5 changed files with 42 additions and 6 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      build/minified/modules/reveal.min.css
  2. 2
      build/packaged/semantic.min.css
  3. 8
      build/uncompressed/modules/reveal.css
  4. 8
      node/src/files/components/semantic/modules/reveal.css
  5. 28
      src/modules/reveal.less

2
build/minified/modules/reveal.min.css
View File

@ -1 +1 @@
.ui.reveal{position:relative!important;z-index:2!important}.ui.reveal>:first-child{-webkit-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s;-moz-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s;-ms-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s;transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s}.ui.reveal>:first-child{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:4!important;-webkit-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s;-moz-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s;-ms-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s;transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s}.ui.reveal>:last-child{position:relative!important;z-index:3!important}.ui.reveal.button{overflow:hidden}.ui.slide.reveal{position:relative!important;display:block!important;overflow:hidden!important;white-space:nowrap}.ui.slide.reveal>*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0 1em;-webkit-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s!important;-moz-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s!important;-ms-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s!important;transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s!important}.ui.slide.reveal>:first-child{position:relative!important}.ui.slide.reveal>:last-child{display:inline-block;position:absolute!important;top:0!important;left:100%!important;width:100%!important}.ui.slide.reveal:hover>:first-child{left:-100%!important}.ui.slide.reveal:hover>:last-child{left:0!important}.ui.right.slide.reveal>:first-child{left:0}.ui.right.slide.reveal>:last-child{left:auto!important;right:100%!important}.ui.right.slide.reveal:hover>:first-child{left:100%!important;right:auto!important}.ui.right.slide.reveal:hover>:last-child{left:auto!important;right:0!important}.ui.up.slide.reveal>:first-child{top:0!important;left:0!important}.ui.up.slide.reveal>:last-child{top:100%!important;left:0!important}.ui.slide.up.reveal:hover>:first-child{top:-100%!important;left:0!important}.ui.slide.up.reveal:hover>:last-child{top:0!important;left:0!important}.ui.down.slide.reveal>:first-child{bottom:0!important}.ui.down.slide.reveal>:last-child{top:auto!important;bottom:100%!important;left:0!important}.ui.slide.down.reveal:hover>:first-child{left:0!important;bottom:-100%!important}.ui.slide.down.reveal:hover>:last-child{left:0!important;bottom:0!important}.ui.fade.reveal>:first-child{opacity:1}.ui.fade.reveal:hover>:first-child{opacity:0}.ui.move.reveal>:first-child,.ui.move.left.reveal>:first-child{left:auto!important;top:auto!important;bottom:auto!important;right:0!important}.ui.move.reveal:hover>:first-child,.ui.move.left.reveal:hover>:first-child{right:100%!important}.ui.move.right.reveal>:first-child{right:auto!important;top:auto!important;bottom:auto!important;left:0!important}.ui.move.right.reveal:hover>:first-child{left:100%!important}.ui.move.up.reveal>:first-child{right:auto!important;left:auto!important;top:auto!important;bottom:0!important}.ui.move.up.reveal:hover>:first-child{bottom:100%!important}.ui.move.down.reveal>:first-child{right:auto!important;left:auto!important;top:0!important;bottom:auto!important}.ui.move.down.reveal:hover>:first-child{top:100%!important}.ui.rotate.reveal>:first-child{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;transition-duration:.8s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ui.rotate.reveal>:first-child,.ui.rotate.right.reveal>:first-child{-webkit-transform-origin:bottom right;-moz-transform-origin:bottom right;-o-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right}.ui.rotate.reveal:hover>:first-child,.ui.rotate.right.reveal:hover>:first-child{-webkit-transform:rotate(110deg);-moz-transform:rotate(110deg);-o-transform:rotate(110deg);-ms-transform:rotate(110deg);transform:rotate(110deg)}.ui.rotate.left.reveal>:first-child{-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;-o-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}.ui.rotate.left.reveal:hover>:first-child{-webkit-transform:rotate(-110deg);-moz-transform:rotate(-110deg);-o-transform:rotate(-110deg);-ms-transform:rotate(-110deg);transform:rotate(-110deg)}.ui.masked.reveal{overflow:hidden}.ui.instant.reveal>*{-webkit-transition-delay:0s!important;-moz-transition-delay:0s!important;-o-transition-delay:0s!important;-ms-transition-delay:0s!important;transition-delay:0s!important}
.ui.reveal{position:relative!important;z-index:2!important}.ui.reveal>:first-child{-webkit-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s;-moz-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s;-ms-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s;transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s}.ui.reveal>:first-child{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:4!important;-webkit-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s;-moz-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s;-ms-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s;transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s}.ui.reveal>:last-child{position:relative!important;z-index:3!important}.ui.reveal.button{overflow:hidden}.ui.slide.reveal{position:relative!important;display:block!important;overflow:hidden!important;white-space:nowrap}.ui.slide.reveal>*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0 1em;-webkit-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s!important;-moz-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s!important;-ms-transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s!important;transition:all .8s cubic-bezier(0.175,.885,.32,1) .15s!important}.ui.slide.reveal>:first-child{position:relative!important}.ui.slide.reveal>:last-child{display:inline-block;position:absolute!important;top:0!important;left:100%!important;width:100%!important}.ui.slide.reveal:hover>:first-child{left:-100%!important}.ui.slide.reveal:hover>:last-child{left:0!important}.ui.right.slide.reveal>:first-child{left:0}.ui.right.slide.reveal>:last-child{left:auto!important;right:100%!important}.ui.right.slide.reveal:hover>:first-child{left:100%!important;right:auto!important}.ui.right.slide.reveal:hover>:last-child{left:auto!important;right:0!important}.ui.up.slide.reveal>:first-child{top:0!important;left:0!important;right:auto!important;bottom:auto!important}.ui.up.slide.reveal>:last-child{top:100%!important;left:0!important;right:auto!important;bottom:auto!important}.ui.slide.up.reveal:hover>:first-child{top:-100%!important;left:0!important}.ui.slide.up.reveal:hover>:last-child{top:0!important;left:0!important}.ui.down.slide.reveal>:first-child{top:auto!important;right:auto!important;bottom:auto!important;bottom:0!important}.ui.down.slide.reveal>:last-child{top:auto!important;right:auto!important;bottom:100%!important;left:0!important}.ui.slide.down.reveal:hover>:first-child{left:0!important;bottom:-100%!important}.ui.slide.down.reveal:hover>:last-child{left:0!important;bottom:0!important}.ui.fade.reveal>:first-child{opacity:1}.ui.fade.reveal:hover>:first-child{opacity:0}.ui.move.reveal>:first-child,.ui.move.left.reveal>:first-child{left:auto!important;top:auto!important;bottom:auto!important;right:0!important}.ui.move.reveal:hover>:first-child,.ui.move.left.reveal:hover>:first-child{right:100%!important}.ui.move.right.reveal>:first-child{right:auto!important;top:auto!important;bottom:auto!important;left:0!important}.ui.move.right.reveal:hover>:first-child{left:100%!important}.ui.move.up.reveal>:first-child{right:auto!important;left:auto!important;top:auto!important;bottom:0!important}.ui.move.up.reveal:hover>:first-child{bottom:100%!important}.ui.move.down.reveal>:first-child{right:auto!important;left:auto!important;top:0!important;bottom:auto!important}.ui.move.down.reveal:hover>:first-child{top:100%!important}.ui.rotate.reveal>:first-child{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;transition-duration:.8s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ui.rotate.reveal>:first-child,.ui.rotate.right.reveal>:first-child{-webkit-transform-origin:bottom right;-moz-transform-origin:bottom right;-o-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right}.ui.rotate.reveal:hover>:first-child,.ui.rotate.right.reveal:hover>:first-child{-webkit-transform:rotate(110deg);-moz-transform:rotate(110deg);-o-transform:rotate(110deg);-ms-transform:rotate(110deg);transform:rotate(110deg)}.ui.rotate.left.reveal>:first-child{-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;-o-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}.ui.rotate.left.reveal:hover>:first-child{-webkit-transform:rotate(-110deg);-moz-transform:rotate(-110deg);-o-transform:rotate(-110deg);-ms-transform:rotate(-110deg);transform:rotate(-110deg)}.ui.masked.reveal{overflow:hidden}.ui.instant.reveal>*{-webkit-transition-delay:0s!important;-moz-transition-delay:0s!important;-o-transition-delay:0s!important;-ms-transition-delay:0s!important;transition-delay:0s!important}

2
build/packaged/semantic.min.css
File diff suppressed because it is too large
View File

8
build/uncompressed/modules/reveal.css
View File

@ -102,10 +102,14 @@
.ui.up.slide.reveal > :first-child {
top: 0% !important;
left: 0% !important;
right: auto !important;
bottom: auto !important;
}
.ui.up.slide.reveal > :last-child {
top: 100% !important;
left: 0% !important;
right: auto !important;
bottom: auto !important;
}
.ui.slide.up.reveal:hover > :first-child {
top: -100% !important;
@ -116,10 +120,14 @@
left: 0% !important;
}
.ui.down.slide.reveal > :first-child {
top: auto !important;
right: auto !important;
bottom: auto !important;
bottom: 0% !important;
}
.ui.down.slide.reveal > :last-child {
top: auto !important;
right: auto !important;
bottom: 100% !important;
left: 0% !important;
}

8
node/src/files/components/semantic/modules/reveal.css
View File

@ -102,10 +102,14 @@
.ui.up.slide.reveal > :first-child {
top: 0% !important;
left: 0% !important;
right: auto !important;
bottom: auto !important;
}
.ui.up.slide.reveal > :last-child {
top: 100% !important;
left: 0% !important;
right: auto !important;
bottom: auto !important;
}
.ui.slide.up.reveal:hover > :first-child {
top: -100% !important;
@ -116,10 +120,14 @@
left: 0% !important;
}
.ui.down.slide.reveal > :first-child {
top: auto !important;
right: auto !important;
bottom: auto !important;
bottom: 0% !important;
}
.ui.down.slide.reveal > :last-child {
top: auto !important;
right: auto !important;
bottom: 100% !important;
left: 0% !important;
}

28
src/modules/reveal.less
View File

@ -96,16 +96,28 @@
margin: 0em;
padding: 0em 1em;
-webkit-transition:
all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important
top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important,
left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important,
right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important,
bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important
;
-moz-transition:
all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important
top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important,
left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important,
right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important,
bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important
;
-ms-transition:
all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important
top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important,
left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important,
right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important,
bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important
;
transition:
all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important
top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important,
left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important,
right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important,
bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s !important
;
}
.ui.slide.reveal > :first-child {
@ -144,10 +156,14 @@
.ui.up.slide.reveal > :first-child {
top: 0% !important;
left: 0% !important;
right: auto !important;
bottom: auto !important;
}
.ui.up.slide.reveal > :last-child {
top: 100% !important;
left: 0% !important;
right: auto !important;
bottom: auto !important;
}
.ui.slide.up.reveal:hover > :first-child {
top: -100% !important;
@ -159,10 +175,14 @@
}
.ui.down.slide.reveal > :first-child {
top: auto !important;
right: auto !important;
bottom: auto !important;
bottom: 0% !important;
}
.ui.down.slide.reveal > :last-child {
top: auto !important;
right: auto !important;
bottom: 100% !important;
left: 0% !important;
}

Write Preview
Loading…
Cancel
Save