@mindful-web/marko-web-theme-monorail 1.0.0

package/scss/core.scss

@@ -0,0 +1,125 @@
+@import "functions";
+@import "variables";
+@import "mixins";
+
+// bootstrap and default theme components
+@import "components/bootstrap";
+
+// load navbar from default theme first... allows for alternate monorail navbars to override these defaults
+@import "components/default-theme/site-navbar";
+
+// Marko Web core components
+@import "@mindful-web/marko-web/scss/document";
+
+@import "@mindful-web/marko-web/scss/load-more";
+@import "@mindful-web/marko-web/scss/node";
+@import "@mindful-web/marko-web/scss/node-list";
+@import "@mindful-web/marko-web/scss/page-image";
+@import "@mindful-web/marko-web/scss/carousel";
+
+// Marko Web icon components
+@import "@mindful-web/marko-web-icons/scss/icons";
+
+@import "@mindful-web/marko-web-social-sharing/scss/buttons";
+@import "@mindful-web/marko-web-html-sitemap/scss/index";
+
+// Default reveal ad css
+@import "@mindful-web/marko-web-reveal-ad/scss/reveal-ad";
+
+// theme components
+@import "components/ad-container";
+
+@import "components/author-node";
+@import "components/author-bio-node";
+@import "components/author-published-node";
+@import "components/breadcrumbs";
+@import "components/comments";
+@import "components/content-page";
+@import "components/content-page-gate";
+@import "components/embedded-media";
+@import "components/identity-x";
+@import "components/lazyload";
+@import "components/load-more";
+@import "components/magazine-publication-buttons";
+@import "components/node";
+@import "components/node-list";
+@import "components/page";
+@import "components/page-attribution";
+@import "components/page-contact-details";
+@import "components/page-dates";
+@import "components/page-image";
+@import "components/page-rail";
+@import "components/page-wrapper";
+@import "components/pagination-controls";
+@import "components/search-page";
+@import "components/site-footer";
+@import "components/site-header";
+@import "components/site-menu";
+@import "components/site-navbar";
+@import "components/site-navbar-b";
+@import "components/site-newsletter-menu";
+@import "components/social-icons";
+@import "components/spec-guide";
+@import "components/sponsor-logo";
+@import "components/sticky-top";
+@import "components/wallpaper-ad";
+
+// theme component blocks
+@import "components/blocks/callout-cards";
+@import "components/blocks/content-card-deck";
+@import "components/blocks/company-inquiry-form";
+@import "components/blocks/hero-card";
+@import "components/blocks/latest-content-list";
+@import "components/blocks/latest-podcast";
+@import "components/blocks/latest-products-feed";
+@import "components/blocks/magazine-publication-card";
+@import "components/blocks/more-products";
+@import "components/blocks/most-popular";
+@import "components/blocks/newsletter-signup-banner";
+@import "components/blocks/newsletter-signup-banner-large";
+@import "components/blocks/newsletter-signup-site-footer";
+@import "components/blocks/node-author";
+@import "components/blocks/opinion";
+@import "components/blocks/primary-image";
+@import "components/blocks/products";
+@import "components/blocks/promo-card";
+@import "components/blocks/read-next";
+@import "components/blocks/related-native-x-stories";
+@import "components/blocks/related-stories";
+@import "components/blocks/resource-library";
+@import "components/blocks/section-card-deck-featured";
+@import "components/blocks/section-card-list";
+@import "components/blocks/section-feed";
+@import "components/blocks/section-forbes";
+@import "components/blocks/section-list";
+@import "components/blocks/social-follow";
+@import "components/blocks/top-stories";
+@import "components/blocks/top-stories-menu";
+@import "components/blocks/white-papers";
+
+// theme component flows
+@import "components/flows/card-deck";
+@import "components/flows/column-list";
+@import "components/flows/featured";
+@import "components/flows/hero";
+@import "components/flows/incremented-nodes";
+
+body {
+  text-rendering: $theme-text-rendering;
+}
+
+.document-container {
+  flex-shrink: 0;
+  padding-top: calculate-navbar-height-for(default);
+
+  @each $breakpoint, $width in sort-map-by-values($theme-site-header-breakpoints, desc) {
+    @media (max-width: $width) {
+      padding-top: calculate-navbar-height-for($breakpoint);
+    }
+  }
+
+  @include media-breakpoint-down($theme-responsive-text-breakpoint) {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}

package/scss/critical/_bootstrap.scss

@@ -0,0 +1,15 @@
+/*! critical:start */
+@import "bootstrap/scss/root";
+@import "bootstrap/scss/reboot";
+@import "bootstrap/scss/type";
+@import "bootstrap/scss/utilities";
+@import "bootstrap/scss/grid";
+
+@import "bootstrap/scss/buttons";
+@import "bootstrap/scss/custom-forms";
+@import "bootstrap/scss/forms";
+@import "bootstrap/scss/images";
+@import "bootstrap/scss/input-group";
+@import "bootstrap/scss/nav";
+@import "bootstrap/scss/navbar";
+/*! critical:end */

package/scss/critical/_core.scss

@@ -0,0 +1,27 @@
+/*! critical:start */
+@import "@mindful-web/marko-web/scss/document";
+@import "@mindful-web/marko-web/scss/node";
+@import "@mindful-web/marko-web/scss/node-list";
+@import "@mindful-web/marko-web-icons/scss/icons";
+
+body {
+  text-rendering: $theme-text-rendering;
+}
+
+.document-container {
+  flex-shrink: 0;
+  padding-top: calculate-navbar-height-for(default);
+
+  @each $breakpoint, $width in sort-map-by-values($theme-site-header-breakpoints, desc) {
+    @media (max-width: $width) {
+      padding-top: calculate-navbar-height-for($breakpoint);
+    }
+  }
+
+  @include media-breakpoint-down($theme-responsive-text-breakpoint) {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+/*! critical:end */

package/scss/critical/_theme.scss

@@ -0,0 +1,23 @@
+/*! critical:start */
+
+// load navbar from default theme first... allows for alternate monorail navbars to override these defaults
+@import "components/default-theme/site-navbar";
+
+// components
+@import "components/ad-container";
+@import "components/lazyload";
+@import "components/node";
+@import "components/node-list";
+@import "components/page";
+@import "components/page-wrapper";
+@import "components/site-header";
+@import "components/site-menu";
+@import "components/site-navbar";
+@import "components/site-navbar-b";
+
+
+// flows
+
+// blocks
+@import "components/blocks/social-follow";
+/*! critical:end */

package/scss/variables/_buttons.scss

@@ -0,0 +1,66 @@
+$skin-buttons: () !default;
+$skin-buttons: non-destructive-map-merge(
+  (
+    "primary": (
+      "background-color": $primary,
+      "border-radius": $btn-border-radius,
+      "color": $white,
+      "hover-background-color": $skin-primary-hover-color,
+      "hover-color": $white,
+      "font-family": $skin-font-family-primary,
+      "font-weight": $font-weight-bold,
+      "font-size": 16px,
+      "letter-spacing": .8px,
+      "line-height": 1.25,
+      "padding": 12px 27px,
+      "text-transform": uppercase,
+    ),
+    "secondary": (
+      "background-color": transparent,
+      "border": 2px solid $gray-800,
+      "border-radius": $btn-border-radius,
+      "color": $gray-800,
+      "hover-background-color": transparent,
+      "hover-border": 2px solid $skin-primary-hover-color,
+      "hover-color": $skin-primary-hover-color,
+      "font-family": $skin-font-family-primary,
+      "font-weight": $font-weight-bold,
+      "font-size": 16px,
+      "letter-spacing": .8px,
+      "line-height": 1.25,
+      "padding": 10px 24px,
+      "text-transform": uppercase,
+    ),
+    "light": (
+      "background-color": transparent,
+      "border": 1px solid $gray-500,
+      "border-radius": 6px,
+      "color": $gray-800,
+      "hover-background-color": transparent,
+      "hover-border": 1px solid $gray-900,
+      "hover-color": $gray-900,
+      "font-family": $skin-font-family-primary,
+      "font-weight": $font-weight-normal,
+      "font-size": 14px,
+      "letter-spacing": .25px,
+      "line-height": 1.285,
+      "padding": 4px 16px 7px,
+      "text-transform": none,
+    ),
+    "inline-newsletter-signup": (
+      "background-color": $skin-newsletter-signup-inline-btn-color,
+      "border-radius": $btn-border-radius,
+      "color": $white,
+      "hover-background-color": darken($skin-newsletter-signup-inline-btn-color, 5%),
+      "hover-color": $white,
+      "font-family": $skin-font-family-primary,
+      "font-weight": $font-weight-bold,
+      "font-size": 16px,
+      "letter-spacing": .8px,
+      "line-height": 1.25,
+      "padding": 12px 27px,
+      "text-transform": uppercase,
+    ),
+  ),
+  $skin-buttons
+);