krad 3.7.1 → 3.7.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d0f6b829509bcba8b7a6b219ca4ada89440990c1
-  data.tar.gz: 08288f0a5e837c45bd914a2b4e4e597a86d3dbbe
+  metadata.gz: 03b0aab497dd9981cb7f8495ab42eaa4b80dbe09
+  data.tar.gz: dfc213c65f420623b37269ca5bee7b053088e436
 SHA512:
-  metadata.gz: 78ff34a3871b796329a755aac023bdb3b84d7284077e22aa7ab679f97f57327c9494aa76adeff916174af976af7632dbfa9e7d3cbf4e4d1c5ea4fc553a3037ab
-  data.tar.gz: d22c7362fe4a99fe10a2214b30b9b6dc411afa3d2f266ffbc9557474989c401d0257782994d9d97fb2a88c9aa5c0a43221befc8f2ffdcba8f4c166c379124ea1
+  metadata.gz: 9194e03d0e7debb49443f941eb1f6837b3214d552865d542cd2226db714074b4bc0d64bebdc029875f1b141e38276c904a65e16feee16009463b2cec65070787
+  data.tar.gz: 4b91c90db09be4fbe44fe780d39977abaa1dfebe3085f8aec78881f75e467b0bcf4b18bccc94007c1a1772aceb056b717f79b82e6e3fde04497d3de8f1e40750

data/_sass/base/_typography.scss

@@ -154,9 +154,13 @@ kbd {
 
 /* Blockquote */
 blockquote {
-    padding: 1rem 1.5rem;
-    margin: 0px 0px 1rem;
-    border-left: .6rem solid $color-gray-milk;
+    padding: 0.5rem 1.5rem;
+    margin: 0px 0px 1.5rem;
+    border-left: .4rem solid $color-gray-milk;
+    
+    p {
+        margin-bottom: 1rem;
+    }
     
     footer {
         color: $color-gray-light;
@@ -172,6 +176,67 @@ blockquote {
     }
 }
 
+.pullquote {
+    position: relative;
+	border: none;
+	color: $color-gray-light;
+	text-align: center;
+	margin-bottom: 1.6rem;
+	
+	p {
+		font-size: $font-size-big;
+		margin-bottom: 1rem;
+	}
+	
+	cite {
+	    &:before {
+	        content: '—';
+	    }
+	}
+	
+	&:before {
+		content: '\201C';
+		position: absolute;
+		top: 0;
+		left: 0;
+		z-index: -9;
+		color: $color-gray-milk;
+		font-size: $font-size-blockquote-mark;
+		line-height: 1;
+	}
+}
+
+@media (min-width: 65em) {
+    .pullquote {
+        &.pq-left, &.pq-right {
+            display: block;
+            max-width: 40%;
+            padding-top: 0;
+            font-style: italic;
+            &:before { top: -1.5rem };
+        }
+        &.pq-left {
+            float: left;
+            text-align: right;
+            margin-left: -7em;
+        }
+        &.pq-right {
+            float: right;
+            text-align: left;
+            margin-right: -7em;
+        }
+        
+        &.pq-expand {
+            margin-left: -5em;
+            margin-right: -5em;
+            &:before {
+                font-size: 12rem;
+                top: -0.5rem;
+            }
+        }
+    }
+}
+
 /* Text formats */
 small { 
     font-size: 75%; 

data/_sass/components/_blockquotes.scss

@@ -28,4 +28,18 @@ blockquote {
 	  	content: '\2014 \00A0';
 	  }
 	}
+}
+
+.pullquote {
+	border: none;
+	color: $color-gray-light;
+	text-align: center;
+	
+	p {
+		font-size: $font-size-big;
+	}
+	
+	&:before {
+		content: '”';
+	}
 }

data/_sass/components/_images.scss

@@ -26,7 +26,7 @@ figcaption + img {
     text-align: center;
 }
 
-@media (min-width: 62em) {
+@media (min-width: 65em) {
     .img-expand {
         text-align: center;
         margin-left: -7em;

data/_sass/variables/_fonts.scss

@@ -8,7 +8,7 @@ $font-size-big: 1.125rem;
 $font-size-bigger: 1.3rem;
 $font-size-small: 0.875rem;
 $font-size-smaller: 0.7rem;
-$font-size-blockquote-mark: 4rem;
+$font-size-blockquote-mark: 9rem;
 
 $font-ultra-bold: 900;
 $font-extra-bold: 800;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: krad
 version: !ruby/object:Gem::Version
-  version: 3.7.1
+  version: 3.7.2
 platform: ruby
 authors:
 - Lê Thanh Tùng
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-05-17 00:00:00.000000000 Z
+date: 2018-05-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll