first commit

2024-01-11 18:24:41 -06:00
commit 4c1fb67383
103 changed files with 29954 additions and 0 deletions
--- a/src/styles/navpanel.scss
+++ b/src/styles/navpanel.scss
@@ -0,0 +1,123 @@
+.mobile-main-heading-hide {
+  position: fixed;
+  top: 55px;
+  left: 0px;
+  background-color: #fff;
+  width: 100%;
+  height: 420px;
+  z-index: 999;
+  transition-property: all;
+  transition-duration: 0.5s;
+  transition-timing-function: linear;
+  visibility: hidden;
+  border-radius: 30px;
+}
+
+.mobile-main-heading-show {
+  position: fixed;
+  top: 55px;
+  left: 0px;
+  background-color: #fff;
+  width: 100%;
+  height: 420px;
+  z-index: 999;
+  transition-property: all;
+  transition-duration: 0.5s;
+  transition-timing-function: linear;
+  visibility: visible;
+  border-radius: 30px;
+}
+
+.mobile-heading-wrapper {
+  position: fixed;
+  top: 70px;
+  right: 0px;
+  background: linear-gradient(to left, rgba(245, 246, 252, 0.52), cyan);
+  width: 0px;
+  height: 461px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  transition-property: width;
+  transition-duration: 0.5s;
+  transition-timing-function: linear;
+  border: 1px solid blue;
+  z-index: 999;
+}
+
+.mobile-heading-wrapper1 {
+  position: fixed;
+  top: 70px;
+  right: 0px;
+  background: linear-gradient(to left, rgba(245, 246, 252, 0.52), cyan);
+  width: 430px;
+  height: 461px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  transition-property: width;
+  transition-duration: 0.5s;
+  transition-timing-function: linear;
+  z-index: 999;
+  border: 1px solid blue;
+}
+
+.mobile-heading-wrap {
+  position: relative;
+  margin: 0px 10px;
+  margin-top: 7px;
+  margin-bottom: 20px;
+}
+
+.mobile-info-box {
+  height: 680px;
+  background: linear-gradient(to left, rgba(245, 246, 252, 0.52), cyan);
+}
+
+.mobile-heading-link-wrap {
+  width: 330px;
+  color: #fff;
+  text-align: center;
+  font-weight: bold;
+  margin: 50px 10px;
+  color: #fff;
+}
+
+.mobile-heading-link-box {
+  margin-top: 10px;
+  padding-top: 2px;
+  margin-bottom: 10px;
+}
+
+.mobile-heading-links {
+  padding-top: 15px;
+  display: flex;
+  flex-direction: column;
+}
+
+.mobile-lower {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 20px;
+  margin-bottom: 15px;
+}
+
+.mobile-border-div {
+  text-align: center;
+  border-bottom: 1px solid var(--grayish-violet);
+  width: 280px;
+}
+
+.mobile-heading-close {
+  cursor: pointer;
+}
+
+.mobile-heading-close {
+  color: #888888;
+  font-weight: bold;
+  font-size: 3em;
+  float: right;
+}
+
+.ks-mobile_heading_submenu_links {
+  width: 100%;
+}