Admin place demo look done

2025-10-13 00:42:32 +00:00 · 2021-10-25 13:24:47 -03:00
parent 26251faea3
commit 94cd6f2263
30 changed files with 1101 additions and 21 deletions
--- a/public/sass/control-panelDemo/admin-header-demo.scss
+++ b/public/sass/control-panelDemo/admin-header-demo.scss
@@ -0,0 +1,41 @@
+header.demo {
+
+    h1 {
+
+        height: 100%;
+        
+        display: flex;
+        align-items: center;
+
+        span.demoSpan {
+            
+            //color: #ffaa3b;
+
+            background: -webkit-linear-gradient(118deg, rgba(255,170,59,1) 0%, rgba(255,107,0,1) 100%); //!Credits https://cssgradient.io
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            //!Credits https://cssgradient.io/blog/css-gradient-text/
+            //height: 100%;
+
+            display: flex;
+            align-items: center;
+
+            &:hover {
+                //display: inline-block;
+                vertical-align: middle;
+                -webkit-transform: perspective(1px) translateZ(0);
+                transform: perspective(1px) translateZ(0);
+                box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+                -webkit-transition-duration: 0.3s;
+                transition-duration: 0.3s;
+                -webkit-transition-property: transform;
+                transition-property: transform;
+            }
+            
+            &:hover, &:focus, &:active {
+                -webkit-transform: rotate(4deg);
+                transform: rotate(4deg);
+            }
+        }
+    }
+}