somewhere

sass/app/global.scss

@@ -0,0 +1,156 @@
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  direction: rtl;
+  background: $bg;
+
+  &:lang(en) {
+    direction: ltr;
+  }
+}
+
+p,
+span,
+b {
+  font-family: 'iranYekanL', sans-serif;
+  color: $txtColor;
+  line-height: 1.6em;
+}
+
+form,
+input,
+textarea,
+select,
+option,
+button,
+table,
+tr,
+td,
+th,
+ul,
+ol,
+li {
+  outline: none;
+  font-family: 'iranYekanR', sans-serif;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: 'iranYekanB', sans-serif;
+  line-height: 1.3em;
+}
+
+a {
+  font-family: 'iranYekanR', sans-serif;
+  text-decoration: none;
+  color: $txtColor;
+  line-height: 1.6em;
+
+  &:hover {
+    text-decoration: none;
+    color: rgba(0, 0, 0, 0.7);
+  }
+}
+
+.default {
+  p {
+    text-align: justify;
+  }
+}
+
+pre {
+  direction: ltr !important;
+  text-align: left;
+  padding: 25px;
+  background: #000;
+  color: greenyellow;
+  font-size: 18px;
+}
+
+section {
+  padding: 0 0 100px;
+}
+
+@keyframes loading {
+  0% {
+    @include transform(rotateZ(0));
+  }
+
+  100% {
+    @include transform(rotateZ(360deg));
+  }
+}
+
+/////// global classes
+.page {
+  min-height: 100vh;
+  padding-top: 50px;
+  overflow: hidden;
+
+  .no-post {
+    text-align: center;
+
+    h2 {
+      padding: 15px;
+      background: orangered;
+      color: #fff;
+      @include borderRadius(15px);
+      margin-top: 50px;
+    }
+  }
+}
+
+.overflow-hidden {
+  overflow-x: hidden;
+}
+
+.singleLineTxt {
+  overflow: hidden !important;
+  display: -webkit-box !important;
+  -webkit-line-clamp: 1 !important;
+  -webkit-box-orient: vertical !important;
+}
+
+.notificationAnim {
+  @keyframes ring {
+    from {
+      @include transform(rotateZ(20deg));
+    }
+    to {
+      @include transform(rotateZ(-20deg));
+    }
+  }
+
+  display: inline-block;
+  animation: ring 0.5s alternate-reverse infinite;
+}
+
+.vpd-wrapper {
+  .vpd-selected {
+    .vpd-day-text {
+      color: #fff !important;
+    }
+  }
+
+  .vpd-date {
+    span {
+      color: #fff !important;
+    }
+  }
+}
+///////// animations
+.page-enter-active,
+.page-leave-active {
+  transition: opacity 0.5s;
+}
+
+.page-enter,
+.page-leave-to {
+  opacity: 0;
+}