Correct small-caps

JayPanoz · JayPanoz · commit 457694f481e6 · 2019-06-13T15:43:31.000+02:00
Resolves FriendsOfEpub#28
diff --git a/Blitz_framework/CSS/AltStylesheets/blitz.uncommented.css b/Blitz_framework/CSS/AltStylesheets/blitz.uncommented.css
@@ -764,6 +764,10 @@ svg {
   font-style: italic
 }
 .small-caps {
+  font-variant: small-caps;
+  letter-spacing: .0625em
+}
+.caps-to-small-caps {
   text-transform: lowercase;
   font-variant: small-caps;
   letter-spacing: .0625em
diff --git a/Blitz_framework/CSS/blitz-kindle.css b/Blitz_framework/CSS/blitz-kindle.css
@@ -67,6 +67,9 @@ it is known to create issues with some devices/apps
   .small-caps {
     font-size: small;
   }
+  .caps-to-small-caps {
+    font-size: small;
+  }
   sub {
     font-size: x-small;
   }
diff --git a/Blitz_framework/CSS/blitz.css b/Blitz_framework/CSS/blitz.css
@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /*  blitz — CSS framework for reflowable eBooks      
-    Version 1.2.0 by Jiminy Panoz                      
-    Codename: Kola Kola                             
+    Version 1.2.1 by Jiminy Panoz                      
+    Codename: Charlie Don't Surf                            
     License: MIT (https://opensource.org/licenses/MIT)   */
 /* NAMESPACES */
 @namespace h "http://www.w3.org/1999/xhtml/";
@@ -931,6 +931,11 @@ render page on eInk devices)                                    */
   font-style: italic;
 }
 .small-caps {
+  font-variant: small-caps;
+  letter-spacing: 0.0625em;
+  /* The two previous props are not supported in legacy RMSDK */
+}
+.caps-to-small-caps {
   text-transform: lowercase;
   /* Don't rely on this property, text should be typed in uppercase (legacy RMSDK) */
   font-variant: small-caps;
diff --git a/Blitz_framework/LESS/blitz-lite.less b/Blitz_framework/LESS/blitz-lite.less
@@ -1,8 +1,8 @@
 @charset "UTF-8";
 
 /*  blitz — CSS framework for reflowable eBooks      
-    Version 1.2.0 by Jiminy Panoz                      
-    Codename: Kola Kola                             
+    Version 1.2.1 by Jiminy Panoz                      
+    Codename: Charlie Don't Surf                            
     License: MIT (https://opensource.org/licenses/MIT)   */
 
 
diff --git a/Blitz_framework/LESS/blitz-reset.less b/Blitz_framework/LESS/blitz-reset.less
@@ -1,6 +1,6 @@
 /*  blitz — CSS framework for reflowable eBooks      
-    Version 1.2.0 by Jiminy Panoz                      
-    Codename: Kola Kola                             
+    Version 1.2.1 by Jiminy Panoz                      
+    Codename: Charlie Don't Surf                            
     License: MIT (https://opensource.org/licenses/MIT)   */
 
 @import 'base/reset';
diff --git a/Blitz_framework/LESS/blitz.less b/Blitz_framework/LESS/blitz.less
@@ -1,8 +1,8 @@
 @charset "UTF-8";
 
 /*  blitz — CSS framework for reflowable eBooks      
-    Version 1.2.0 by Jiminy Panoz                      
-    Codename: Kola Kola                             
+    Version 1.2.1 by Jiminy Panoz                      
+    Codename: Charlie Don't Surf                            
     License: MIT (https://opensource.org/licenses/MIT)   */
 
 
diff --git a/Blitz_framework/LESS/plugins/blitz-kindle.less b/Blitz_framework/LESS/plugins/blitz-kindle.less
@@ -62,6 +62,9 @@ it is known to create issues with some devices/apps
   .small-caps {
     font-size: small;
   }
+  .caps-to-small-caps {
+    font-size: small;
+  }
   sub {
     font-size: x-small;
   }
diff --git a/Blitz_framework/LESS/utils/utilities.less b/Blitz_framework/LESS/utils/utilities.less
@@ -269,12 +269,16 @@
 }
 
 .small-caps {
-  text-transform: lowercase;    /* Don't rely on this property, text should be typed in uppercase (legacy RMSDK) */
   font-variant: small-caps;
   letter-spacing: ((1 / @body-font-size) + 0em);
   /* The two previous props are not supported in legacy RMSDK */
 }
 
+.caps-to-small-caps {
+  text-transform: lowercase;    /* Don't rely on this property, text should be typed in uppercase (legacy RMSDK) */
+  .small-caps;
+}
+
 .underline {
   text-decoration: underline;   
 }
diff --git a/Blitz_framework/blitz-API.md b/Blitz_framework/blitz-API.md
@@ -116,6 +116,7 @@
 - `.italic`
 - `.bold-italic` 
 - `.small-caps`
+- `.caps-to-small-caps`
 - `.underline`
 - `.break-before`
 - `.break-after`
diff --git a/Blitz_framework/blitz-doc.md b/Blitz_framework/blitz-doc.md
@@ -287,6 +287,7 @@ Blitz offers a large amount of mixins which can be used in various places. Since
 - `.italic`
 - `.bold-italic` 
 - `.small-caps`
+- `.caps-to-small-caps`
 - `.underline`
 - `.break-before`
 - `.break-after`
@@ -569,7 +570,7 @@ Those classes are mixins which are output by default but can eventually be used
 - indents: `.indent`, `.no-indent` and `.hanging-indent`
 - font-stacks
 - font-sizes, which are computed based on the scale specified in variables
-- character styles: `.bold`, `.italic`, `.bold-italic` and `small-caps`
+- character styles: `.bold`, `.italic`, `.bold-italic`, `.small-caps`, and `.caps-to-small-caps`
 
 ### Break
 
diff --git a/Blitz_template/Blitz_epub3.epub b/Blitz_template/Blitz_epub3.epub
diff --git a/Blitz_template/Blitz_epub3/OEBPS/Styles/blitz-kindle.css b/Blitz_template/Blitz_epub3/OEBPS/Styles/blitz-kindle.css
@@ -67,6 +67,9 @@ it is known to create issues with some devices/apps
   .small-caps {
     font-size: small;
   }
+  .caps-to-small-caps {
+    font-size: small;
+  }
   sub {
     font-size: x-small;
   }
diff --git a/Blitz_template/Blitz_epub3/OEBPS/Styles/blitz.css b/Blitz_template/Blitz_epub3/OEBPS/Styles/blitz.css
@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /*  blitz — CSS framework for reflowable eBooks      
-    Version 1.2.0 by Jiminy Panoz                      
-    Codename: Kola Kola                             
+    Version 1.2.1 by Jiminy Panoz                      
+    Codename: Charlie Don't Surf                            
     License: MIT (https://opensource.org/licenses/MIT)   */
 /* NAMESPACES */
 @namespace h "http://www.w3.org/1999/xhtml/";
@@ -931,6 +931,11 @@ render page on eInk devices)                                    */
   font-style: italic;
 }
 .small-caps {
+  font-variant: small-caps;
+  letter-spacing: 0.0625em;
+  /* The two previous props are not supported in legacy RMSDK */
+}
+.caps-to-small-caps {
   text-transform: lowercase;
   /* Don't rely on this property, text should be typed in uppercase (legacy RMSDK) */
   font-variant: small-caps;
diff --git a/README.md b/README.md
@@ -177,6 +177,10 @@ When checking for support, you can simply click “Apply Filters” in order to
 
 ## Log
 
+### 1.2.1
+
+- Corrected `.small-caps` and created a new `.caps-to-small-caps` util
+
 ### 1.2.0
 
 - Progressive enhancements plugin is now implemented at the core of the LESS framework:
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "blitz-ebook",
   "description": "A CSS Framework for ebooks",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "homepage": "https://github.com/FriendsOfEpub/Blitz",
   "license": "MIT",
   "keywords": [

Original file line number	Diff line number	Diff line change
`@@ -67,6 +67,9 @@ it is known to create issues with some devices/apps`
`67`	`67`	`.small-caps {`
`68`	`68`	`font-size: small;`
`69`	`69`	`}`
	`70`	`+ .caps-to-small-caps {`
	`71`	`+ font-size: small;`
	`72`	`+ }`
`70`	`73`	`sub {`
`71`	`74`	`font-size: x-small;`
`72`	`75`	`}`
Original file line number	Diff line number	Diff line change
`@@ -62,6 +62,9 @@ it is known to create issues with some devices/apps`
`62`	`62`	`.small-caps {`
`63`	`63`	`font-size: small;`
`64`	`64`	`}`
	`65`	`+ .caps-to-small-caps {`
	`66`	`+ font-size: small;`
	`67`	`+ }`
`65`	`68`	`sub {`
`66`	`69`	`font-size: x-small;`
`67`	`70`	`}`
Original file line number	Diff line number	Diff line change
`@@ -269,12 +269,16 @@`
`269`	`269`	`}`
`270`	`270`
`271`	`271`	`.small-caps {`
`272`		`- text-transform: lowercase; /* Don't rely on this property, text should be typed in uppercase (legacy RMSDK) */`
`273`	`272`	`font-variant: small-caps;`
`274`	`273`	`letter-spacing: ((1 / @body-font-size) + 0em);`
`275`	`274`	`/* The two previous props are not supported in legacy RMSDK */`
`276`	`275`	`}`
`277`	`276`
	`277`	`+.caps-to-small-caps {`
	`278`	`+ text-transform: lowercase; /* Don't rely on this property, text should be typed in uppercase (legacy RMSDK) */`
	`279`	`+ .small-caps;`
	`280`	`+}`
	`281`	`+`
`278`	`282`	`.underline {`
`279`	`283`	`text-decoration: underline;`
`280`	`284`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "blitz-ebook",`
`3`	`3`	`"description": "A CSS Framework for ebooks",`
`4`		`- "version": "1.2.0",`
	`4`	`+ "version": "1.2.1",`
`5`	`5`	`"homepage": "https://github.com/FriendsOfEpub/Blitz",`
`6`	`6`	`"license": "MIT",`
`7`	`7`	`"keywords": [`