Browse Source

toc and article page layout

dependabot/npm_and_yarn/acorn-5.7.4
rdrew 6 years ago
parent
commit
4d8e478fa1
  1. 43
      css/style.css
  2. 53
      src/scss/_lp-preview-grid.scss
  3. 3
      src/scss/_variables.scss

43
css/style.css

File diff suppressed because one or more lines are too long

53
src/scss/_lp-preview-grid.scss

@ -1,3 +1,45 @@
.page-node-type-landing-page .main-content {
background-color: #f8f9fa;
}
.teaser-card {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
background: #fff;
margin-bottom: 16px;
position:relative;
p {
padding-bottom: 0;
}
&__body {
flex: 1 1 auto;
padding: 1.25rem;
}
&__title {
font-family: $serif;
font-size: 2.2rem;
line-height: 2.8rem;
font-weight: 600;
}
&__author {
font-family: $sans-serif;
text-transform: uppercase;
font-size: 1.8rem;
}
&__category {
background: #226f23;
color:#fff;
padding: .5rem 1.25rem;
text-transform: uppercase;
}
&__icon {
position: absolute;
top: 0;
right: 0;
background: #226f23;
padding: 10px;
color:#fff;
}
}
/*====lp article preview cards==================*/ /*====lp article preview cards==================*/
.preview-card__grid-row { .preview-card__grid-row {
@ -5,25 +47,20 @@
justify-content: space-between; justify-content: space-between;
} }
.preview-card { .preview-card {
box-shadow: 0 2px 14px rgba(100, 100, 100, 0.1), 0 2px 2px rgba(100, 100, 100, 0.1); box-shadow: 0 2px 14px rgba(100, 100, 100, 0.1),
0 2px 2px rgba(100, 100, 100, 0.1);
border: 1px solid #e4e4e4; border: 1px solid #e4e4e4;
} }
.preview-card { .preview-card {
margin: 0 1em 2em 1em; margin: 0 1em 2em 1em;
height: 250px height: 250px;
} }
.preview-card:last-child { .preview-card:last-child {
margin: 0 0 2em 1em; margin: 0 0 2em 1em;
} }
.preview-card:first-child { .preview-card:first-child {
margin: 0 1em 2rem 0; margin: 0 1em 2rem 0;
} }
.preview-card__caption { .preview-card__caption {
margin: 10px; margin: 10px;
} }

3
src/scss/_variables.scss

@ -5,3 +5,6 @@ $desktop-up: 992px;
$desktop-only: 992px 1199px; $desktop-only: 992px 1199px;
$wide-up: 1200px; $wide-up: 1200px;
$serif: 'Libre Baskerville', Georgia, Times New Roman, Serif;
$sans-serif: 'Lato',Helvetica Neue,Arial,Sans-serif;;

Loading…
Cancel
Save