...
 
Commits (2)
Title: One more time
Author: ginger coons
Section: Editor's Letter
Section: Editor's letter
In five years of editing Libre Graphics magazine, I wrote eight Editor's Notes. They all took a broadly similar form: they introduced the theme of the issue, explained why that theme mattered, provided a brief highlight of what to expect in the issue, and tried to put a little provocation in at the end to get the reader geared up for the following pages. For the sake of tradition, this one is going to be very similar.
......
......@@ -144,7 +144,7 @@ body {
#wrapper .grid-container,
#footer .grid-container {
max-width: 74rem;
max-width: 72rem;
}
#footer {
......@@ -166,6 +166,32 @@ ul.no-bullet {
margin-left: 0;
}
.button.hollow {
border-right-width: 3px;
border-bottom-width: 3px;
}
hr {
max-width: 72rem;
}
p + hr { margin-top: 4rem; }
hr + p { margin-bottom: 4rem; }
code,
pre {
/* wrapping long words, strings or urls */
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
/* Navigation
*/
......@@ -227,26 +253,41 @@ ul.issues {
}
ul.issues .title {
font-family: "PropCourierSans", Roboto, "DejaVu Sans", Helvetica, Arial, sans-serif;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
padding: 0.25rem 0.45rem 0.25rem 0;
margin-bottom: 1.5rem;
font-family: "PropCourierSans", Roboto, "DejaVu Sans", Helvetica, Arial, sans-serif;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
padding: 0.45rem 0;
}
ul.issues .title strong {
display: block;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
display: block;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
ul.issues li a {
display: block;
padding: 0.65rem;
margin-bottom: 1rem;
border-right: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
}
ul.issues li img {
ul.issues li:first-child a,
ul.issues li:nth-child(5) a {
padding-left: 0;
}
ul.issues li a:hover {
border-right: 1px solid #18BC60;
border-bottom: 1px solid #18BC60;
}
/* Issue page - category template
......@@ -396,6 +437,13 @@ article .entry-content {
border-bottom: 1px solid #cacaca;
}
/* Large and up */
@media screen and (min-width: 64em) {
article .entry-content p {
max-width: 80%;
}
}
article .entry-content p,
article .entry-content ul,
article .entry-content ol,
......@@ -473,7 +521,7 @@ article .entry-content p:last-child > em {
article .entry-content blockquote {
border-left: 0;
margin-left: 0;
padding-left: 0;
padding: 1rem 0 1rem 0;
}
article .entry-content blockquote p {
......@@ -489,8 +537,8 @@ article .entry-content blockquote > p {
font-size: 1.5rem;
font-family: "PropCourierSans", Roboto, "DejaVu Sans", Helvetica, Arial, sans-serif;
display: block;
margin-left: 2rem;
max-width: 80%;
margin-left: 4rem;
max-width: 60%;
}
article .entry-content > blockquote:first-child p {
......@@ -537,9 +585,12 @@ article .entry-content p > img {
display: inline-block;
padding: 0;
margin: 0;
margin-top: 2rem;
vertical-align: top;
}
article .entry-content p:first-child > img { margin-top: 0; }
article .entry-content p > img:first-child {
width: 100%;
margin-left: 0 !important;
......@@ -694,6 +745,19 @@ article footer ul li {
border-left: 6px solid #eee;
}
/* New Releases
#new-releases.grid-margin-x > .cell.entry-content {
display: block;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
margin-left: 0;
background: red;
}
*/
/* Authors and tags
*/
......
......@@ -28,7 +28,7 @@
{% endblock meta_tags_in_head %}
{% block content %}
<section class="grid-container">
<article class="grid-x grid-margin-x">
<article id="{{ article.section.replace(' ', '-').lower() }}"class="grid-x grid-margin-x">
<header class="cell">
<p class="section"><span>{{ article.section }}</span></p>
{% if article.section in ["Column", "Editor's letter", "Guest editor's letter", "Production colophon"] %}
......