Permalink
Browse files

Made spacing abstract

  • Loading branch information...
davidmerfield committed Jan 10, 2019
1 parent 084c311 commit e8c5864b51602c3b656ec01c18d0b87a5722d5e3
Showing with 27 additions and 10 deletions.
  1. +4 −1 app/templates/photos/package.json
  2. +23 −9 app/templates/photos/style.css
@@ -4,6 +4,9 @@
"locals": {
"page_size": 16,
"background_color": "rgba(255, 255, 255, 1)",
"text_color": "rgba(0, 0, 0, 0.85)"
"text_color": "rgba(0, 0, 0, 0.85)",
"font_size": 1.9,
"line_height": 1.4,
"spacing": 2.6
}
}
@@ -32,6 +32,25 @@ hr {
color: rgba(0, 0, 0, 0.75)
}

/* Proportions */

body{
font-size: {{font_size}}rem;
line-height: {{line_height}};
}

.index a {
padding: {{spacing}}rem;
}

.yield {
padding: 0 calc({{spacing}}rem/2);
}

.shift-margin {
padding-left:{{spacing}}rem;
}

/* Styles */

html,
@@ -50,22 +69,19 @@ body {
}

body {
font-size: 1.9rem;
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, 'Sans Serif', Icons;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
font-style: normal;
line-height: 1.4;
display: flex;
flex-direction: column;
min-height: 100%
}

.yield {
flex-grow: 1;
padding: 0 1.5rem;
}

.index {
@@ -76,20 +92,18 @@ body {
}

.index a {
padding: 2.6rem;
box-sizing: border-box;
width: 50%;
text-decoration: none;
}

.shift-margin {
padding-left:2.6rem;
}


@media screen and (max-width: 700px) {
.index a {
width: 100%;
padding: 2.6rem 0
padding-left: 0;
padding-right: 0
}
}

@@ -236,8 +250,8 @@ font-feature-settings: 'tnum';
}

.edge.left {
text-align: right;
padding-right: 1.5rem;
text-align: right;
}

.edge.right {

0 comments on commit e8c5864

Please sign in to comment.