Fix Stylelint issues

bakerydemo/static/css/main.css

@@ -365,7 +365,7 @@ blockquote .text {
   line-height: 1.15;
 }
 
-blockquote .attribute_name {
+blockquote .attribute-name {
   color: var(--dark);
   font-size: var(--font-md);
   line-height: 1.56;
@@ -387,10 +387,12 @@ blockquote .attribute_name {
 }
 
 /* Richtext Styles */
+/* stylelint-disable-next-line selector-class-pattern */
 .block-paragraph_block p {
   color: var(--dark);
 }
 
+/* stylelint-disable-next-line selector-class-pattern */
 .block-paragraph_block a {
   text-decoration: underline;
 }
@@ -503,6 +505,7 @@ blockquote .attribute_name {
 .navigation__mobile-toggle {
   background-color: transparent;
   border: none;
+  margin: 0 0 0 auto;
 }
 
 .navigation__mobile-toggle[aria-expanded='true'] {
@@ -638,10 +641,6 @@ blockquote .attribute_name {
   text-decoration: underline;
 }
 
-.navigation__mobile-toggle {
-  margin: 0 0 0 auto;
-}
-
 /* Required as bootstrap nav automatically hides this otherwise */
 @media (min-width: 768px) {
   .navigation__mobile-toggle {
@@ -1283,11 +1282,7 @@ input[type='radio'] {
 }
 
 .form-page .required {
-  color: red;
+  color: var(--orange);
-}
-
-.form-page .fieldWrapper {
-  margin-bottom: 30px;
 }
 
 .form-page .help {
@@ -1298,10 +1293,6 @@ input[type='radio'] {
   max-width: 350px;
 }
 
-.form-page .required {
-  color: var(--orange);
-}
-
 .form-page__field {
   color: var(--dark);
   margin-bottom: 30px;

bakerydemo/templates/blocks/blockquote.html

@@ -1,5 +1,5 @@
 {% load wagtailimages_tags %}
 
 <blockquote><p class="text">{{ self.text }}</p>
-    <p class="attribute_name">{{ self.attribute_name}}</p>
+    <p class="attribute-name">{{ self.attribute_name}}</p>
 </blockquote>