Changeset 38892

Timestamp:

10/24/2016 10:29:42 PM (8 years ago)

Author:

karmatosed

Message:

Twenty Seventeen: Resolves the pin icon having variations

This fixes the pin icon having variations in position and size depending on screen and device.

Props metodiew, mbelchev, davidakennedy
Fixes #38407

Location:

trunk/src/wp-content/themes/twentyseventeen

Files:

• rtl.css (modified) (1 diff)
• style.css (modified) (3 diffs)

trunk/src/wp-content/themes/twentyseventeen/rtl.css

@@ -114 +114 @@
 .sticky .icon-pinned {
     left: auto;
-    right: -1em;
+    right: -1.5em;
 }
 

trunk/src/wp-content/themes/twentyseventeen/style.css

@@ -1771 +1771 @@
 .sticky .icon-pinned {
     display: block;
-    height: 20px;
-    left: -1em;
+    height: 18px;
+    left: -1.5em;
     position: absolute;
-    top: 1.75em;
+    top: 1.65em;
     -ms-transform: rotate(-45deg); /* IE 9 */
     -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
@@ -3653 +3653 @@
     /* Blog, archive, search */
 
-    .sticky .icon {
-        height: 32px;
+    .sticky .icon-pinned {
+        height: 23px;
         left: -2.5em;
         top: 1.5em;
@@ -3931 +3931 @@
         font-size: 32px;
         font-size: 2rem;
-        height: 32px;
+        height: 22px;
         left: -1.25em;
         top: 0.75em;