rem done

Jeff Balicki
Showing 5 changed files with 30 additions and 31 deletions
wp-content/themes/understrap-child/css/child-theme.css
wp-content/themes/understrap-child/css/main-rem.css
wp-content/themes/understrap-child/package.json
wp-content/themes/understrap-child/src/build/postcss-pxtorem.js
wp-content/themes/understrap-child/style.css
--- a/wp-content/themes/understrap-child/css/child-theme.css
View file @52730cb
+++ b/wp-content/themes/understrap-child/css/child-theme.css
View file @52730cb
@@ -12547,7 +12547,7 @@ figure.woocommerce-product-gallery__wrapper {
 }
 .fa {
  display: inline-block;
-  font: normal normal normal 14px/1 FontAwesome;
+  font: normal normal normal 0.875rem/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
@@ -15616,21 +15616,21 @@ figure.woocommerce-product-gallery__wrapper {
 p {
  font-family: "Calibri";
-  font-size: 18px;
+  font-size: 1.125rem;
  color: #5b6770;
-  line-height: 21px;
+  line-height: 1.3125rem;
 }
 ol li {
-  font-size: 18px;
+  font-size: 1.125rem;
  color: #5b6770;
-  line-height: 21px;
+  line-height: 1.3125rem;
  margin-bottom: 10px;
 }
 h2, .h2 {
  font-family: "Calibri-bold";
-  font-size: 40px;
+  font-size: 2.5rem;
  color: #012169;
  margin-bottom: 30px;
  margin-top: 20px;
@@ -15768,7 +15768,7 @@ h2, .h2 {
 .header-image .header-text h1, .header-image .header-text .h1 {
  font-family: "Calibri-bold";
  color: #fff;
-  font-size: 60px;
+  font-size: 3.75rem;
 }
 @media (max-width: 768px) {
  .header-image .header-text h1, .header-image .header-text .h1 {
@@ -15790,7 +15790,7 @@ h2, .h2 {
 .numbers-top .wp-block-column:first-child h1, .numbers-top .wp-block-column:first-child .h1 {
  font-family: "Calibri-bold";
  color: #fff;
-  font-size: 36px;
+  font-size: 2.25rem;
  display: none;
 }
 @media (max-width: 768px) {
@@ -15816,17 +15816,17 @@ h2, .h2 {
 }
 .numbers-top .wp-block-column:first-child p {
  color: #fff;
-  font-size: 30px;
+  font-size: 1.875rem;
-  line-height: 34px;
+  line-height: 2.125rem;
 }
 @media (max-width: 768px) {
  .numbers-top .wp-block-column:first-child p {
-    font-size: 18px;
+    font-size: 1.125rem;
  }
 }
 .numbers-top .wp-block-column:first-child span {
  color: #fff;
-  font-size: 14px;
+  font-size: 0.875rem;
  display: block;
  float: right;
  margin-top: 10px;
@@ -15869,7 +15869,7 @@ h2, .h2 {
  margin-top: -15px;
  color: #fff;
  width: 100%;
-  font-size: 18px;
+  font-size: 1.125rem;
 }
 @media (min-width: 800px) and (max-width: 1000px) {
  .numbers-top .wp-block-column:last-child p {
@@ -15877,9 +15877,9 @@ h2, .h2 {
  }
 }
 .numbers-top .wp-block-column:last-child span.doller-number {
-  font-size: 205px;
+  font-size: 12.8125rem;
  color: #fff;
-  line-height: 100px;
+  line-height: 6.25rem;
  display: inline-block;
 }
 @media (min-width: 800px) and (max-width: 1000px) {
@@ -15888,7 +15888,7 @@ h2, .h2 {
  }
 }
 .numbers-top .wp-block-column:last-child span.doller-sign {
-  font-size: 100px;
+  font-size: 6.25rem;
  color: #fff;
  display: inline-block;
  margin-top: -100px;
@@ -15929,7 +15929,7 @@ h2, .h2 {
 }
 @media (max-width: 768px) {
  .numbers-second .wp-block-column:first-child h2, .numbers-second .wp-block-column:first-child .h2 {
-    font-size: 28px;
+    font-size: 1.75rem;
  }
 }
 .numbers-second .wp-block-column:first-child a.wp-block-button__link {
@@ -15937,7 +15937,7 @@ h2, .h2 {
  background-color: #012169;
  text-transform: uppercase;
  font-family: "Calibri-bold";
-  font-size: 30px;
+  font-size: 1.875rem;
  padding: 15px 70px;
  border-radius: 0px;
  width: 368px;
@@ -16022,18 +16022,18 @@ h2, .h2 {
  margin-top: -15px;
  color: #fff;
  width: 100%;
-  font-size: 18px;
+  font-size: 1.125rem;
 }
 .numbers-second .wp-block-column:last-child h3, .numbers-second .wp-block-column:last-child .h3 {
  font-family: "Calibri-bold";
-  font-size: 40px;
+  font-size: 2.5rem;
  color: #fff;
  margin-bottom: 20px;
  margin-top: 20px;
 }
 @media (min-width: 800px) and (max-width: 1000px) {
  .numbers-second .wp-block-column:last-child h3, .numbers-second .wp-block-column:last-child .h3 {
-    font-size: 36px;
+    font-size: 2.25rem;
  }
 }
@@ -16073,7 +16073,7 @@ h2, .h2 {
  overflow: auto;
 }
 .wp-block-group.register .terms p {
-  line-height: 21px;
+  line-height: 1.3125rem;
 }
 .wp-block-group.register .thank-you {
  display: none;
@@ -16126,7 +16126,7 @@ h2, .h2 {
  background-color: #012169;
  text-transform: uppercase;
  font-family: "Calibri-bold";
-  font-size: 20px;
+  font-size: 1.25rem;
  padding: 5px 50px !important;
  border-radius: 0px;
  color: #fff;
@@ -16383,7 +16383,7 @@ h2, .h2 {
  }
 }
 .footer-widget p {
-  font-size: 14px;
+  font-size: 0.875rem;
  text-align: right;
  margin-top: 0px;
  color: #fff;
@@ -16876,5 +16876,3 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
  color: theme-color("danger");
  border: 1px solid #e9ecef;
 }
\ No newline at end of file
-/*# sourceMappingURL=child-theme.css.map */
\ No newline at end of file
--- a/wp-content/themes/understrap-child/css/main-rem.css
View file @52730cb
+++ b/wp-content/themes/understrap-child/css/main-rem.css
View file @52730cb
@@ -16876,3 +16876,4 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
  color: theme-color("danger");
  border: 1px solid #e9ecef;
 }
+/*# sourceMappingURL=main-rem.css.map */
\ No newline at end of file
--- a/wp-content/themes/understrap-child/package.json
View file @52730cb
+++ b/wp-content/themes/understrap-child/package.json
View file @52730cb
@@ -5,15 +5,15 @@
  "main": "index.js",
  "scripts": {
    "bs": "browser-sync start --config src/build/browser-sync.config.js",
-    "css": "npm-run-all css-compile css-postcss css-minify",
+    "css": "npm-run-all css-compile css-postcss css-minify postcss-pxtorem",
    "css-compile": "sass --style expanded --source-map --embed-sources --no-error-css --quiet src/sass/child-theme.scss:css/child-theme.css src/sass/custom-editor-style.scss:css/custom-editor-style.css",
    "css-minify": "cleancss -O1 --format breakWith=lf --with-rebase --source-map --source-map-inline-sources --output css/ --batch --batch-suffix \".min\" \"css/*.css\" \"!css/*.min.css\" \"!css/*rtl*.css\"",
    "css-postcss": "postcss --config src/build/postcss.config.js --replace \"css/*.css\" \"!css/*.rtl*.css\" \"!css/*.min.css\"",
    "js": "npm-run-all js-compile js-minify",
    "js-compile": "rollup --config src/build/rollup.config.js --sourcemap",
    "js-minify": "terser --config-file src/build/terser.config.json --output js/child-theme.min.js js/child-theme.js",
-    "watch": "npm-run-all --parallel watch-run-*",
+    "watch": "npm-run-all --parallel watch-run-* postcss-pxtorem",
-    "watch-bs": "npm-run-all --parallel bs watch-run-*",
+    "watch-bs": "npm-run-all --parallel bs watch-run-* postcss-pxtorem",
    "watch-run-css": "nodemon --watch src/sass/ --ext scss --exec \"npm-run-all css\"",
    "watch-run-js": "nodemon --watch src/js/ --ext js --exec \"npm-run-all js\"",
    "copy-assets": "node src/build/copy-assets.js",
--- a/wp-content/themes/understrap-child/src/build/postcss-pxtorem.js
View file @52730cb
+++ b/wp-content/themes/understrap-child/src/build/postcss-pxtorem.js
View file @52730cb
@@ -15,7 +15,7 @@ var options = {
 var processedCss = postcss(pxtorem(options)).process(css).css;
-fs.writeFile('./css/main-rem.css', processedCss, function (err) {
+fs.writeFile('./css/child-theme.css', processedCss, function (err) {
  if (err) {
    throw err;
  }
--- a/wp-content/themes/understrap-child/style.css
View file @52730cb
+++ b/wp-content/themes/understrap-child/style.css
View file @52730cb
@@ -5,7 +5,7 @@
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
- Version:      1.1.15
+ Version:      1.1.16
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child