Difference between revisions of "Template:Team:Dartmouth/DiGEM17 CSS"

(Created page with "<!-- Main CSS Styling for the wiki -->")
 
(Added grid container)
Line 1: Line 1:
 
<!-- Main CSS Styling for the wiki -->
 
<!-- Main CSS Styling for the wiki -->
 +
<!-- Adapted from https://css-tricks.com/left-and-right/ -->
 +
/* Pen-specific styles */
 +
html, body, section, div {
 +
  height: 100vh;
 +
}
 +
 +
body {
 +
  color: #fff;
 +
  font-family: sans-serif;
 +
  font-size: 1.25rem;
 +
  line-height: 150%;
 +
  text-shadow: 0 2px 2px #b6701e;
 +
}
 +
 +
article {
 +
  position: relative;
 +
  top: 50%;
 +
  text-align: center;
 +
  transform: translate(0, -50%);
 +
  padding: 1rem;
 +
}
 +
 +
h1 {
 +
  font-size: 1.75rem;
 +
  margin: 0 0 0.75rem 0;
 +
}
 +
 +
/* Pattern styles */
 +
.container {
 +
  display: grid;
 +
}
 +
 +
.left-half {
 +
  background: #ff9e2c;
 +
  grid-column: 1;
 +
}
 +
 +
.right-half {
 +
  background: #b6701e;
 +
  grid-column: 2;
 +
}

Revision as of 02:21, 2 November 2017

/* Pen-specific styles */ html, body, section, div { 

 height: 100vh;

}

body { 

 color: #fff;
 font-family: sans-serif;
 font-size: 1.25rem;
 line-height: 150%;
 text-shadow: 0 2px 2px #b6701e;

}

article { 

 position: relative;
 top: 50%;
 text-align: center;
 transform: translate(0, -50%);
 padding: 1rem;

}

h1 { 

 font-size: 1.75rem;
 margin: 0 0 0.75rem 0;

}

/* Pattern styles */ .container { 

 display: grid;

}

.left-half { 

 background: #ff9e2c;
 grid-column: 1;

}

.right-half { 

 background: #b6701e;
 grid-column: 2;

}