Re-design the blockquote for docs module

resolves https://github.com/abpframework/abp/issues/1583
7 years ago · ffcbe121dd
3 changed files with 860 additions and 1 deletions
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.css
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.css
@ -201,6 +201,13 @@
      padding-top: 2rem;
      padding-bottom: 10px;
      font-size: 2rem; }
+    .docs-page .docs-content article.docs-body .blockquote {
+        margin-bottom: 1rem;
+        margin-left: 0;
+        border-left: 2px solid gray;
+        padding: 1em;
+        background-color: #eee;
+        padding-bottom: .2em; }
    .docs-page .docs-content article.docs-body h3, .docs-page .docs-content article.docs-body h4, .docs-page .docs-content article.docs-body h5, .docs-page .docs-content article.docs-body h6 {
      padding-top: 20px;
      padding-bottom: 5px;
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.min.css
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.min.css
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.scss
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.scss
@ -367,6 +367,15 @@ body {
                }
            }

+            .blockquote {
+                margin-bottom: 1rem;
+                margin-left: 0;
+                border-left: 2px solid gray;
+                padding: 1em;
+                background-color: #eee;
+                padding-bottom: .2em
+            }
+
            img {
                max-width: 100%;
                border: 1px solid #f4f5f7;