cv-website

commit d7f66687b5df4708d63d4d53dc0d5ea82cdcbab3
parent b71db3beffcb8575b2d3e8f3c535c7e4011a95f0
Author: Andreas Gruhler <agruhl@gmx.ch>
Date:   Tue, 30 Nov 2021 22:38:25 +0100

scss: list style, color, post list

Diffstat:
M
assets/scss/_layout.scss
 | 
20
++++++++++++++------
M
assets/scss/_variables.scss
 | 
2
+-

2 files changed, 15 insertions(+), 7 deletions(-)
diff --git a/assets/scss/_layout.scss b/assets/scss/_layout.scss
@@ -31,6 +31,10 @@ body {
   background-color: $base-background-color;
 }
 
+li {
+  list-style: none;
+}
+
 hr {
   border-top: none;
   border-bottom: 2px solid lighten($light-gray-color, 7%);
@@ -144,7 +148,7 @@ hr {
 
   .article-title {
     display: inline-block;
-    width: 85%;
+    width: 425pt;
     //border-bottom: 1px dashed lighten($light-gray-color, 10%);
   }
 
@@ -153,6 +157,7 @@ hr {
     padding: 0 0.2em;
     margin-left: 1em;
     margin-top: 2px;
+    width: 128pt;
     @extend .pull-right;
   }
 
@@ -162,7 +167,7 @@ hr {
   color: $medium-gray-color;
   text-transform: uppercase;
   display: inline-block;
-  letter-spacing: 1px;
+  // letter-spacing: 1px;
   font-size: rem(14);
   margin-bottom: 1px;
 }
@@ -263,8 +268,8 @@ hr {
   margin-top: $base-spacing * 2;
 }
 
-// This applies from 0px to 600px
-@media (max-width: 600px) {
+// This applies from 0px to 810px
+@media (max-width: 810px) {
   .date-label {
     float: left !important;
     border: 0 !important;
@@ -274,9 +279,12 @@ hr {
   }
 
   .post-item {
-    border: 1px solid lighten($light-gray-color, 10%);
+    // border: 1px solid lighten($light-gray-color, 10%);
     padding: 0 0.5em;
-    background: lighten($light-gray-color, 15%);
+    // background: lighten($light-gray-color, 15%);
+    .article-title {
+      width: 100%;
+    }
   }
 
   .article-title {
diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
@@ -21,7 +21,7 @@ $primary-color: #000;
 $action-color: $primary-color;
 $white-color: #fff;
 $black-color: #000;
-$blue-color: #0086B3;
+$blue-color: #09D994;
 $dark-gray-color: #333;
 $medium-gray-color: #999;
 $light-gray-color: #ccc;