Merge pull request #25 from circuscode/develop

Refactoring

Author: circuscode

assets/css/elsa.css

@@ -33,6 +33,7 @@ Table of Contents
 29 - Mathilda
 30 - Archives
 31 - Mailchimp
+32 - Lightweight Subscribe to Comments
 ---------------*/
 
 /*
@@ -328,47 +329,6 @@ p:has(.more-link) {
   display:none;
 }
 
-.comment-form .lstc-label {
-  display:inline;
-  position:relative;
-  top:-2px;
-  left:2px;
-  margin-left:5px;
-}
-
-.cnns-comment-subscription {
-  margin-top:20px;
-  margin-bottom:20px;
-}
-
-.cnns-comment-subscription input[type="checkbox"] {
-  width:17px;
-  height:17px;
-  margin:0;
-  padding:0;
-  appearance: none;
-  -webkit-appearance: none;
-  display: inline-flex;
-  align-content: center;
-  justify-content: center;
-  font-size: 2rem;
-  border: 1px solid #949494;
-  border-radius: 0rem;
-}
-
-.cnns-comment-subscription input[type="checkbox"]::before {
-  width:15px;
-  height:15px;
-  margin-top:0px;
-  content: "";
-  transform: scale(0);
-  background-color: #ac1b1b;
-}
-
-.cnns-comment-subscription input[type="checkbox"]:checked::before {
-  transform: scale(1);
-}
-
 .comment-notes {
   margin:0;
 }
@@ -1198,4 +1158,48 @@ iframe.twitter-tweet
 
 p.mc4wp-procaptcha__validation-error[style*="visibility: visible"] {
 	margin-bottom:30px !important;
+}
+
+/* 
+32. Lightweight Subscribe to Comments 
+*/
+
+.cnns-comment-subscription {
+  margin-top:20px;
+  margin-bottom:20px;
+}
+
+.cnns-comment-subscription input[type="checkbox"] {
+  appearance: none;
+  -webkit-appearance: none;
+  display: inline-flex;
+  align-content: center;
+  justify-content: center;
+  width:17px;
+  height:17px;
+  margin:0;
+  padding:0;
+  border: 1px solid #949494;
+  border-radius: 0rem;
+}
+
+.cnns-comment-subscription input[type="checkbox"]::before {
+  content: "";
+  width:15px;
+  height:15px;
+  margin-top:0px;
+  transform: scale(0);
+  background-color: #ac1b1b;
+}
+
+.cnns-comment-subscription input[type="checkbox"]:checked::before {
+  transform: scale(1);
+}
+
+.comment-form .lstc-label {
+  display:inline;
+  position:relative;
+  top:-2px;
+  left:2px;
+  margin-left:5px;
 }