Style fixes.

toddbirchard · toddbirchard · commit 3155b4cef4b1 · 2022-04-29T20:24:10.000-04:00
diff --git a/Makefile b/Makefile
@@ -1,3 +1,5 @@
+
+
 THEME_PATH := $(CURDIR)
 DEV_GHOST_PATH := '/Users/toddbirchard/projects/ghostlocal'
 DEV_GHOST_THEME_PATH := '/Users/toddbirchard/projects/ghostlocal/content/themes/hackersandslackers-ghost'
@@ -21,7 +23,7 @@ all help:
 	@echo "$$HELP"
 
 .PHONY: build
-build: clean
+build:
 	gulp
 
 .PHONY: dev
@@ -44,11 +46,13 @@ clean:
 .PHONY: update
 update:
 	npm install npm@latest -g
+	curl --compressed -o- -L https://yarnpkg.com/install.sh | bash
+	bower install
 	npm install -g npm-check-updates@latest
-	ncu -u --dep=prod
+	ncu -u
 	yarn install
 
 .PHONY: reset
 reset: clean
 	make update
-	make build
+	make build
diff --git a/assets/css/style-min-rtl.css b/assets/css/style-min-rtl.css
diff --git a/assets/css/style-min.css b/assets/css/style-min.css
diff --git a/assets/js/app.min.js b/assets/js/app.min.js
diff --git a/assets/sass/components/_content.scss b/assets/sass/components/_content.scss
@@ -57,6 +57,7 @@
 
   h1, h2, h3, h4, h5, h6 {
     margin-top: $space-48;
+    font-family: $body-font;
 
     &:first-child {
       margin-top: 0;
@@ -114,8 +115,10 @@
   }
 
   dd, ol, ul {
+    font-size: 1em;
     padding-left: $space-8;
     padding-right: $space-16;
+    margin: 0 0 25px;
 
     > * + * {
       margin-top: $space-8;
diff --git a/assets/sass/components/_footer.scss b/assets/sass/components/_footer.scss
@@ -2,12 +2,15 @@
   Components > Footer
 \*------------------------------------*/
 .footer {
+  width: 100%;
   justify-content: space-around;
   padding: $space-40 0;
   border-top: 0.5px solid var(--color-border);
-  background-color: var(--bg-white);
-  max-width: 1000px;
+  background-color: white;
   margin: $space-40 auto 0;
+  @media (max-width: 800px) {
+    padding: $space-40;
+  }
 
   .o-grid {
     justify-content: space-between;
@@ -16,9 +19,16 @@
 
   .footer-section {
     max-width: 27%;
+    @media (max-width: 800px) {
+      max-width: unset;
+      margin-bottom: 40px;
+    }
 
     &.info-section {
       max-width: 23%;
+      @media (max-width: 800px) {
+        max-width: unset;
+      }
     }
 
     &.newsletter {
diff --git a/assets/sass/components/_header.scss b/assets/sass/components/_header.scss
@@ -5,10 +5,10 @@
 .header {
   position: relative;
   padding: 20px 0;
-  background-color: var(--bg-white);
+  background-color: white;
   border-bottom: .5px solid var(--color-border);
 
-  @include mq($from: mobile) {
+  @media (max-width: 600px) {
     padding: 15px 0;
   }
 
diff --git a/assets/sass/components/_tags-list.scss b/assets/sass/components/_tags-list.scss
@@ -4,8 +4,11 @@
 
 .tags-list-container {
   margin-bottom: $space-32;
-  background-color: var(--bg-white);
+  background-color: white;
   box-shadow: $global-shadow;
+  @media (max-width: 800px) {
+    margin-bottom: unset;
+  }
 }
 
 .tags-list-wrap {
diff --git a/assets/sass/components/postcard/_postcard.scss b/assets/sass/components/postcard/_postcard.scss
@@ -29,6 +29,10 @@
     height: 372px;
     -o-object-fit: cover;
     object-fit: cover;
+    @media (max-width: 800px) {
+      width: unset;
+      height: auto;
+    }
 
     &:hover {
       opacity: .7;
diff --git a/assets/sass/pages/_index.scss b/assets/sass/pages/_index.scss
@@ -10,6 +10,7 @@
   @media(max-width: $tablet) {
     grid-template-columns: 1fr !important;
     max-width: 90%;
+    display: unset;
   }
 
   .o-wrapper {
diff --git a/assets/sass/posts/_post-head.scss b/assets/sass/posts/_post-head.scss
@@ -12,6 +12,12 @@
   }
 }
 
+.post-header {
+  &__excerpt {
+    font-family: $body-font-medium !important;
+  }
+}
+
 .post-title {
   display: block;
   order: 2;
diff --git a/assets/sass/posts/_post-header.scss b/assets/sass/posts/_post-header.scss
@@ -34,11 +34,10 @@
   }
 
   &__meta {
-    margin-top: $space-16;
+    margin: $space-24 0;
     font-size: $type-xs;
     line-height: $type-xs-lh;
     letter-spacing: $global-letter-spacing;
-    letter-spacing: $global-letter-spacing;
 
     @media (max-width: 800px) {
       display: flex;
diff --git a/assets/sass/posts/_post.scss b/assets/sass/posts/_post.scss
@@ -11,12 +11,19 @@
   position: relative;
   max-width: 850px;
   margin: 0 auto;
+  @media (max-width: 800px) {
+    width: 100%;
+    max-width: unset;
+  }
 
   .post {
     position: relative;
-    margin: 60px 0 30px;
+    margin: 0 0 30px;
     background: #fff;
     box-shadow: 0 1px 4px rgb(39 44 49 / 15%);
+    @media (max-width: 800px) {
+      margin: 0;
+    }
 
     .post-roundup-blurb {
       @include lynx-roundup-blurb;
diff --git a/assets/sass/tools/_mixins.scss b/assets/sass/tools/_mixins.scss
@@ -141,7 +141,6 @@
   color: #3e6c97;
   font-family: $monospace-font;
   font-size: 0.9em;
-  font-weight: 600;
   white-space: nowrap;
 }
 
diff --git a/package.json b/package.json
@@ -19,7 +19,7 @@
     "postinstall": "bower install"
   },
   "dependencies": {
-    "@primer/css": "19.7.0",
+    "@primer/css": "20.0.0",
     "clipboard": "2.0.10",
     "concat": "3.0.0",
     "evil-icons": "1.10.1",
@@ -42,15 +42,15 @@
     "lunr": "2.3.9",
     "lunr-languages": "1.9.0",
     "normalize.css": "8.0.1",
-    "prismjs": "1.27.0",
+    "prismjs": "1.28.0",
     "run-sequence": "2.2.1",
     "sass-mq": "6.0.0"
   },
   "devDependencies": {
     "gulp": "4.0.2",
-    "gulp-rtlcss": "1.4.2",
+    "gulp-rtlcss": "2.0.0",
     "gulp-zip": "5.1.0",
-    "sass": "1.49.9"
+    "sass": "1.51.0"
   },
   "author": {
     "name": "Todd Birchard",
diff --git a/partials/compiled/inline-css-rtl.hbs b/partials/compiled/inline-css-rtl.hbs
diff --git a/partials/compiled/inline-css.hbs b/partials/compiled/inline-css.hbs

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@`
`10`	`10`	`@media(max-width: $tablet) {`
`11`	`11`	`grid-template-columns: 1fr !important;`
`12`	`12`	`max-width: 90%;`
	`13`	`+ display: unset;`
`13`	`14`	`}`
`14`	`15`
`15`	`16`	`.o-wrapper {`