Forráskód Böngészése

update block quote styles

ppoffice 10 éve
szülő
commit
dad21b944a
2 módosított fájl, 16 hozzáadás és 4 törlés
  1. 15 3
      source/css/_partial/article.styl
  2. 1 1
      source/css/_variables.styl

+ 15 - 3
source/css/_partial/article.styl

@@ -93,10 +93,22 @@
     border-bottom: 1px solid color-border
     padding: 10px 0
   blockquote
+    position: relative
     font-family: font-serif
-    font-size: 1.4em
-    margin: line-height 20px
-    text-align: center
+    font-size: 1.1em
+    margin: 0 -20px
+    padding: 10px 20px 10px 54px
+    background: #fcfcfc
+    border-left: 4px solid #eee
+    &:before
+      top: 20px
+      left: 10px
+      content: "\f10d"
+      color: #e2e2e2
+      font-size: 32px;
+      font-family: FontAwesome
+      text-align: center
+      position: absolute
     footer
       font-size: font-size
       margin: line-height 0

+ 1 - 1
source/css/_variables.styl

@@ -20,7 +20,7 @@ color-google = #dd4b39
 
 // Fonts
 font-sans = "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif
-font-serif = Georgia, "Times New Roman", serif
+font-serif = Georgia, "Times New Roman", "Microsoft Yahei", serif
 font-mono = "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace
 font-size = 14px
 line-height = 1.6em