From 5918ac6c6d410aba04b4f81501a2a377acd3f033 Mon Sep 17 00:00:00 2001
From: "Keerthana.A.V" <85394235+Keerthana-A-V@users.noreply.github.com>
Date: Sat, 4 Sep 2021 20:07:16 +0530
Subject: [PATCH] Delete main.scss

---
 main.scss | 334 ------------------------------------------------------
 1 file changed, 334 deletions(-)
 delete mode 100644 main.scss

diff --git a/main.scss b/main.scss
deleted file mode 100644
index 29733c0..0000000
--- a/main.scss
+++ /dev/null
@@ -1,334 +0,0 @@
-*{
-    padding: 0;
-    margin: 0;
-    box-sizing: border-box;
-    font-family: 'Roboto', sans-serif;
-}
-:root{
-    font-size: clamp(1rem, 1.2vmax, 3rem);
-}
-html, body{
-    height: 100%;
-    scroll-behavior: smooth;
-}
-body {
-    &,
-    *{
-        --accent-color: #0D7377;
-        --text-color: 17, 17, 17;
-        --background-color: 255, 255, 255;
-        --danger-color: red;
-    }
-    color: rgba(var(--text-color), 1);
-    background: rgba(var(--background-color), 1);
-}
-body[data-theme='dark']{
-    &,
-    *{
-        --accent-color: #32E0C4;
-        --text-color: 240, 240, 240;
-        --text-color-light: 170, 170, 170;
-        --background-color: 10, 10, 10;
-        --danger-color: rgb(255, 106, 106);
-    }
-}
-p {
-    font-size: 0.8;
-    max-width: 65ch;
-    line-height: 1.7;
-    margin-bottom: 1.5rem;
-    color: rgba(var(--text-color), 0.8);
-    &:not(:last-of-type){
-        margin-bottom: 1rem;
-    }
-}
-img{
-    object-fit: cover;
-}
-
-a{
-    color: inherit;
-    text-decoration: none;
-    &:focus-visible{
-        box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1) inset;
-    }
-}
-
-button{
-    display: inline-flex;
-    border: none;
-    background-color: inherit;
-}
-
-a:any-link:focus-visible{
-    outline: rgba(var(--text-color), 1) 0.1rem solid;
-}
-sm-button{
-    --border-radius: 0.3rem;
-}
-ul{
-    list-style: none;
-}
-.flex{
-    display: flex;
-}
-.grid{
-    display: grid;
-}
-.hide{
-    opacity: 0;
-    pointer-events: none;
-}
-.hide-completely{
-    display: none !important;
-}
-.no-transformations{
-    transform: none !important;
-}
-.overflow-ellipsis{
-    width: 100%;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-.breakable{
-    overflow-wrap: break-word;
-    word-wrap: break-word;
-    -ms-word-break: break-all;
-    word-break: break-word;
-    -ms-hyphens: auto;
-    -moz-hyphens: auto;
-    -webkit-hyphens: auto;
-    hyphens: auto;
-}
-.full-bleed{
-    grid-column: 1/4;
-}
-.h1{
-    font-size: 2.5rem;
-}
-.h2{
-    font-size: 2rem;
-}
-.h3{
-    font-size: 1.4rem;
-}
-.h4{
-    font-size: 1rem;
-}
-.h5{
-    font-size: 0.8rem;
-}
-
-.uppercase{
-    text-transform: uppercase;
-}
-.capitalize{
-    text-transform: capitalize;
-}
-.flex{
-    display: flex;
-}
-.grid{
-    display: grid;
-}
-.grid-3{
-    grid-template-columns: 1fr auto auto;
-}
-.flow-column{
-    grid-auto-flow: column;
-}
-.gap-0-5{
-    gap: 0.5rem;
-}
-.gap-1{
-    gap: 1rem;
-}
-.gap-1-5{
-    gap: 1.5rem;
-}
-.gap-2{
-    gap: 2rem;
-}
-.gap-3{
-    gap: 3rem;
-}
-.text-align-right{
-    text-align: right;
-}
-.align-start{
-    align-items: flex-start;
-}
-.align-center{
-    align-items: center;
-}
-.text-center{
-    text-align: center;
-}
-.justify-start{
-    justify-content: start;
-}
-.justify-center{
-    justify-content: center;
-}
-.justify-right{
-    margin-left: auto;
-}
-.align-self-center{
-    align-self: center;
-}
-.justify-self-center{
-    justify-self: center;
-}
-.justify-self-start{
-    justify-self: start;
-}
-.justify-self-end{
-    justify-self: end;
-}
-.direction-column{
-    flex-direction: column;
-}
-.space-between{
-    justify-content: space-between;
-}
-.w-100{
-    width: 100%;
-}
-.color-0-8{
-    color: rgba(var(--text-color), 0.8);
-}
-.weight-400{
-    font-weight: 400;
-}
-.weight-500{
-    font-weight: 500;
-}
-.ripple{
-    position: absolute;
-    border-radius: 50%;
-    transform: scale(0);
-    background: rgba(var(--text-color), 0.16);
-    pointer-events: none;
-}
-.interact{
-    position: relative;
-    overflow: hidden;
-    cursor: pointer;
-    -webkit-tap-highlight-color: transparent;
-}
-.observe-empty-state:empty{
-    display: none;
-}
-.observe-empty-state:not(:empty) ~ .empty-state{
-    display: none;
-}
-.icon{
-    width: 1.5rem;
-    height: 1.5rem;
-    fill: rgba(var(--text-color), 0.9);
-}
-.button__icon{
-    height: 1.2rem;
-    width: 1.2rem;
-    &--left{
-        margin-right: 0.5rem;
-    }
-    &--right{
-        margin-left: 0.5rem;
-    }
-}
-#confirmation_popup,
-#prompt_popup {
-    flex-direction: column;
-    h4 {
-        font-weight: 500;
-        margin-bottom: 0.5rem;
-    }
-    sm-button{
-        margin: 0;
-    }
-    .flex {
-        padding: 0;
-        margin-top: 1rem;
-        sm-button:first-of-type {
-            margin-right: 0.6rem;
-            margin-left: auto;
-        }
-    }
-}
-#main_header{
-    display: flex;
-    gap: 1rem;
-    align-items: center;
-    position: sticky;
-    padding: 1rem 1.5rem;
-    background: rgba(var(--background-color), 1);
-    border-bottom: solid 1px rgba(var(--text-color), 0.16);
-    z-index: 2;
-}
-#logo{
-    display: grid;
-    align-items: center;
-    width: 100%;
-    grid-template-columns: auto 1fr;
-    gap: 0 0.5rem;
-    margin-right: 1rem;
-    h4{
-        text-transform: capitalize;
-        font-size: 1rem;
-        font-weight: 600;
-        margin-top: 0.2rem;
-    }
-    h5{
-        font-size: 0.8rem;
-        font-family: 'Roboto', sans-serif;
-        font-weight: 400;
-    }
-    #main_logo{
-        height: 1.4rem;
-        width: 1.4rem;
-        fill: rgba(var(--text-color), 1);
-        stroke: none;
-    }
-}
-sm-tab-header{
-    padding: 0 1.5rem;
-    background-color: rgba(var(--text-color), 0.06);
-}
-sm-tab{
-    padding: 0.5rem 0.8rem;
-}
-.section{
-    display: flex;
-    flex-direction: column;
-    margin-top: 3rem;
-    padding: 0 1.5rem;
-    &:first-of-type{
-        margin-top: 0;
-    }
-}
-.section__header{
-    display: flex;
-    padding: 1rem 0;
-    justify-content: space-between;
-}
-.card{
-    padding: 1.5rem;
-    display: flex;
-    flex-direction: column;
-    min-width: 20rem;
-    border-radius: 0.5rem;
-    margin-right: 1.5rem;
-    background-color: rgba(var(--text-color), 0.06);
-    h3{
-        font-weight: 500;
-    }
-}
-
-@media screen and (min-width: 640px) {
-    // for tablet and desktop
-    sm-popup{
-        --width: 24rem;
-    }
-}
\ No newline at end of file