Recherche des tweets de réponse avec l'API Tweeter

2024-11-17 13:55:25 +01:00
parent 3d386178bf
commit 8dc18553ec
1751 changed files with 379552 additions and 0 deletions
--- a/resources/sass/dashmix/_overlay.scss
+++ b/resources/sass/dashmix/_overlay.scss
@@ -0,0 +1,157 @@
+//
+// Overlay
+// --------------------------------------------------
+
+// Icon Overlay
+.overlay-container {
+  position: relative;
+}
+
+.overlay-item {
+  position: absolute;
+  display: inline-block;
+  top: 0;
+  right: 0;
+  line-height: 1;
+
+  .overlay-left & {
+    right: auto;
+    left: 0;
+  }
+
+  .overlay-bottom & {
+    top: auto;
+    bottom: 0;
+  }
+
+  .overlay-center & {
+    top: 50%;
+    right: 50%;
+    transform: translateX(50%) translateY(-50%);
+  }
+}
+
+// Options Overlay
+.options-container {
+  position: relative;
+  overflow: hidden;
+  z-index: 1;
+  display: block;
+
+  .options-item {
+    transition: transform .4s ease-out;
+    will-change: transform;
+  }
+
+  .options-overlay {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: absolute;
+    top: -2px;
+    right: -2px;
+    bottom: -2px;
+    left: -2px;
+    z-index: 2;
+    content: '';
+    opacity: 0;
+    visibility: hidden;
+    transition: all .15s ease-in;
+    will-change: opacity, transform;
+
+    &-content {
+      text-align: center;
+    }
+  }
+
+  &:hover {
+    .options-overlay {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
+
+  @include media-breakpoint-down(md) {
+    .options-overlay {
+      display: none;
+    }
+
+    &:hover .options-overlay {
+      display: flex;
+    }
+  }
+}
+
+// Item hover effects
+.fx-item-zoom-in:hover .options-item {
+  transform: scale(1.2, 1.2);
+}
+
+.fx-item-rotate-r:hover .options-item {
+  transform: scale(1.4) rotate(8deg);
+}
+
+.fx-item-rotate-l:hover .options-item {
+  transform: scale(1.4) rotate(-8deg);
+}
+
+// Overlay hover effects
+.fx-overlay-slide-top {
+  .options-overlay {
+    transform: translateY(100%);
+  }
+
+  &:hover .options-overlay {
+    transform: translateY(0);
+  }
+}
+
+.fx-overlay-slide-right {
+  .options-overlay {
+    transform: translateX(-100%);
+  }
+
+  &:hover .options-overlay {
+    transform: translateX(0);
+  }
+}
+
+.fx-overlay-slide-down {
+  .options-overlay {
+    transform: translateY(-100%);
+  }
+
+  &:hover .options-overlay {
+    transform: translateY(0);
+  }
+}
+
+.fx-overlay-slide-left {
+  .options-overlay {
+    transform: translateX(100%);
+  }
+
+  &:hover .options-overlay {
+    transform: translateX(0);
+  }
+}
+
+.fx-overlay-zoom-in {
+  .options-overlay {
+    transform: scale(0, 0);
+  }
+
+  &:hover .options-overlay {
+    transform: scale(1, 1);
+  }
+}
+
+.fx-overlay-zoom-out {
+  .options-overlay {
+    transform: scale(2, 2);
+  }
+
+  &:hover .options-overlay {
+    transform: scale(1, 1);
+  }
+}