added abbrevation

Gururajj77 · Jan 14, 2024 · 99f1920 · 99f1920
1 parent 139080f
commit 99f1920
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/src/app/shared/components/header/header.component.html b/src/app/shared/components/header/header.component.html
@@ -1,5 +1,6 @@
 <nav class="header">
   <div (click)="toHome()" class="logo">BREVIPOST</div>
+  <div class="logo-small">BP...</div>
   <ul class="header-nav">
     <li
       routerLink="/app/feed"

diff --git a/src/app/shared/components/header/header.component.scss b/src/app/shared/components/header/header.component.scss
@@ -49,6 +49,26 @@
   }
 }
 
+.logo-small {
+  display: none;
+  font-size: 24px;
+  font-weight: bold;
+  color: transparent;
+  -webkit-text-stroke: 1px $accent-color;
+  background-image: repeating-linear-gradient(
+    45deg,
+    $accent-color,
+    $accent-color 2px,
+    transparent 2px,
+    transparent 10px
+  );
+  -webkit-background-clip: text;
+  background-clip: text;
+  &:hover {
+    cursor: pointer;
+  }
+}
+
 .logout {
   width: 20px;
   height: 20px;
@@ -76,4 +96,8 @@
   .logo {
     display: none;
   }
+
+  .logo-small {
+    display: block;
+  }
 }