document style refactoring: doc -> document, moving to ./components

src/style/components/document.scss

@@ -0,0 +1,18 @@
+@import "../variables";
+
+.document {
+  margin: 0 1.2em $single-margin;
+
+  p {
+    text-align: center;
+  }
+  img {
+    max-width: 100%;
+  }
+}
+
+@media (max-width: $mobile-width) {
+  .document {
+    margin: 0 0 $single-margin;
+  }
+}

src/style/docs.scss

@@ -16,23 +16,8 @@
   align-items: baseline;
 }
 
-.doc {
-  margin: 0 1.2em 2.5em;
-
-  p {
-    text-align: center;
-  }
-  img {
-    max-width: 100%;
-  }
-}
-
 @media (max-width: 31.25em) {
   .documents-block {
     margin: 1em 0 0;
   }
-
-  .doc {
-    margin: 0 0 2em;
-  }
 }

src/style/style.scss

@@ -1 +1,2 @@
-@import "./components/gallery-item";
+@import "./components/gallery-item";
+@import "./components/document";

src/templates/components/award.html

@@ -1,4 +1,4 @@
-<div class="doc">
+<div class="document">
     <a href="{{$ctrl.document.thumbs.original.url}}" target="_blank">
         <img ng-src="{{$ctrl.document.thumbs.medium.url}}">
     </a>

src/templates/components/document.html

@@ -1,4 +1,4 @@
-<div class="doc">
+<div class="document">
     <a href="{{$ctrl.document.url}}" target="_blank" class="invisible">
         <img ng-src="{{$ctrl.document.preview}}">
     </a>