Making WordPress.org

Ticket #2147: meta-2147.diff

File meta-2147.diff, 2.7 KB (added by coffee2code, 7 years ago)

Patch incorporating use of box-shadow for badge left "border". Also syncs plugin and theme badges with respective team colors.

  • sass/elements/_elements.scss

     
    5757@import "tables";
    5858@import "notices";
    5959@import "banners";
     60@import "badges";
     61
  • sass/elements/_badges.scss

     
     1@import "../variables-site/variables-site";
     2
     3/* User badges */
     4
     5.by-moderator {
     6        box-shadow: -4px 0 0 white, -6px 0 0 $color__moderator;
     7}
     8.by-plugin-author,
     9.by-plugin-contributor {
     10        box-shadow: -4px 0 0 white, -6px 0 0 $color__plugin-author;
     11}
     12
     13.by-theme-author,
     14.by-theme-contributor {
     15        box-shadow: -4px 0 0 white, -6px 0 0 $color__theme-author;
     16}
     17
     18.author-badge {
     19        position: absolute;
     20    top: 14px;
     21    left: -4px;
     22    padding: 2px 6px;
     23    color: white;
     24    font-size: 0.6rem;
     25    letter-spacing: 1px;
     26    border-radius: 0 2px 2px 0;
     27}
     28
     29.author-badge-moderator {
     30    background-color: $color__moderator;
     31}
     32
     33.author-badge-plugin {
     34        background-color: $color__plugin-author;
     35}
     36
     37.author-badge-theme {
     38    background-color: $color__theme-author;
     39}
     40
  • sass/variables-site/_colors.scss

     
    2424// Colors
    2525$color__wp-blue: #0073aa;
    2626$color__base-gray: $color__text-main;
    27 $color__green: #C7E8CA;
    28  No newline at end of file
     27$color__green: #C7E8CA;
     28
     29// Badges
     30$color__moderator: #33b4ce;
     31$color__plugin-author: #f06723;
     32$color__theme-author: #4e3288;
     33
  • style.css

     
    739739        }
    740740}
    741741
     742/* User badges */
     743.by-moderator {
     744        box-shadow: -4px 0 0 white, -6px 0 0 #33b4ce;
     745}
     746
     747.by-plugin-author,
     748.by-plugin-contributor {
     749        box-shadow: -4px 0 0 white, -6px 0 0 #f06723;
     750}
     751
     752.by-theme-author,
     753.by-theme-contributor {
     754        box-shadow: -4px 0 0 white, -6px 0 0 #4e3288;
     755}
     756
     757.author-badge {
     758        position: absolute;
     759        top: 14px;
     760        left: -4px;
     761        padding: 2px 6px;
     762        color: white;
     763        font-size: 0.6rem;
     764        letter-spacing: 1px;
     765        border-radius: 0 2px 2px 0;
     766}
     767
     768.author-badge-moderator {
     769        background-color: #33b4ce;
     770}
     771
     772.author-badge-plugin {
     773        background-color: #f06723;
     774}
     775
     776.author-badge-theme {
     777        background-color: #4e3288;
     778}
     779
    742780/*--------------------------------------------------------------
    743781# Forms
    744782--------------------------------------------------------------*/