Remove level css (#525)

* Remove unused level sytling

* Remove more level styling

* Remove more

* Final

Author: jarrodmillman

assets/theme-css/bulma.css

@@ -2,7 +2,6 @@
 .block:not(:last-child),
 .box:not(:last-child),
 .content:not(:last-child),
-.level:not(:last-child),
 .title:not(:last-child) {
   margin-bottom: 1.5rem;
 }
@@ -76,52 +75,6 @@ a.box:active {
 .field:not(:last-child) {
   margin-bottom: 0.75rem;
 }
-.level {
-  align-items: center;
-  justify-content: space-between;
-}
-.level code {
-  border-radius: 4px;
-}
-.level img {
-  display: inline-block;
-  vertical-align: top;
-}
-.level.is-mobile {
-  display: flex;
-}
-.level.is-mobile .level-item:not(:last-child) {
-  margin-bottom: 0;
-  margin-right: 0.75rem;
-}
-.level.is-mobile .level-item:not(.is-narrow) {
-  flex-grow: 1;
-}
-@media screen and (min-width: 769px), print {
-  .level {
-    display: flex;
-  }
-  .level > .level-item:not(.is-narrow) {
-    flex-grow: 1;
-  }
-}
-.level-item {
-  align-items: center;
-  display: flex;
-  flex-basis: auto;
-  flex-grow: 0;
-  flex-shrink: 0;
-  justify-content: center;
-}
-.level-item .subtitle,
-.level-item .title {
-  margin-bottom: 0;
-}
-@media screen and (max-width: 768px) {
-  .level-item:not(:last-child) {
-    margin-bottom: 0.75rem;
-  }
-}
 .column {
   display: block;
   flex-basis: 0;

assets/theme-css/footer.css

@@ -73,12 +73,17 @@
   /* Icon size slightly enlargened for footer */
   font-size: 2.3em;
   max-width: 25rem;
+  margin-bottom: 1.5rem;
 }
 
 #footer .community-icons a {
   display: inline-block;
 }
 
+#footer .community-icons a:not(:last-child) {
+  margin-right: 0.75rem;
+}
+
 #footer svg.icon {
   fill: var(--colorSecondary);
   margin-right: 0.5rem;

layouts/partials/footer.html

@@ -25,19 +25,17 @@
       {{- end }}
         <div class="footer-actions">
           {{ partial "footer_actions.html" . }}
-          <nav class="level is-mobile">
-            <div class="community-icons">
-              {{- range $socialMedia }}
-              <a class="level-item" href="{{ .link }}" aria-label="{{ .link }}">
-                {{if .icon -}}
-                {{- partial "svg-icon" .icon -}}
-                {{- else -}}
-                <span class="icon">ⓘ</span>
-                {{- end }}
-              </a>
+          <div class="community-icons">
+            {{- range $socialMedia }}
+            <a href="{{ .link }}" aria-label="{{ .link }}">
+              {{if .icon -}}
+              {{- partial "svg-icon" .icon -}}
+              {{- else -}}
+              <span class="icon">ⓘ</span>
               {{- end }}
-            </div>
-          </nav>
+            </a>
+            {{- end }}
+          </div>
           <div class="copyright">&copy; {{ now.Year}} {{ $author }}. All rights reserved.</div>
         </div>
     </div>