Merge pull request #214 from creativecommons/vocab-theme-1.5

Data: Update development files to Vocabulary Theme v1.5

Author: TimidRobot

docs/wp-content/themes/vocabulary-theme/style.css

@@ -3,7 +3,7 @@ Theme Name: CC Vocabulary Theme
 Author: the Creative Commons team; possumbilities, Timid Robot
 Author URI: https://opensource.creativecommons.org/
 Description: Theme based on the Vocabulary Design System
-Version: 1.4
+Version: 1.5
 Requires at least: 5.0
 Tested up to: 6.2.2
 Requires PHP: 7.0

docs/wp-content/themes/vocabulary-theme/vocabulary/css/library-vars.css

@@ -135,6 +135,7 @@
      --cc-logo: url('./../svg/cc/icons/cc-icons.svg#cc-logo');
      --cc-heart: url('./../svg/cc/icons/cc-icons.svg#cc-heart');
      --cc-heart-filled: url('./../svg/cc/icons/cc-icons.svg#cc-heart-filled');
+     --cc-quote: url('./../svg/cc/icons/cc-icons.svg#cc-quote');
 
      /* font awesome sprite names */
      --fa-angle-down: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-down');
@@ -144,7 +145,6 @@
      --fa-globe: url('./../svg/font-awesome/icons/fa-icons.svg#fa-globe');
      --fa-heart: url('./../svg/font-awesome/icons/fa-icons.svg#fa-heart');
      --fa-info: url('./../svg/font-awesome/icons/fa-icons.svg#fa-info');
-     --fa-quote: url('./../svg/font-awesome/icons/fa-icons.svg#fa-quote');
      --fa-right-angle: url('./../svg/font-awesome/icons/fa-icons.svg#fa-right-angle');
      --fa-search: url('./../svg/font-awesome/icons/fa-icons.svg#fa-search');
 
@@ -189,6 +189,10 @@ leaving room for semantic and accessible implementation choices  */
     --icon-sprite: var(--cc-heart-filled);
 }
 
+.icon.cc-quote, .icon-attach.cc-quote:before {
+    --icon-sprite: var(--cc-quote);
+}
+
 .icon.fa-angle-down, .icon-attach.fa-angle-down:before {
     --icon-sprite: var(--fa-angle-down);
 }
@@ -217,10 +221,6 @@ leaving room for semantic and accessible implementation choices  */
     --icon-sprite: var(--fa-info);
 }
 
-.icon.fa-quote, .icon-attach.fa-quote:before {
-    --icon-sprite: var(--fa-quote);
-}
-
 .icon.fa-right-angle, .icon-attach.fa-righ-angle:before {
     --icon-sprite: var(--fa-heart);
 }

docs/wp-content/themes/vocabulary-theme/vocabulary/css/vocabulary.css

@@ -86,6 +86,14 @@ body > header {
     margin: 0;
 }
 
+/* allows the child identity-logo element to have a focus state */
+.identity-logo-wrapper {
+    height: 50px;
+    width: 191px;
+    display: block;
+    position: absolute;
+}
+
 .masthead .identity-logo {
     display: inline-block;
     text-indent: -1000px;
@@ -108,7 +116,6 @@ body > header {
 
 .masthead .identity-logo:hover {
     background-color: var(--vocabulary-neutral-color-dark-gray);
-
 }
 
 /* TODO: needs focus outline to be fixed */
@@ -1559,7 +1566,8 @@ main .authored-posts.highlight article {
 }
 
 nav.pagination {
-    grid-column: span 3;
+    grid-column: span 2;
+    margin: 0 auto;
 }
 
 nav.pagination ol {
@@ -2028,7 +2036,7 @@ main blockquote {
 
 /* manually include quote icon to avoid extraneous html classes */
 main blockquote p:before {
-    --icon-sprite: var(--fa-quote);
+    --icon-sprite: var(--cc-quote);
 
     display: block;
     content: '';