Include paper-css via yarn

aleksis/core/settings.py

@@ -249,6 +249,7 @@ YARN_INSTALLED_APPS = [
     "materialize-css",
     "material-design-icons-iconfont",
     "select2",
+    "paper-css",
 ]
 
 merge_app_settings("YARN_INSTALLED_APPS", YARN_INSTALLED_APPS, True)
@@ -267,6 +268,7 @@ ANY_JS = {
     "material-design-icons": {
         "css_url": JS_URL + "/material-design-icons-iconfont/dist/material-design-icons.css"
     },
+    "paper-css": {"css_url": JS_URL + "/paper-css/paper.min.css"},
 }
 
 merge_app_settings("ANY_JS", ANY_JS, True)

aleksis/core/static/paper.css

-/*
- * Copyright (c) 2015 Tsutomu Kawamura
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-@page { margin: 0 }
-body { margin: 0 }
-.sheet {
-  margin: 0;
-  overflow: hidden;
-  position: relative;
-  box-sizing: border-box;
-  page-break-after: always;
-}
-/** Paper sizes **/
-body.A3               .sheet { width: 297mm; min-height: 419mm }
-body.A3.landscape     .sheet { width: 420mm; min-height: 296mm }
-body.A4               .sheet { width: 210mm; min-height: 296mm }
-body.A4.landscape     .sheet { width: 297mm; min-height: 209mm }
-body.A5               .sheet { width: 148mm; min-height: 209mm }
-body.A5.landscape     .sheet { width: 210mm; min-height: 147mm }
-body.letter           .sheet { width: 216mm; min-height: 279mm }
-body.letter.landscape .sheet { width: 280mm; min-height: 215mm }
-body.legal            .sheet { width: 216mm; min-height: 356mm }
-body.legal.landscape  .sheet { width: 357mm; min-height: 215mm }
-/** Padding area **/
-.sheet.padding-10mm { padding: 10mm }
-.sheet.padding-15mm { padding: 15mm }
-.sheet.padding-20mm { padding: 20mm }
-.sheet.padding-25mm { padding: 25mm }
-/** For screen preview **/
-@media screen {
-  body { background: #e0e0e0 }
-  .sheet {
-    background: white;
-    box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
-    margin: 5mm auto;
-  }
-}
-/** Fix for Chrome issue #273306 **/
-@media print {
-           body.A3.landscape { width: 420mm }
-  body.A3, body.A4.landscape { width: 297mm }
-  body.A4, body.A5.landscape { width: 210mm }
-  body.A5                    { width: 148mm }
-  body.letter, body.legal    { width: 216mm }
-  body.letter.landscape      { width: 280mm }
-  body.legal.landscape       { width: 357mm }
-}

aleksis/core/templates/core/base_print.html

@@ -13,7 +13,7 @@
   </title>
 
   {% include_css "material-design-icons" %}
-  <link rel="stylesheet" href="{% static "paper.css" %}"/>
+  {% include_css "paper-css" %}
   <link rel="stylesheet" href="{% sass_src 'style.scss' %}"/>
   <link rel="stylesheet" href="{% static "print.css" %}"/>