Changeset 3832

Timestamp:

08/19/2016 09:06:55 PM (8 years ago)

Author:

obenland

Message:

Plugin Directory: Accurate blockquote styles.

See ​https://wordpress.slack.com/archives/meta/p1471549386001522
See #1719.

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins

Files:

• Gruntfile.js (modified) (1 diff)
• css/style-rtl.css (modified) (3 diffs)
• css/style.css (modified) (3 diffs)
• sass/elements/_elements.scss (modified) (1 diff)
• sass/forms/_buttons.scss (modified) (1 diff)
• sass/forms/_fields.scss (modified) (1 diff)
• sass/site/primary/_front-page.scss (modified) (1 diff)
• sass/site/primary/_pagination.scss (modified) (2 diffs)
• sass/site/primary/plugin/_single.scss (modified) (1 diff)
• sass/site/primary/plugin/section/_faq.scss (modified) (1 diff)
• sass/site/primary/plugin/section/_index.scss (modified) (1 diff)
• sass/site/secondary/_widgets.scss (modified) (2 diffs)
• sass/variables-site/_colors.scss (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/Gruntfile.js

@@ -165 +165 @@
 
     grunt.registerTask('default', ['jshint', 'sass', 'rtlcss:dynamic']);
-    grunt.registerTask('build', ['webpack:build']);
-
+    grunt.registerTask('css', ['sass', 'postcss', 'rtlcss:dynamic']);
+    grunt.registerTask('build', ['webpack:build', 'css']);
 };

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style-rtl.css

@@ -409 +409 @@
 blockquote:before, blockquote:after, q:before, q:after {
   content: "";
+}
+
+blockquote {
+  background: transparent;
+  border: none;
+  padding: 0;
+  border-right: 2px solid #eee;
+  color: #82878c;
+  font-style: italic;
+  margin: 16px 0;
+  margin: 1rem 0;
+  padding-right: 16px;
+  padding-right: 1rem;
+}
+
+blockquote cite {
+  font-size: 12.8px;
+  font-size: 0.8rem;
 }
 
@@ -2890 +2908 @@
 
 .pagination .page-numbers {
-  border: 1px solid #EEE;
+  border: 1px solid #eee;
   -webkit-border-radius: 2px;
   border-radius: 2px;
@@ -2905 +2923 @@
 
 .pagination .page-numbers.current, .pagination .page-numbers:hover {
-  background: #EEE;
+  background: #eee;
   color: #32373c;
 }

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

@@ -409 +409 @@
 blockquote:before, blockquote:after, q:before, q:after {
   content: "";
+}
+
+blockquote {
+  background: transparent;
+  border: none;
+  padding: 0;
+  border-left: 2px solid #eee;
+  color: #82878c;
+  font-style: italic;
+  margin: 16px 0;
+  margin: 1rem 0;
+  padding-left: 16px;
+  padding-left: 1rem;
+}
+
+blockquote cite {
+  font-size: 12.8px;
+  font-size: 0.8rem;
 }
 
@@ -2890 +2908 @@
 
 .pagination .page-numbers {
-  border: 1px solid #EEE;
+  border: 1px solid #eee;
   -webkit-border-radius: 2px;
   border-radius: 2px;
@@ -2905 +2923 @@
 
 .pagination .page-numbers.current, .pagination .page-numbers:hover {
-  background: #EEE;
+  background: #eee;
   color: #32373c;
 }

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/elements/_elements.scss

@@ -24 +24 @@
 }
 
+blockquote {
+    // Override wp4.css.
+    background: transparent;
+    border: none;
+    padding: 0;
+
+    border-left: 2px solid $color__border;
+    color: #82878c;
+    font-style: italic;
+    margin: 16px 0;
+    margin: 1rem 0;
+    padding-left: 16px;
+    padding-left: 1rem;
+
+    cite {
+        @include font-size( ms-unitless( ms(-2) ) );
+    }
+}
+
 hr {
     background-color: $color__background-hr;

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_buttons.scss

@@ -168 +168 @@
 .button:active,
 .button-secondary:active {
-    background: #eee;
+    background: $color__background-button;
     border-color: #999;
     box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_fields.scss

@@ -198 +198 @@
 textarea.readonly,
 textarea[readonly] {
-    background-color: #eee;
+    background-color: $color__background-pre;
 }
 

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_front-page.scss

@@ -2 +2 @@
 
 .plugin-section {
-    border-bottom: 2px solid #eee;
+    border-bottom: 2px solid $color__border;
     margin: 0 auto ms(14);
     max-width: $size__site-main;

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_pagination.scss

@@ -6 +6 @@
 
     .page-numbers {
-        border: 1px solid #EEE;
+        border: 1px solid $color__border;
         border-radius: 2px;
         color: $color__link;
@@ -19 +19 @@
         &.current,
         &:hover  {
-            background: #EEE;
+            background: $color__background-button;
             color: $color__base-gray;
         }

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/_single.scss

@@ -26 +26 @@
     .plugin-header {
         @extend .clear;
-        border-bottom: 2px solid #eee;
+        border-bottom: 2px solid $color__border;
         padding: ms(1) ms(4);
 

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/section/_faq.scss

@@ -18 +18 @@
 
     dl {
-        border-bottom: 1px solid #eee;
+        border-bottom: 1px solid $color__border;
     }
 
     dt {
-        border-top: 1px solid #eee;
+        border-top: 1px solid $color__border;
         cursor: pointer;
         @include font-size( ms-unitless( ms(0) ) );

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/section/_index.scss

@@ -2 +2 @@
 
 .read-more {
-    border-bottom: 2px solid #eee;
+    border-bottom: 2px solid $color__border;
     max-height: 200px;
     overflow: hidden;

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/secondary/_widgets.scss

@@ -158 +158 @@
 
     li {
-        border-top: 1px solid #eee;
+        border-top: 1px solid $color__border;
         padding: 8px 0;
         padding: 0.5rem 0;
@@ -174 +174 @@
 
     [rel="tag"] {
-        background: #eee;
+        background: $color__background-pre;
         border-radius: 2px;
         color: #000;

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/variables-site/_colors.scss

@@ -2 +2 @@
 $color__background-screen: #f1f1f1;
 $color__background-hr: #eee;
-$color__background-button: #e6e6e6;
+$color__background-button: #eee;
 $color__background-pre: #eee;
 $color__background-ins: #fff9c0;
@@ -14 +14 @@
 $color__text-main: #32373c;
 
+$color__border: #eee;
 $color__border-button: #ccc #ccc #bbb;
 $color__border-button-hover: #ccc #bbb #aaa;