Changeset 38892

Timestamp:

10/24/2016 10:29:42 PM (10 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;