css cleanup

overwolf · Jul 16, 2024 · 880f5e9 · 880f5e9
1 parent b7d7e5b
commit 880f5e9
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 178 deletions.
diff --git a/src/css/admonition.scss b/src/css/admonition.scss
@@ -1,116 +0,0 @@
- //deprecated
-
-.admonition {
-  margin-bottom: 1em;
-  padding: 16px 42px 16px 16px;
-  margin-bottom: 60px;
-  border-left: 7px solid;
-  background-color: var(--card-hover);
-}
-
-.admonition h5 {
-  margin-top: 0;
-  margin-bottom: 16px;
-  text-transform: capitalize;
-  position: relative;
-  font-size: 18px;
-  line-height: 30px;
-  color: var(--color-300);
-  padding-left: 36px;
-}
-
-.admonition h5::before {
-  content: '';
-  position: absolute;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
-.admonition-icon {
-  display: none;
-}
-
-.admonition-content {
-  color: var(--color-300);
-
-  p, ol li, p ul li  {
-    margin-bottom: 0;
-    font-size: 18px;
-    line-height: 30px;
-    color: var(--color-300);
-  }
-}
-
-
-.admonition-content a {
-  color: var(--color-300);
-  text-decoration-color: var(--color-300);
-
-  &:hover {
-    text-decoration-color: var(--color-primary);
-  }
-}
-
-/** Customization */
-
-.admonition-tip {
-  border-color:var(--admonition-tip);
-}
-
-.admonition-tip h5::before {
-  width: 24px;
-  height: 36px;
-  left: 0;
-  top: -3px;
-  background-image: url(/img/icons/tip.svg);
-}
-
-.admonition-notes {
-  border-left: 7px solid var(--color-600);
-}
-
-.admonition-notes h5::before, .alert--secondary h5::before {
-  width: 46px;
-  height: 52px;
-  left: -8px;
-  top: -11px;
-  background-image: url(/img/icons/note.svg);
-}
-
-
-.admonition-warning {
-  background-color: var(--admonition-warning);
-  border-color: var(--color-error);
-}
-
-.admonition-warning h5::before {
-  width: 23px;
-  height: 36px;
-  left: 0;
-  top: -3px;
-  background-image: url(/img/icons/warning.svg);
-}
-
-.admonition-caution {
-  border-color: var(--admonition-caution);
-}
-
-.admonition-caution h5::before {
-  width: 30px;
-  height: 27px;
-  left: 0;
-  top: -3px;
-  background-image: url(/img/icons/caution.svg);
-}
-
-.admonition-important {
-  border-color: var(--admonition-important);
-}
-
-.admonition-important h5::before {
-  width: 30px;
-  height: 30px;
-  left: 0;
-  top: 0px;
-  background-image: url(/img/icons/important.svg);
-}

diff --git a/src/css/colors.scss b/src/css/colors.scss
@@ -175,59 +175,22 @@
 	--color-800: #808080;
 	--color-900: #909090;
 	--color-1000: #AAAAAA;
-
-	--color-navbar: #121212;
-	--card-black: #151515;
   --card-hover: #DADADA;
 	--color-grey: #B5B5B5;
  	--color-grey-1: #B2B2B2;
 	--color-grey-light: #E9E9E9;
 	--color-grey-light-2:#E5E5E5;
-	--color-grey-light-3: #F0F0F0;
-	--color-gray-active: #EDEDED;
-
-	--color-grey-4: #BDBDBD;
-	--color-grey-5: #D5D5D5;
-  --color-grey-9: #D9D9D9;
 	--color-txt: #CCCCCC;
 	--color-headline: #E2E2E2;
-	--color-dark-text: #636363;
-	--color-title-light: #f2f2f2;
 	--color-website-red: #C93D34;
 	--color-bg: #060606;
-	--color-light-bg: #0F0F0F;
   --light-mode-bg: #F4F4F4;
-
-	--color-error: #F12717;
-	--redE5: #E50000;
-	--redFF: #FF3434;
-	--blue: #0085E5;
-	--orangeE0: #E07000;
-	--green45: #00CC45;
-
-	--admonition-tip: #34AFF4;
-	--admonition-warning: #ECB1A9;
-	--admonition-caution: #FE6E3A;
-	--admonition-important: #009944;
-
-	// unite brand 2023
 	--color-999: #999999;
 	--color-600: #606060;
 	--color-200: #202020;
 	--color-primary: #D34037; /* primary */
-	--color-primary-hover: #F3513E; /* primary hover */
-	--txt-secondary: #D6D6D6;
-	--color-white: #FFFFFF;
 	--color-black: #000000;
-	--secondary-bg: #0D0D0D;
-	--border-table: #1F1F1F;
-	--color-ui-success-dark: #32A912;
-	--icons-primary: #DFDFDF;
-	--icon-secondary: #9F9F9F;
-
-	//light mode
-	--light-border-color: #EBEBEB;
-
+	--orangeE0: #E07000;
 }
 
 html[data-theme="light"] {

diff --git a/src/css/style-dark.scss b/src/css/style-dark.scss
@@ -16,26 +16,6 @@ html[data-theme="dark"]{
     }
   }
 
-  .admonition-content {
-
-    a {
-      color: var(--color-bg);
-      text-decoration-color: var(--color-bg);
-
-      &:hover {
-        color: var(--color-primary);
-        text-decoration-color: var(--color-primary);
-      }
-    }
-
-  }
-
-  div[class^="sidebar"] {
-
-    &::before {
-      background-color: var(--color-100);
-    }
-  }
 
   .DocSearch.DocSearch-Container {
     .DocSearch-Modal {
@@ -149,8 +129,4 @@ html[data-theme="dark"]{
     color: white;
   }
 
-  .admonition h5, .admonition p, .admonition ul li, .admonition ul li a {
-    color: var(--color-300) !important;
-  }
-
 }
diff --git a/src/css/style.scss b/src/css/style.scss
@@ -201,6 +201,19 @@ article, .markdown {
 				p {
 					margin: 0;
 				}
+
+				ul li {
+					&:before {
+						background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M24%2012C13.3337%2012%2012%2010.667%2012%200C12%2010.667%2010.6663%2012%200%2012C10.6663%2012%2012%2013.333%2012%2024C12%2013.333%2013.3337%2012%2024%2012Z%22%20fill%3D%22%23DFDFDF%22%2F%3E%3C%2Fsvg%3E');
+					}
+
+					ul li {
+						&:before {
+							background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%207.04379C12.3151%208.43922%2012.8235%209.53061%2013.6466%2010.3537C14.4696%2011.1767%2015.5608%2011.6849%2016.956%2012C15.5608%2012.3151%2014.4696%2012.8233%2013.6466%2013.6463C12.8235%2014.4694%2012.3151%2015.5608%2012%2016.9562C11.6849%2015.5608%2011.1765%2014.4694%2010.3534%2013.6463C9.5304%2012.8233%208.43916%2012.3151%207.044%2012C8.43916%2011.6849%209.5304%2011.1767%2010.3534%2010.3537C11.1765%209.53061%2011.6849%208.43922%2012%207.04379Z%22%20stroke%3D%22%23DFDFDF%22%2F%3E%3C%2Fsvg%3E');
+						}
+					}
+				}
+
 			}
 		}