Have Drone build SASS.

.drone.yml

@@ -7,6 +7,11 @@ volumes:
     temp: {}
 
 steps:
+  - name: compile-sass
+    image: ellerbrock/alpine-sass
+    commands:
+    - mkdir -p css
+    - sassc scss/style.scss css/style.css
   - name: build-resume
     image: pink33n/html-to-pdf
     commands:

css/style.css

@@ -1,107 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=EB+Garamond|Raleway");
-a {
-  color: #1dc868;
-  text-decoration: none; }
-
-svg {
-  height: 1.2em; }
-
-body {
-  margin: 0px;
-  padding: 0px;
-  font-family: "Raleway";
-  line-height: 1.3em;
-  font-size: 12px; }
-  @media not print {
-    body {
-      width: 215.9mm;
-      height: 279.4mm;
-      overflow: hidden;
-      margin-top: 10px;
-      padding-top: 5px;
-      margin-left: auto;
-      margin-right: auto;
-      box-shadow: 0px 0px 5px #dadada; } }
-
-header {
-  text-align: center;
-  margin: auto;
-  margin-bottom: 10px; }
-
-div.name {
-  font-size: 1.25em;
-  margin: 15px;
-  font-family: "Raleway", serif; }
-
-h1 {
-  font-size: 1.25em;
-  font-family: "Raleway", serif;
-  font-weight: normal;
-  margin: 10px;
-  margin-bottom: 2.5px;
-  color: #1dc868; }
-
-h2 {
-  font-size: 1.2em;
-  font-weight: normal;
-  margin-bottom: 0px;
-  margin-top: 0px; }
-
-ul {
-  margin-top: 5px;
-  margin-bottom: 5px; }
-
-div.contact {
-  background-color: #36e281;
-  color: white;
-  display: flex;
-  justify-content: center; }
-
-div.contact-item {
-  padding: 10px;
-  padding-left: 20px;
-  padding-right: 20px;
-  display: flex;
-  align-items: center; }
-
-div.contact-content {
-  padding-left: 5px;
-  font-weight: bold; }
-
-div.horizontal-list {
-  display: flex;
-  flex-direction: horizontal; }
-  div.horizontal-list section, div.horizontal-list div {
-    flex-grow: 1; }
-
-div.project-container {
-  flex-basis: 25%;
-  margin-right: 10px; }
-  div.project-container h2 {
-    display: inline;
-    margin: 0px; }
-
-a.project-link {
-  color: black;
-  font-weight: bold;
-  display: flex;
-  align-items: center; }
-
-svg.project-link-icon {
-  height: 1em; }
-
-main {
-  margin: auto;
-  max-width: 90%; }
-
-div.section-content {
-  margin-left: 20px; }
-
-div.position {
-  margin-bottom: 10px; }
-
-div.position-location {
-  color: #4d4c4c; }
-
-section {
-  page-break-inside: avoid; }