article pages

.nvmrc

@@ -0,0 +1 @@
+10.10.0

src/scss/_article-title-banner.scss

@@ -0,0 +1,31 @@
+.article-title-banner {
+    //display:none;
+    border: 1px solid #ccc;
+}
+.field--name-field-journal-article-abstract .field__label {
+    font-size: 2rem;
+}
+.node--type-journal-article {
+    .field--name-body figure {
+        margin-left: initial;
+        margin-right: initial;
+        float: left;
+        img {
+            border: 1px solid #ccc;
+            padding: 4px;
+            width: 200px;
+            float: left;
+            margin-right: 1rem;
+            margin-top: 1rem;
+        }
+    }
+    a[id^="footnote"] {
+        border: 1px solid #5d5d5d;
+        background: #5d5d5d;
+        color: #fff;
+        border-radius: 4px;
+        text-decoration: none;
+        padding: 2px 4px;
+        font-size:1.2rem;
+    }
+}

src/scss/_lp-hero.scss

@@ -0,0 +1,17 @@
+
+/*==========Landing Page Hero Image===========*/
+
+
+.hero {
+  background: blue;
+  background: url(../img/DS2_2648.jpg);
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  position: relative;
+  height: 250px;
+  display: flex;
+  align-items: center;
+}
+
+

src/scss/_lp-preview-grid.scss

@@ -0,0 +1,29 @@
+
+/*====lp article preview cards==================*/
+.preview-card__grid-row {
+  display: flex;
+  justify-content: space-between;
+}
+.preview-card {
+  box-shadow: 0 2px 14px rgba(100, 100, 100, 0.1), 0 2px 2px rgba(100, 100, 100, 0.1);
+  border: 1px solid #e4e4e4;
+}
+.preview-card {
+  margin: 0 1em 2em 1em;
+  height: 250px
+}
+.preview-card:last-child {
+
+  margin: 0 0 2em 1em;
+
+}
+.preview-card:first-child {
+
+  margin: 0 1em 2rem 0;
+
+}
+.preview-card__caption {
+  margin: 10px;
+}
+
+

src/scss/style.scss

@@ -1,28 +1,7 @@
-/*==========Landing Page Hero Image===========*/
+//imports
-
+@import 'lp-preview-grid';
-
+@import 'lp-hero';
-.header-top {
+@import 'article-title-banner';
-background: blue;
-background: url(../img/DS2_2648.jpg);
-}
-.header-top {
-  background: blue;
-  background: url(../img/DS2_2648.jpg);
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: center;
-  position: relative;
-  height: 350px;
-}
-/*.l-branding.site-branding {*/
-  /*background: url(/sites/all/themes/bowing_down_home/images/dirt_road.png);*/
-  /*background: url(../images/dirt_road.png);*/
-  /*background-size: cover;*/
-  /*height: 500px;*/
-  /*margin-bottom: 1em;*/
-  /*padding-bottom: 2em;*/
-/*}*/
-/*==========/Landing Page Hero Image===========*/
 
 /*on-scroll menu */
 .fixed-header-enabled.onscroll .header-container ul.menu {
@@ -30,34 +9,6 @@ background: url(../img/DS2_2648.jpg);
 }
 
 
-/*====lp article preview cards==================*/
-.preview-card__grid-row {
-  display: flex;
-  justify-content: space-between;
-}
-.preview-card {
-  box-shadow: 0 2px 14px rgba(100, 100, 100, 0.1), 0 2px 2px rgba(100, 100, 100, 0.1);
-  border: 1px solid #e4e4e4;
-}
-.preview-card {
-  margin: 0 1em 2em 1em;
-  height: 250px
-}
-.preview-card:last-child {
-
-  margin: 0 0 2em 1em;
-
-}
-.preview-card:first-child {
-
-  margin: 0 1em 2rem 0;
-
-}
-.preview-card__caption {
-  margin: 10px;
-}
-
-
 
 
 /*================================================*/