Ned Zimmerman
7 years ago
20 changed files with 264 additions and 343 deletions
@ -0,0 +1,59 @@
|
||||
.book { |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: flex-end; |
||||
width: 100%; |
||||
max-width: 22.9375rem; |
||||
height: 24.125rem; |
||||
margin: 0 0 2rem; |
||||
padding: 1.5rem 1.85rem 2.1875rem; |
||||
border: solid 2px var(--accent, $brand-accent); |
||||
background: var(--accent, $brand-accent); |
||||
|
||||
a { |
||||
margin: 0; |
||||
font-family: $font-family-sans-serif; |
||||
color: var(--accent-fg, #fff); |
||||
text-decoration: none; |
||||
text-align: center; |
||||
} |
||||
|
||||
&__subject { |
||||
height: 4.625rem; |
||||
margin: 0; |
||||
font-size: rem(24); |
||||
text-align: center; |
||||
} |
||||
|
||||
&__title { |
||||
height: 13rem; |
||||
margin: 0; |
||||
font-size: rem(30); |
||||
font-weight: 500; |
||||
line-height: (40/30); |
||||
text-align: left; |
||||
} |
||||
|
||||
&__read-more { |
||||
margin: 0; |
||||
font-size: rem(18); |
||||
text-align: left; |
||||
|
||||
a { |
||||
svg { |
||||
width: rem(18); |
||||
height: rem(18); |
||||
margin-left: 0.5rem; |
||||
vertical-align: middle; |
||||
} |
||||
} |
||||
} |
||||
|
||||
&:last-child { |
||||
margin-bottom: 0; |
||||
|
||||
@media #{$breakpoint-large} { |
||||
margin-bottom: 2rem; |
||||
} |
||||
} |
||||
} |
||||
@ -1,5 +0,0 @@
|
||||
// TODO: .comment-list {} |
||||
// TODO: .comment-list ol {} |
||||
// TODO: .comment-form p {} |
||||
// TODO: .comment-form input {} |
||||
// TODO: .comment-form textarea {} |
||||
@ -1,6 +0,0 @@
|
||||
.main { |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
width: 100%; |
||||
} |
||||
@ -1,58 +0,0 @@
|
||||
/** |
||||
* WordPress Generated Classes |
||||
* @see http://codex.wordpress.org/CSS#WordPress_Generated_Classes |
||||
*/ |
||||
|
||||
$spacer: 2rem; |
||||
|
||||
/** Media alignment */ |
||||
.alignnone { |
||||
margin-left: 0; |
||||
margin-right: 0; |
||||
max-width: 100%; |
||||
height: auto; |
||||
} |
||||
|
||||
.aligncenter { |
||||
display: block; |
||||
margin: ($spacer / 2) auto; |
||||
height: auto; |
||||
} |
||||
|
||||
.alignleft, |
||||
.alignright { |
||||
margin-bottom: ($spacer / 2); |
||||
height: auto; |
||||
} |
||||
|
||||
@media (min-width: 30rem) { |
||||
.alignleft { |
||||
float: left; |
||||
margin-right: ($spacer / 2); |
||||
} |
||||
|
||||
.alignright { |
||||
float: right; |
||||
margin-left: ($spacer / 2); |
||||
} |
||||
} |
||||
|
||||
/** Captions */ |
||||
|
||||
// TODO: .wp-caption {} |
||||
// TODO: .wp-caption img {} |
||||
// TODO: .wp-caption-text {} |
||||
|
||||
/** Text meant only for screen readers */ |
||||
.screen-reader-text { |
||||
position: absolute; |
||||
width: 1px; |
||||
height: 1px; |
||||
padding: 0; |
||||
margin: -1px; |
||||
overflow: hidden; |
||||
clip: rect(0, 0, 0, 0); |
||||
border: 0; |
||||
color: #000; |
||||
background: #fff; |
||||
} |
||||
@ -1,132 +0,0 @@
|
||||
.social-media { |
||||
margin-top: 1em; |
||||
|
||||
a { |
||||
font-size: rem(32); |
||||
margin: 0 0.25em; |
||||
transition: all 0.4s; |
||||
} |
||||
} |
||||
|
||||
.network-footer { |
||||
margin-bottom: 0; |
||||
padding: 60px 42.5px 40px; |
||||
font-family: $font-family-sans-serif; |
||||
font-size: rem(16); |
||||
color: var(--accent-fg, $white); |
||||
background-color: var(--accent, $brand-accent); |
||||
|
||||
ul { |
||||
margin: 0; |
||||
padding: 0; |
||||
list-style: none; |
||||
text-align: center; |
||||
font-weight: 600; |
||||
line-height: (36/16); |
||||
} |
||||
|
||||
a { |
||||
color: var(--accent-fg, $white); |
||||
text-decoration: none; |
||||
border-bottom: solid 1px transparent; |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
border-bottom: solid 1px var(--accent-fg, $white); |
||||
} |
||||
} |
||||
|
||||
&__block { |
||||
border-top: solid 1px var(--accent-fg, $white); |
||||
|
||||
&:first-of-type { |
||||
border-top: 0; |
||||
} |
||||
} |
||||
|
||||
&__block--1 { |
||||
margin: 0 -5px; |
||||
padding: 0 0 40px; |
||||
} |
||||
|
||||
&__block--2 { |
||||
padding: 30px 7.5px; |
||||
|
||||
.widget { |
||||
margin-bottom: 1em; |
||||
} |
||||
} |
||||
|
||||
&__menu { |
||||
padding: 30px 7.5px 0; |
||||
} |
||||
|
||||
&__block .social-media { |
||||
margin-top: 0; |
||||
width: 100%; |
||||
|
||||
a { |
||||
margin: 0 0.5em 0 0; |
||||
border-bottom: none; |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
border-bottom: none; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
@media (min-width: $medium) { |
||||
.network-footer { |
||||
display: flex; |
||||
flex-direction: row; |
||||
align-items: center; |
||||
justify-content: center; |
||||
|
||||
ul { |
||||
text-align: left; |
||||
} |
||||
|
||||
&__block { |
||||
display: flex; |
||||
align-items: center; |
||||
height: 142.5px; |
||||
margin: 0; |
||||
padding: 0 69.5px; |
||||
border-top: 0; |
||||
border-right: solid 1px var(--accent-fg, $white); |
||||
} |
||||
|
||||
&__block--empty { |
||||
display: none; |
||||
} |
||||
|
||||
&__block--2 { |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
} |
||||
|
||||
&__block:last-of-type { |
||||
border-right: 0; |
||||
} |
||||
} |
||||
|
||||
.social-media { |
||||
a { |
||||
font-size: rem(24); |
||||
margin: 0 0.5em 0 0; |
||||
} |
||||
} |
||||
} |
||||
|
||||
@media (min-width: $extra-large) { |
||||
.network-footer { |
||||
ul { |
||||
li { |
||||
display: inline-block; |
||||
margin-right: 3em; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,67 @@
|
||||
.home #content { |
||||
width: 100%; |
||||
|
||||
@media #{$breakpoint-extra-large} { |
||||
max-width: 1440px; |
||||
} |
||||
} |
||||
|
||||
.latest-books { |
||||
padding: 0 0 9.625rem; |
||||
|
||||
.books { |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
} |
||||
|
||||
.booknav { |
||||
width: 100%; |
||||
@media #{$breakpoint-large} { |
||||
max-width: 22.9375rem; |
||||
} |
||||
margin: 1rem auto 2rem; |
||||
display: flex; |
||||
flex-direction: row; |
||||
justify-content: center; |
||||
} |
||||
|
||||
.previous, |
||||
.next { |
||||
display: block; |
||||
|
||||
svg { |
||||
width: rem(25); |
||||
height: rem(25); |
||||
path { |
||||
fill: var(--primary, $brand); |
||||
} |
||||
} |
||||
} |
||||
|
||||
@media #{$breakpoint-large} { |
||||
.books { |
||||
flex-direction: row; |
||||
justify-content: center; |
||||
|
||||
.book { |
||||
margin-right: 1rem; |
||||
margin-left: 1rem; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.previous { |
||||
order: 1; |
||||
margin-right: auto; |
||||
} |
||||
|
||||
.next { |
||||
order: 2; |
||||
margin-left: auto; |
||||
} |
||||
|
||||
.catalog-link { |
||||
text-align: center; |
||||
} |
||||
} |
||||
@ -1,6 +1,6 @@
|
||||
{ |
||||
"/scripts/aldine.js": "/scripts/aldine.js?id=c8641d03dfb38dc75e0d", |
||||
"/styles/aldine.css": "/styles/aldine.css?id=c40439621e3e29db44b3", |
||||
"/styles/editor.css": "/styles/editor.css?id=1db52e0f56b8d56e059f", |
||||
"/styles/aldine.css": "/styles/aldine.css?id=d6c1da7e85562b83b2d5", |
||||
"/styles/editor.css": "/styles/editor.css?id=16680c95cc79caed750f", |
||||
"/scripts/customizer.js": "/scripts/customizer.js?id=f1f1f4225cba4c1b35f2" |
||||
} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue