From bad127b12fb250e81d68592df209b5681d9c35e2 Mon Sep 17 00:00:00 2001
From: Luke <17616949+nice42q@users.noreply.github.com>
Date: Sat, 11 Mar 2023 11:35:11 +0100
Subject: [PATCH] code optimization

---
 _sass/custom.scss | 382 +++++++++++++++++++++++-----------------------
 1 file changed, 195 insertions(+), 187 deletions(-)

diff --git a/_sass/custom.scss b/_sass/custom.scss
index 863a261..f4be4da 100644
--- a/_sass/custom.scss
+++ b/_sass/custom.scss
@@ -1,35 +1,36 @@
 p.note {
-    font-size: 0.7em;
-    margin-bottom: 1rem;
-    margin-top: -1rem;
+  font-size: 0.7em;
+  margin-bottom: 1rem;
+  margin-top: -1rem;
 }
 
 .bcstats {
-    background-color: var(--block-bg-color);
-    margin-bottom: 1.3334rem;
-    border-radius: 2px;
+  background-color: var(--block-bg-color);
+  margin-bottom: 1.3334rem;
+  border-radius: 2px;
 }
 
 .bcstats p {
-    padding: 1em;
-    margin: 0;
+  padding: 1em;
+  margin: 0;
 }
 
 .bcstats p:nth-child(even) {
-    background-color: var(--blog-bg-color-secondary);
+  background-color: var(--blog-bg-color-secondary);
 }
 
 $breakpoint-alpha: 480px; // adjust to your needs
 
 p.table-title {
-    margin: 0;
-    padding-bottom: 0.5em;
-    font-weight: 700;
-    font-size: 16px;
-    padding-top: 0.5em;
+  margin: 0;
+  padding-bottom: 0.5em;
+  font-weight: 700;
+  font-size: 16px;
+  padding-top: 0.5em;
 }
 
-.price-table, .moneroversary-table {
+.price-table,
+.moneroversary-table {
   margin: 0 0 1.3334rem 0;
   width: 100%; // adjust to your needs
   background: #45494f;
@@ -42,347 +43,354 @@ p.table-title {
     color: #45494f;
     tr.row3 {
       background-color: var(--blog-bg-color-secondary);
+    }
   }
-  }
-  
+
   tr {
     border-top: 2px solid #fff;
     border-bottom: 2px solid #fff;
   }
-  
-  
-    
+
   tr.row1 {
     background-color: var(--block-bg-color-heading);
   }
-  
+
   th {
-    display: none;   
+    display: none;
   }
-  
+
   td {
-    display: block; 
-    
+    display: block;
+
     &:first-child {
-      padding-top: .5em;
+      padding-top: 0.5em;
     }
     &:last-child {
-      padding-bottom: .5em;
+      padding-bottom: 0.5em;
     }
 
     &:before {
-      content: attr(data-th)": "; // who knew you could do this? The internet, that's who.
+      content: attr(data-th) ": "; // who knew you could do this? The internet, that's who.
       font-weight: bold;
 
       // optional stuff to make it look nicer
       width: 6.5em; // magic number :( adjust according to your own content
       display: inline-block;
       // end options
-      
+
       @media (min-width: $breakpoint-alpha) {
         display: none;
       }
     }
   }
-  
-  th, td {
+
+  th,
+  td {
     text-align: left;
-    margin: .5em 1em;
+    margin: 0.5em 1em;
     @media (min-width: $breakpoint-alpha) {
       display: table-cell;
-      padding: .25em .5em;
-      padding: 1em !important; 
+      padding: 0.25em 0.5em;
+      padding: 1em !important;
       &:first-child {
         padding-left: 0;
       }
-      
+
       &:last-child {
         padding-right: 0;
       }
     }
-
   }
-    
-  th, td:before {
+
+  th,
+  td:before {
     color: #fff;
   }
-    
+
   td.green {
-    color: #66d166; 
+    color: #66d166;
     @media (min-width: $breakpoint-alpha) {
-        color: #51a751;
+      color: #51a751;
     }
   }
-    
+
   td.red {
-    color: #e36f6e; 
+    color: #e36f6e;
     @media (min-width: $breakpoint-alpha) {
-        color: #d83231;
+      color: #d83231;
     }
   }
-    
 }
 
 .moneroversary-table {
-    margin: 1.3334rem 0 1.3334rem 0;
-    @media (max-width: $breakpoint-alpha) {
+  margin: 1.3334rem 0 1.3334rem 0;
+  @media (max-width: $breakpoint-alpha) {
     background: #f0f0f0;
     color: #45494f;
+  }
+  th,
+  td:before {
+    @media (max-width: $breakpoint-alpha) {
+      color: #45494f;
     }
-    th, td:before {
-        @media (max-width: $breakpoint-alpha) {
-        color: #45494f;
-        }
-    }
+  }
 }
 
 .moneroversary-table tr.row1 {
-    background-color: #db8b55;
+  background-color: #db8b55;
 }
 
 .content h3 {
-    margin-top: 3rem;
-    background-color: #45494f;
-    color: white;
-    padding-left: 1rem;
-    margin-bottom: 1rem;
-    border-radius: 2px;
+  margin-top: 3rem;
+  background-color: #45494f;
+  color: white;
+  padding-left: 1rem;
+  margin-bottom: 1rem;
+  border-radius: 2px;
 }
 
 .content h3.orange {
-    background-color: #db8b55;
+  background-color: #db8b55;
 }
 
-.content ul, .content ol {
-    line-height: 1.9;
+.content ul,
+.content ol {
+  line-height: 1.9;
 }
 
-.newsbyte, .event {
-    padding: 1rem;
-    background-color: var(--block-bg-color);
-    margin-top: 1rem;
+.newsbyte,
+.event {
+  padding: 1rem;
+  background-color: var(--block-bg-color);
+  margin-top: 1rem;
 }
 
-.newsbyte:first-of-type, .event:first-of-type {
-    margin-top: 0;
+.newsbyte:first-of-type,
+.event:first-of-type {
+  margin-top: 0;
 }
 
 .newsbyte:after {
-    display: none;
-    content: '';
-    width: 100%;
-    height: 1px;
-    margin-top: 2rem;
-    background-color: #d5d5d5;
+  display: none;
+  content: "";
+  width: 100%;
+  height: 1px;
+  margin-top: 2rem;
+  background-color: #d5d5d5;
 }
 
-.newsbyte h4, h4.stat {
-    font-size: 18px;
-    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
-    font-weight: 700;
-    @media (max-width: 480px) {
-        font-size: 16px;
-    }
+.newsbyte h4,
+h4.stat {
+  font-size: 18px;
+  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
+  font-weight: 700;
+  @media (max-width: 480px) {
+    font-size: 16px;
+  }
 }
 
-.newsbyte p, .event p {
-    margin-bottom: 0;
+.newsbyte p,
+.event p {
+  margin-bottom: 0;
 }
 
 p.date {
-    margin-bottom: 0.2em;
-    font-weight: 700;
+  margin-bottom: 0.2em;
+  font-weight: 700;
 }
 
 .proposal {
-    margin-bottom: 1rem;
-    padding: 1em;
-    background-color: var(--block-bg-color);
+  margin-bottom: 1rem;
+  padding: 1em;
+  background-color: var(--block-bg-color);
 }
 
 .proposal p {
-    margin-bottom: 0;
+  margin-bottom: 0;
 }
 
 .proposal p:first-child {
-    padding-bottom: 0.5rem;
+  padding-bottom: 0.5rem;
 }
 
 .proposal p a {
-    line-height: 1.7;
+  line-height: 1.7;
 }
 
 img.merchant-img {
-    width: 15rem;
-    margin: 0 0 24px 0;
+  width: 15rem;
+  margin: 0 0 24px 0;
 }
 
 img#pepperworks {
-    margin-top: 40px;
+  margin-top: 40px;
 }
 
 img#openpriv {
-    margin-bottom: 0;
+  margin-bottom: 0;
 }
 
 img#veracrypt {
-    width: 10rem;
-    margin-top: 40px;
+  width: 10rem;
+  margin-top: 40px;
 }
 
 p.address {
-    background-color: var(--block-bg-color);
-    color: var(--link-color);
-    font-weight: bold;
-    word-wrap: break-word;
-    padding: 1.5rem;
-    margin-top: 1.5rem;
-    border-radius: 2px;
-    -webkit-touch-callout: all;
-    -webkit-user-select: all;
-    -khtml-user-select: all;
-    -moz-user-select: all;
-    -ms-user-select: all;
-    user-select: all;
+  background-color: var(--block-bg-color);
+  color: var(--link-color);
+  font-weight: bold;
+  word-wrap: break-word;
+  padding: 1.5rem;
+  margin-top: 1.5rem;
+  border-radius: 2px;
+  -webkit-touch-callout: all;
+  -webkit-user-select: all;
+  -khtml-user-select: all;
+  -moz-user-select: all;
+  -ms-user-select: all;
+  user-select: all;
 }
 
 a.qr {
-    display: inline-block;
-    border: none;
-    border-radius: 10px;
+  display: inline-block;
+  border: none;
+  border-radius: 10px;
 }
 
 a.qr img {
-    margin-bottom: 0;
-    vertical-align: middle;
+  margin-bottom: 0;
+  vertical-align: middle;
 }
 
 img.merchant-img {
-    margin-left: auto;
-    margin-right: auto;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 img.fob-img {
-    margin-left: auto;
-    margin-right: auto;
-    width: 8rem;
-    background-color: rgba(0, 0, 0, 0.75);;
-    padding: 1rem;
+  margin-left: auto;
+  margin-right: auto;
+  width: 8rem;
+  background-color: rgba(0, 0, 0, 0.75);
+  padding: 1rem;
 }
 
 img.wikileaks-img {
-    margin-left: auto;
-    margin-right: auto;
-    width: 10rem;
+  margin-left: auto;
+  margin-right: auto;
+  width: 10rem;
 }
 
 img#njalla {
-    background-color: #01051F;
-    padding: 1rem;
+  background-color: #01051f;
+  padding: 1rem;
 }
 
 p.text-lead {
-    margin-bottom: 0;
+  margin-bottom: 0;
 }
 
-#post-page img.img-lead, #post-page p.text-lead {
-    display: none;
+#post-page img.img-lead,
+#post-page p.text-lead {
+  display: none;
 }
 
 img.gratuitas {
-    width: 10rem;
+  width: 10rem;
 }
 
 img.localmonero {
-    width: 10rem;
-    margin-bottom: -1rem;
+  width: 10rem;
+  margin-bottom: -1rem;
 }
 
 .sponsors {
-	box-sizing: border-box;
-	display: -webkit-box;
-	display: -ms-flexbox;
-	display: flex;
-	-webkit-box-flex: 0;
-	-ms-flex: 0 1 auto;
-	flex: 0 1 auto;
-	-webkit-box-orient: horizontal;
-	-webkit-box-direction: normal;
-	-ms-flex-direction: row;
-	flex-direction: row;
-	-ms-flex-wrap: wrap;
-	flex-wrap: wrap;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    text-align: center;
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 0;
+  -ms-flex: 0 1 auto;
+  flex: 0 1 auto;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  text-align: center;
 }
 
 .sponsor {
-    box-sizing: border-box;
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 auto;
-    flex: 0 0 auto;
-    flex-basis: auto;
-    @media (max-width: 520px) {
-        -ms-flex-preferred-size: 100%;
-        flex-basis: 100%;
-        max-width: 100%;
-    }
+  box-sizing: border-box;
+  -webkit-box-flex: 0;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  flex-basis: auto;
+  @media (max-width: 520px) {
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
 }
 
 img.dvchain {
-    height: 9rem;
-    margin-left: 3rem;
-    @media (max-width: 520px) {
-        margin-left: auto;
-        margin-top: 1rem;
-        height: auto;
-        width: 13rem;
-    }
+  height: 9rem;
+  margin-left: 3rem;
+  @media (max-width: 520px) {
+    margin-left: auto;
+    margin-top: 1rem;
+    height: auto;
+    width: 13rem;
+  }
 }
 
-// Periodical 
+// Periodical
 
 .revuo-classes a {
-    padding: 1rem 2rem;
-    width: 11rem;
+  padding: 1rem 2rem;
+  width: 11rem;
 }
 
 #weekly .revuo-classes a.wk {
-    background-color: #f0f0f0;
+  background-color: #f0f0f0;
 }
 
-#periodical .revuo-classes a.pd, #wrap.periodical .revuo-classes a.pd:active, #wrap.periodical .revuo-classes a.pd:focus {
-    background-color: #f0f0f0;
+#periodical .revuo-classes a.pd,
+#wrap.periodical .revuo-classes a.pd:active,
+#wrap.periodical .revuo-classes a.pd:focus {
+  background-color: #f0f0f0;
 }
 
 // Typography for Periodical
 
 .hted-head {
-    margin: 2.5rem 0 1.3334rem 0;
-    background: #d9dadb;
-    color: #222222;
-    width: 100%;
-    border-radius: 2px;
-    padding: 1em;
-    text-align: left;
+  margin: 2.5rem 0 1.3334rem 0;
+  background: #d9dadb;
+  color: #222222;
+  width: 100%;
+  border-radius: 2px;
+  padding: 1em;
+  text-align: left;
 }
 
 #post-page h2 {
-    line-height: 1.3;
+  line-height: 1.3;
 }
 
 .text-center {
-    text-align: center;
+  text-align: center;
 }
 
 .page-numbers-display {
-    display: inline-block;
-    margin-left: 1rem;
-    margin-right: 1rem;
+  display: inline-block;
+  margin-left: 1rem;
+  margin-right: 1rem;
 }
 
 html {
-    scroll-behavior: smooth;
+  scroll-behavior: smooth;
 }