首页 发现 帮助
注册 登录
chenxixian
/
devdocs
镜像自地址 https://github.com/freeCodeCamp/devdocs
1
0
派生 0
文件 工单管理 0 Wiki
浏览代码

Tweak print stylesheet

Thibaut Courouble 8 年之前
父节点
b681c80ed0
当前提交
0bd8289891
共有 6 个文件被更改，包括 37 次插入 和 68 次删除
合并视图 显示文件统计
  1. 1 0
      assets/stylesheets/application-dark.css.scss
  2. 1 4
      assets/stylesheets/application.css.scss
  3. 3 0
      assets/stylesheets/global/_base.scss
  4. 0 13
      assets/stylesheets/global/_classes.scss
  5. 9 0
      assets/stylesheets/global/_mixins.scss
  6. 23 51
      assets/stylesheets/global/_print.scss

+ 1 - 0
assets/stylesheets/application-dark.css.scss
查看文件 

@@ -12,6 +12,7 @@
 
  */
 
  */
 
 
 
 @import 'global/variables-dark',
 
 @import 'global/variables-dark',
 
+        'global/mixins',
 
         'global/icons',
 
         'global/icons',
 
         'global/classes',
 
         'global/classes',
 
         'global/base';
 
         'global/base';

+ 1 - 4
assets/stylesheets/application.css.scss
查看文件 

@@ -12,6 +12,7 @@
 
  */
 
  */
 
 
 
 @import 'global/variables',
 
 @import 'global/variables',
 
+        'global/mixins',
 
         'global/icons',
 
         'global/icons',
 
         'global/classes',
 
         'global/classes',
 
         'global/base';
 
         'global/base';
 
@@ -98,7 +99,3 @@
 
         'pages/webpack',
 
         'pages/webpack',
 
         'pages/yard',
 
         'pages/yard',
 
         'pages/yii';
 
         'pages/yii';
 
-
 
-html { // specificity hack
 
-  @import 'global/print';
 
-}

+ 3 - 0
assets/stylesheets/global/_base.scss
查看文件 

@@ -4,6 +4,9 @@ html {
 
   background: $documentBackground;
 
   background: $documentBackground;
 
 
 
   @media #{$mediumScreen} { font-size: 93.75%; }
 
   @media #{$mediumScreen} { font-size: 93.75%; }
 
+
 
+  @include print { background: none; }
 
+  @import 'global/print';
 
 }
 
 }
 
 
 
 body {
 
 body {

+ 0 - 13
assets/stylesheets/global/_classes.scss
查看文件 

@@ -2,19 +2,6 @@
 
 // Utilities
 
 // Utilities
 
 //
 
 //
 
 
 
-/* Usage:
 
- *
 
- * @include print {
 
- *   // print styles here
 
- * }
 
- *
 
- */
 
-@mixin print {
 
-  @media print {
 
-    @content;
 
-  }
 
-}
 
-
 
 %border-box {
 
 %border-box {
 
   -moz-box-sizing: border-box;
 
   -moz-box-sizing: border-box;
 
        box-sizing: border-box;
 
        box-sizing: border-box;

+ 9 - 0
assets/stylesheets/global/_mixins.scss
查看文件 

@@ -0,0 +1,9 @@
 
+//
 
+// Mixins
 
+//
 
+
 
+@mixin print {
 
+  @media print {
 
+    @content;
 
+  }
 
+}

+ 23 - 51
assets/stylesheets/global/_print.scss
查看文件 

@@ -1,79 +1,51 @@
 
-// Style overrides for printing
 
-
 
 @include print {
 
 @include print {
 
-
 
-  ._header, ._sidebar, ._path, ._notif, ._toc, ._pre-clip, ._notice {
 
+  ._header, ._sidebar, ._path, ._notif, ._toc, ._pre-clip, ._notice, ._links {
 
     display: none !important;
 
     display: none !important;
 
   }
 
   }
 
 
 
-  // make the docs fill the page and scroll the <body> instead of ._container
 
-  body {
 
-    height: initial;
 
-    &::after {
 
-      content: '';
 
-      clear: both;
 
-    }
 
-  }
 
-  ._app {
 
-    height: initial;
 
-  }
 
-  ._container {
 
+  body, ._app, ._container, ._content {
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
 
     height: initial;
 
     height: initial;
 
+    background: none;
 
 
 
-    ._content {
 
-      margin: 0;
 
+    &:after {
 
+      content: '';
 
+      clear: both;
 
     }
 
     }
 
   }
 
   }
 
 
 
-  // Hide the scrollbars
 
   ::-webkit-scrollbar {
 
   ::-webkit-scrollbar {
 
     display: none;
 
     display: none;
 
   }
 
   }
 
 
 
-  // empty the boxes.
 
-  %box,
 
-  %heading-box {
 
-    background: transparent;
 
-  }
 
-  %heading-box {
 
-    border-radius: 0;
 
-    border: {
 
-      top: none;
 
-      left: none;
 
-      right: none;
 
-    }
 
+  %external-link:after {
 
+    display: none;
 
   }
 
   }
 
 
 
+  ._attribution-p {
 
+    background: none;
 
+    border: 2px solid $boxBorder;
 
+  }
 
 
 
-  // Underline links, put the destination after the link text
 
-  %external-link {
 
-    text-decoration: underline;
 
-    &::after {
 
-      content: ' (' attr(href) ')';
 
-      background-image: none;
 
-      display: inline;
 
-      margin: 0;
 
-    }
 
+  ._attribution:last-child:after {
 
+    content: 'Exported from DevDocs — https://devdocs.io';
 
+    display: block;
 
+    margin-top: 1rem;
 
+    font-weight: $bolderFontWeight;
 
   }
 
   }
 
 
 
-  // Link back to DevDocs
 
-  ._attribution-p {
 
-    background: transparent;
 
-    border: 2px solid $labelBackground;
 
+  ._attribution {
 
+    page-break-inside: avoid;
 
+  }
 
 
 
-    &:after {
 
-      content: 'Exported from DevDocs (https://devdocs.io)';
 
-      font-style: italic;
 
-    }
 
+  h1, h2, h3, h4, h5, h6 {
 
+    page-break-inside: avoid;
 
+    page-break-after: avoid;
 
   }
 
   }
 
 
 
-  // Fix page breaks
 
   pre {
 
   pre {
 
     page-break-before: avoid;
 
     page-break-before: avoid;
 
-  }
 
-  pre {
 
     orphans: 5;
 
     orphans: 5;
 
     widows: 5;
 
     widows: 5;
 
   }
 
   }