feat(theme): update blockquotes style

_app/_posts/note/2014-06-05-markup-example.md

@@ -2,7 +2,6 @@
 layout: post
 title: Markup Example
 category: note
-plugin: intense
 tags: miscellaneous
 ---
 
@@ -54,6 +53,58 @@ You have no idea how pretty suss our same same but different toasted sandwiches
 
 You have no idea how pretty suss our same same but different toasted sandwiches were aye. Every time I see those carked it keas it's like the dairy all over again aye, you don't know his story, bro. Anyway, Hairy Maclary from Donaldson's Dairy is just Mrs Falani in disguise, to find the true meaning of life, one must start frying up with the hangi, mate. After the rugby ball is jumped the ditch, you add all the stink girl guide biscuits to the trotie you've got yourself a meal.
 
+He was alone then; when he sat in that same chair his wife now sits in, and I shared with him the positive result to his HIV test. Though he seemed disinterested, vaguely detached, he had obviously heard of HIV before. His chart from the local clinic indicated a previous history of and treatment for anal gonorrhea, two acute cases of syphilis in the past three years, and a urinary tract infection last month. His only listed sexual contact, his wife. Who, strangely enough, only tested positive for one of the syphilis infections.
+
+“Mistake, this! I am married, not a giver of ass.”
+
+Giver of ass? That’s one for the archive, I think.
+
+Unwilling to engage his obvious denials, I ignore the comment and instead explain that due to a higher than acceptable potential of a false positive result, we won’t consider his oral test as confirmatory until the more accurate blood analysis is in.
+
+“I no understand”, he says to the room in general.
+
+His annoyance is obvious. Abrasively, he offers me his exposed forearm. This, I assume, is my cue to draw his blood. Ignoring the indignant anger beginning to rise, I tighten my jaw, then swab the fat vein with betadine, working the cool, brown liquid off in concentric circles, using strong medicinal smelling alcohol. I use the betadine, as most of these men work in the mines, and dirt three layers thick on exposed skin is the norm. As the first tube in the vacationer fills with blood, he asks,
+
+“So how I get this thing?”
+
+Ah, I see we are going to play the circuitous dance of ignorance. Sounding just a little too clinical, I begin the HIV 101 mantra.
+
+“Well, people acquire HIV through certain types of sex with an infected person, through sharing needles with an infected person, and sometimes through a blood transfusion. Have you ever had a blood transfusion, sir?”
+
+I take the dismissive wave of his hand as a no to the transfusion question. I don’t make a great attempt to navigate a comfort zone here; instinct and experience telling me he has already set the script of what is to follow.
+
+“She is fucking other cocks my whore devil wife”?
+Bingo! A narrative that over the next six weeks I will hear from several other men as well.
+
+“These whores, all they want is the cock!”
+Careful Skippy, you really aren’t as convincing as you think you are.
+
+<blockquote>
+  <p>
+    “She is fucking other cocks my whore devil wife”?
+    <br>
+    Bingo! A narrative that over the next six weeks I will hear from several other men as well.
+  </p>
+
+  <p>
+    “These whores, all they want is the cock!”
+    <br>
+    Careful Skippy, you really aren’t as convincing as you think you are.
+  </p>
+
+  <footer>
+    <cite>from <a href="https://medium.com/absurdist/a-world-away-c2b692bd808e">A World Away</a> by alto</cite>
+  </footer>
+</blockquote>
+
+## Chinese Paragraph
+
+「名词成灾」的流行病里，灾情最严重的该是所谓「科学至上」（scientism）。在现代的工业社会里，科学早成显贵，科技更是骄子，所以知识分子的口头与笔下，有意无意，总爱用一些「学术化」的抽象名词，好显得客观而精确。有人称之为「伪术语」（pseudo-jargon）。例如：明明是 first step，却要说成 initial phase：明明是 letter，却要说成 communication，都属此类。
+
+## Japanese Paragraph
+
+『雪国』の主な舞台は、上越国境の清水トンネルを抜けた湯沢温泉であるが、この作品も『伊豆の踊子』同様に、川端康成の旅の出会いから生まれたもので、雪中の火事も実際に起ったことだと川端は語っている。川端は作品内で故意に地名を隠しているが、1934 年（昭和 9 年）6 月 13 日より 1937 年まで新潟県湯沢町の高半旅館（現：高半ホテル）に逗留していたことを随筆『「雪国」の旅』で述べている。
+
 ```
 ## H2 Heading
 ### H3 Heading

_app/_posts/note/2014-06-06-markdown-features-test.md

@@ -74,6 +74,10 @@ This is the 2^(nd) time.
 
 This[^1] is[^2] a sentence[^3].
 
+## ID 日本語タイトル
+
+Expected id should be `id-ri-ben-yu-taitoru`.
+
 ## ID 中文標題
 
 Expected id should be `id-zhong-wen-biao-ti`.

_app/assets/themes/curtana/_less/app.less

@@ -312,7 +312,7 @@ body:hover .latest {
   }
 
   p {
-    margin: 0 0 1.6rem;
+    margin-bottom: 1.6rem;
     line-height: (@base-line-height * 1.2);
   }
 
@@ -422,10 +422,22 @@ body:hover .latest {
   blockquote {
     position: relative;
     margin-bottom: 2.8rem;
+    margin-left: calc(-.8em - 2px);
+
+    @media (max-width: @breakpoint-sm) {
+      margin-left: 0;
+    }
 
     > p {
       padding-left: .8em;
       border-left: 2px solid;
+
+      @media (max-width: @breakpoint-sm) {
+        padding-left: calc(4vw - 2px);
+        padding-right: 4vw;
+        margin-left: -4vw;
+        margin-right: -4vw;
+      }
     }
 
     footer {
@@ -565,9 +577,9 @@ body:hover .latest {
   }
 }
 
-// Fix empty space when a paragraph starts with some asian punctuation marks
-.margin-fix:first-letter {
-  margin-left: -.6em;
+// Fix empty space when a paragraph starts with quote marks and some asian punctuation marks
+.leading-indent-fix {
+  text-indent: -.39em;
 }
 
 // Tweet button margin fix
@@ -634,7 +646,15 @@ body:hover .latest {
 .store,
 .download {
   padding-left: .8em;
+  margin-left: calc(-.8em - 2px);
   border-left: 2px solid @link-color;
+
+  @media (max-width: @breakpoint-sm) {
+    padding-left: calc(4vw - 2px);
+    padding-right: 4vw;
+    margin-left: -4vw;
+    margin-right: -4vw;
+  }
 }
 
 // Reference notes and links in post