From 99f19204dbfd5297afcd59cb4f8c0064d2bdaee3 Mon Sep 17 00:00:00 2001
From: Gururajj77 <gururajtakeshi@gmail.com>
Date: Sun, 14 Jan 2024 18:40:01 +0530
Subject: [PATCH] added abbrevation

---
 .../components/header/header.component.html   |  1 +
 .../components/header/header.component.scss   | 24 +++++++++++++++++++
 2 files changed, 25 insertions(+)

diff --git a/src/app/shared/components/header/header.component.html b/src/app/shared/components/header/header.component.html
index b4ab592..cb531c1 100644
--- 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
index 2b3d92c..1e4da04 100644
--- 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;
+  }
 }