Format

src/Yavsc/wwwroot/css/site.scss

@@ -2,10 +2,10 @@ $color: #f5f7db;
 $background-color: #000000;
 $post-color: #fff4ca;
 $post-background-color: #290505;
-$post-border-color:rgb(178, 158, 158);
+$post-border-color: rgb(178, 158, 158);
 $card-border-color: rgb(253, 129, 52);
 $card-photo-border-color: #ffffffd4;
-$carousel-color: rgb(255,255,200);
+$carousel-color: rgb(255, 255, 200);
 $carousel-background-color: #11415f4a;
 $primary: #00c40d;
 $danger: #dc0505d5;
@@ -35,7 +35,7 @@ $danger: #dc0505d5;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
-div.carousel-inner > div.item > div.carousel-caption-s {
+div.carousel-inner>div.item>div.carousel-caption-s {
   margin: .5em;
   background-color: $carousel-background-color;
   color: $carousel-color;
@@ -63,22 +63,20 @@ input[type='checkbox'] {
 
 .post {
   background-color: $post-background-color;
-  color:#d1d1d1;
+  color: #d1d1d1;
   padding: 2.3em;
   border-radius: 2em;
   border: solid #5d7f0ca4 2pt;
 }
 
-.actiongroup
-{
+.actiongroup {
   float: right;
-  margin:.5em;
+  margin: .5em;
 }
 
-.float-left
-{
+.float-left {
   float: left;
-  margin:.5em;
+  margin: .5em;
 }
 
 
@@ -87,48 +85,59 @@ a {
   color: var(--blue);
 }
 
-a.close
-{
+a.close {
   cursor: pointer;
 }
 
 .grants-page .card {
   margin-top: 20px;
-  border-bottom: 1px solid lightgray; }
-  .grants-page .card .card-title {
+  border-bottom: 1px solid lightgray;
+
+}
+
+.grants-page .card .card-title {
   font-size: 120%;
-    font-weight: bold; }
-    .grants-page .card .card-title img {
+  font-weight: bold;
+}
+
+.grants-page .card .card-title img {
   width: 100px;
-      height: 100px; }
+  height: 100px;
+}
 
-  .grants-page .card label {
-    font-weight: bold; }
+.grants-page .card label {
+  font-weight: bold;
+}
 
 .navbar-dark .navbar-toggler-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
 
-div.carousel-inner > div.item > div.carousel-caption-s {
+div.carousel-inner>div.item>div.carousel-caption-s {
   margin: .5em;
   background-color: $carousel-background-color;
   color: $carousel-color;
   font-weight: bold;
-  padding: .5em; }
+  padding: .5em;
+}
 
 img.blogphoto {
   max-width: 100%;
-  max-height: 100%; }
+  max-height: 100%;
+}
 
 input[type='checkbox'] {
   appearance: auto;
   min-width: 1em;
-  min-height: 1em; }
+  min-height: 1em;
+}
 
 .container {
   background-color: $background-color;
   color: $color;
   padding: .5em;
-  margin: .5em; }
+  margin: .5em;
+}
 
 .post {
   background-color: $post-background-color;
@@ -136,6 +145,7 @@ input[type='checkbox'] {
   padding: .7em;
   border-radius: 2em;
   border: solid $post-border-color 2pt;
+
   .photo {
     max-height: 100%;
     max-width: 100%;
@@ -144,33 +154,34 @@ input[type='checkbox'] {
 
 .actiongroup {
   float: right;
-  margin: .5em; }
+  margin: .5em;
+}
 
 .float-left {
   float: left;
-  margin: .5em; }
+  margin: .5em;
+}
 
-  body {
+body {
   font: 1rem/1.5 var(--font-family-sans-serif);
   color: $color;
   background-color: $background-color;
 
-  }
+}
 
-  .card {
+.card {
   max-height: 20em;
   max-width: 30em;
   display: inline-table;
 
 
-  .card-photo
-  {
+  .card-photo {
     border: solid 1px $card-photo-border-color;
     max-height: 15em;
     max-width: 30em;
   }
-  .index-post-title
-  {
+
+  .index-post-title {
     display: inline;
   }
-  }
+}