WordPress.org

Making WordPress.org

Changeset 3676


Ignore:
Timestamp:
07/12/2016 10:17:26 PM (5 years ago)
Author:
obenland
Message:

Plugin Directory: Use autoprefixer for vendor prefixes.

Also adds pixel fallback for older browsers that don't understand rems.
Just to be sure.

See #1719.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins
Files:
20 edited

Legend:

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

    r3359 r3676  
    11/*global module:false*/
    22module.exports = function(grunt) {
     3    grunt.loadNpmTasks('grunt-postcss');
     4
    35
    46    grunt.initConfig({
     7        postcss: {
     8            options: {
     9                processors: [
     10                    require('autoprefixer')({
     11                        browsers: [
     12                            'Android >= 2.1',
     13                            'Chrome >= 21',
     14                            'Edge >= 12',
     15                            'Explorer >= 7',
     16                            'Firefox >= 17',
     17                            'Opera >= 12.1',
     18                            'Safari >= 6.0'
     19                        ],
     20                        cascade: false
     21                    })
     22                ]
     23            },
     24            dist: {
     25                files: {
     26                    'css/style.css': 'css/style.css'
     27                }
     28            }
     29        },
    530        jshint: {
    631            files: [
     
    92117            rtl: {
    93118                files: ['**/style.css'],
    94                 tasks: ['rtlcss:dynamic']
     119                tasks: ['postcss', 'rtlcss:dynamic']
    95120            }
    96121        }
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style-rtl.css

    r3575 r3676  
    110110
    111111hr {
     112  -webkit-box-sizing: content-box;
     113  -moz-box-sizing: content-box;
    112114  box-sizing: content-box;
    113115  height: 0;
     
    170172input[type="checkbox"],
    171173input[type="radio"] {
     174  -webkit-box-sizing: border-box;
     175  -moz-box-sizing: border-box;
    172176  box-sizing: border-box;
    173177  padding: 0;
     
    242246  font-family: inherit;
    243247  line-height: 1.5;
     248  margin: 32px 0 16px;
    244249  margin: 2rem 0 1rem;
    245250}
     
    256261  color: #0073aa;
    257262  font-weight: 600;
     263  letter-spacing: 0.8px;
    258264  letter-spacing: 0.05rem;
    259265  text-transform: uppercase;
     
    285291  font-size: 1rem;
    286292  font-weight: 600;
     293  letter-spacing: 0.16px;
    287294  letter-spacing: 0.01rem;
    288295  text-transform: uppercase;
     
    293300  font-size: 0.8rem;
    294301  font-weight: 600;
    295   letter-spacing: 0.05rem;
     302  letter-spacing: 0.8px;
    296303  text-transform: uppercase;
    297304}
     
    303310p.subheading {
    304311  color: #82878c;
     312  font-size: 20px;
    305313  font-size: 1.25rem;
    306314  font-weight: 300;
    307   margin: -.4rem auto 2rem;
     315  margin: -6.4px auto 32px;
     316  margin: -0.4rem auto 2rem;
    308317  text-align: center;
    309318}
    310319
    311320p.intro {
     321  font-size: 20px;
    312322  font-size: 1.25rem;
    313323}
    314324
    315325p.aside {
     326  font-size: 12.8px;
    316327  font-size: 0.8rem;
    317328}
    318329
    319330p.note {
     331  font-size: 10.24px;
    320332  font-size: 0.64rem;
     333  letter-spacing: 0.16px;
    321334  letter-spacing: 0.01rem;
    322335  max-width: 18.1898940355rem;
     
    371384--------------------------------------------------------------*/
    372385html {
     386  -webkit-box-sizing: border-box;
     387  -moz-box-sizing: border-box;
    373388  box-sizing: border-box;
    374389}
     
    378393*:after {
    379394  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
     395  -webkit-box-sizing: inherit;
     396  -moz-box-sizing: inherit;
    380397  box-sizing: inherit;
    381398}
     
    398415  border: 0;
    399416  height: 2px;
     417  margin: 80px auto;
    400418  margin: 5rem auto;
    401419}
     
    442460  background: #fff;
    443461  border-right: 4px solid #fff;
     462  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    444463  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    445464  margin: 1em 0;
     
    455474
    456475.notice.notice-alt {
     476  -webkit-box-shadow: none;
    457477  box-shadow: none;
    458478}
     
    495515
    496516.locale-banner {
    497   padding: .5rem;
    498517  background: #C7E8CA;
     518  padding: 8px;
     519  padding: 0.5rem;
    499520  text-align: center;
    500521  font-size: 12.8px;
     
    504525@media (min-width: 67rem) {
    505526  .locale-banner {
     527    margin: 16px auto 0;
    506528    margin: 1rem auto 0;
    507529    max-width: 960px;
     
    519541.button-secondary,
    520542.plugin-upload-form .button-primary {
    521   -webkit-appearance: none;
    522543  border: 1px solid;
     544  -webkit-border-radius: 3px;
    523545  border-radius: 3px;
     546  -webkit-box-sizing: border-box;
     547  -moz-box-sizing: border-box;
    524548  box-sizing: border-box;
    525549  cursor: pointer;
    526550  display: inline-block;
    527551  font-size: 0.8rem;
     552  height: 1.5625rem;
    528553  line-height: 1;
    529   height: 1.5625rem;
    530554  margin: 0;
    531   padding: 0 .8rem;
     555  padding: 0 12.8px;
     556  padding: 0 0.8rem;
    532557  text-decoration: none;
    533558  white-space: nowrap;
     559  -webkit-appearance: none;
    534560}
    535561
     
    547573  height: 1.953125rem;
    548574  line-height: 1;
     575  padding: 0 16px;
    549576  padding: 0 1rem;
    550577}
     
    556583  height: 1.25rem;
    557584  line-height: 1;
    558   padding: 0 .5rem;
     585  padding: 0 8px;
     586  padding: 0 0.5rem;
    559587}
    560588
     
    591619  background: none;
    592620  border: none;
     621  -webkit-box-shadow: none;
    593622  box-shadow: none;
    594623  padding: 0 2px 1px;
     
    604633  background: #f7f7f7;
    605634  border-color: #cccccc;
     635  -webkit-box-shadow: 0 1px 0 #cccccc;
    606636  box-shadow: 0 1px 0 #cccccc;
    607637  color: #555;
     
    629659.button-link:focus {
    630660  border-color: #5b9dd9;
     661  -webkit-box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    631662  box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    632663}
     
    638669  background: #eee;
    639670  border-color: #999;
     671  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    640672  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
     673  -webkit-transform: translateY(1px);
     674  -ms-transform: translateY(1px);
    641675  transform: translateY(1px);
    642676}
     
    644678.button.active:focus {
    645679  border-color: #5b9dd9;
     680  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
    646681  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
    647682}
     
    656691  background: #f7f7f7 !important;
    657692  border-color: #ddd !important;
     693  -webkit-box-shadow: none !important;
     694  box-shadow: none !important;
    658695  color: #a0a5aa !important;
    659696  cursor: default;
    660   box-shadow: none !important;
    661697  text-shadow: 0 1px 0 #fff !important;
     698  -webkit-transform: none !important;
     699  -ms-transform: none !important;
    662700  transform: none !important;
    663701}
     
    667705  background: none;
    668706  border: 0;
     707  -webkit-border-radius: 0;
    669708  border-radius: 0;
     709  -webkit-box-shadow: none;
    670710  box-shadow: none;
    671711  cursor: pointer;
     
    687727  background: #0085ba;
    688728  border-color: #0073aa #006799 #006799;
     729  -webkit-box-shadow: 0 1px 0 #006799;
    689730  box-shadow: 0 1px 0 #006799;
    690731  color: #fff;
     
    704745  background: #008ec2;
    705746  border-color: #006799;
     747  -webkit-box-shadow: 0 1px 0 #006799;
    706748  box-shadow: 0 1px 0 #006799;
    707749  color: #fff;
     
    713755.plugin-upload-form .button-primary.focus,
    714756.plugin-upload-form .button-primary:focus {
     757  -webkit-box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    715758  box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    716759}
     
    727770  background: #0073aa;
    728771  border-color: #006799;
     772  -webkit-box-shadow: inset 0 2px 0 #006799;
    729773  box-shadow: inset 0 2px 0 #006799;
    730774  vertical-align: top;
     
    740784  background: #008ec2 !important;
    741785  border-color: #007cb2 !important;
     786  -webkit-box-shadow: none !important;
    742787  box-shadow: none !important;
    743788  color: #66c6e4 !important;
     
    749794.download-button.button.button-hero,
    750795.plugin-upload-form .button-primary.button.button-hero {
     796  -webkit-box-shadow: 0 2px 0 #006799;
    751797  box-shadow: 0 2px 0 #006799;
    752798}
     
    761807.plugin-upload-form .button-primary.button.button-hero.active:focus,
    762808.plugin-upload-form .button-primary.button.button-hero:active {
     809  -webkit-box-shadow: inset 0 3px 0 #006799;
    763810  box-shadow: inset 0 3px 0 #006799;
    764811}
     
    767814  background: #008ec2 !important;
    768815  border-color: #007cb2 !important;
     816  -webkit-box-shadow: none !important;
    769817  box-shadow: none !important;
    770818  color: #66c6e4 !important;
     
    785833
    786834.button-group > .button {
     835  -webkit-border-radius: 0;
     836  border-radius: 0;
    787837  display: inline-block;
    788   border-radius: 0;
    789838  margin-left: -1px;
    790839  z-index: 10;
     
    800849
    801850.button-group > .button:first-child {
     851  -webkit-border-radius: 0 3px 3px 0;
    802852  border-radius: 0 3px 3px 0;
    803853}
    804854
    805855.button-group > .button:last-child {
     856  -webkit-border-radius: 3px 0 0 3px;
    806857  border-radius: 3px 0 0 3px;
    807858}
     
    857908select,
    858909textarea {
    859   -webkit-appearance: none;
    860910  background-color: #fff;
    861911  border: 1px solid #ddd;
     
    865915  -webkit-transition: 0.05s border-color ease-in-out;
    866916  transition: 0.05s border-color ease-in-out;
     917  -webkit-appearance: none;
    867918}
    868919
     
    9731024  float: right;
    9741025  font: normal 21px/1 dashicons;
     1026  vertical-align: middle;
     1027  width: 16px;
    9751028  -moz-osx-font-smoothing: grayscale;
    9761029  -webkit-font-smoothing: antialiased;
    9771030  speak: none;
    978   vertical-align: middle;
    979   width: 16px;
    9801031}
    9811032
     
    10101061
    10111062/* Search */
    1012 input[type="search"] {
    1013   -webkit-appearance: textfield;
    1014 }
    1015 
    10161063input[type="search"]::-webkit-search-decoration {
    10171064  display: none;
     
    11501197
    11511198.plugin-upload-form legend {
     1199  margin: 16px 0;
    11521200  margin: 1rem 0;
    11531201}
     
    11551203.plugin-upload-form .category-checklist {
    11561204  list-style-type: none;
     1205  margin: 0 0 32px;
    11571206  margin: 0 0 2rem;
    11581207}
     
    11601209.plugin-upload-form .category-checklist li {
    11611210  float: right;
     1211  padding: 8px 0;
    11621212  padding: 0.5rem 0;
    11631213  width: 50%;
     
    12471297
    12481298.main-navigation ul ul {
     1299  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    12491300  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    12501301  float: right;
     1302  right: -999em;
    12511303  position: absolute;
    12521304  top: 1.5em;
    1253   right: -999em;
    12541305  z-index: 99999;
    12551306}
     
    13041355
    13051356.menu-toggle {
    1306   -webkit-appearance: none;
    13071357  background: transparent;
    13081358  border: none;
     
    13131363  height: 3.5rem;
    13141364  overflow: hidden;
     1365  position: absolute;
     1366  left: 16px;
     1367  left: 1rem;
     1368  top: -58px;
    13151369  width: 56px;
    13161370  width: 3.5rem;
    1317   position: absolute;
    1318   top: -58px;
    1319   left: 1rem;
     1371  -webkit-appearance: none;
    13201372}
    13211373
     
    13791431.screen-reader-text {
    13801432  clip: rect(1px, 1px, 1px, 1px);
     1433  height: 1px;
     1434  overflow: hidden;
    13811435  position: absolute !important;
    1382   height: 1px;
    13831436  width: 1px;
    1384   overflow: hidden;
    13851437}
    13861438
    13871439.screen-reader-text:focus {
    13881440  background-color: #f1f1f1;
     1441  -webkit-border-radius: 3px;
    13891442  border-radius: 3px;
     1443  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    13901444  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    13911445  clip: auto !important;
     
    15171571  position: absolute;
    15181572  left: 0;
     1573  top: 4.8px;
    15191574  top: 0.3rem;
    15201575}
     
    15391594.plugin-ratings .ratings-list {
    15401595  list-style-type: none;
     1596  margin: 16px 0;
    15411597  margin: 1rem 0;
    15421598  padding: 0;
     
    15641620  background-color: #ececec;
    15651621  width: 58%;
     1622  width: -webkit-calc(100% - 130px);
    15661623  width: calc(100% - 130px);
    15671624}
     
    16111668  top: 8px;
    16121669  width: 100%;
     1670  width: -webkit-calc(100% - 8px);
    16131671  width: calc(100% - 8px);
    16141672}
     
    16351693.plugin-meta li {
    16361694  border-top: 1px solid #eee;
     1695  padding: 8px 0;
    16371696  padding: 0.5rem 0;
    16381697}
     
    16501709.plugin-meta [rel="tag"] {
    16511710  background: #eee;
     1711  -webkit-border-radius: 2px;
    16521712  border-radius: 2px;
    16531713  color: #000;
     
    16851745
    16861746#wporg-header form input {
     1747  -webkit-box-sizing: content-box;
     1748  -moz-box-sizing: content-box;
    16871749  box-sizing: content-box;
    16881750  padding: 3px;
     
    16901752
    16911753#wporg-header .button {
     1754  -webkit-box-shadow: none;
    16921755  box-shadow: none;
    16931756}
     
    16971760  background-image: -webkit-gradient(linear, right top, right bottom, from(#2a95c5), to(#21759b));
    16981761  background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    1699   background-image: -moz-linear-gradient(top, #2a95c5, #21759b);
    1700   background-image: -ms-linear-gradient(top, #2a95c5, #21759b);
    1701   background-image: -o-linear-gradient(top, #2a95c5, #21759b);
    17021762  background-image: linear-gradient(to bottom, #2a95c5, #21759b);
     1763  border-bottom-color: #1e6a8d;
    17031764  border-color: #21759b;
    1704   border-bottom-color: #1e6a8d;
     1765  -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    17051766  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    17061767}
     
    17101771  background-image: -webkit-gradient(linear, right top, right bottom, from(#2e9fd2), to(#21759b));
    17111772  background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    1712   background-image: -moz-linear-gradient(top, #2e9fd2, #21759b);
    1713   background-image: -ms-linear-gradient(top, #2e9fd2, #21759b);
    1714   background-image: -o-linear-gradient(top, #2e9fd2, #21759b);
    17151773  background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
    17161774  border-color: #1b607f;
     1775  -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    17171776  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    17181777  color: #fff;
     
    17241783  background-image: -webkit-gradient(linear, right top, right bottom, from(#21759b), to(#278ab7));
    17251784  background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
    1726   background-image: -moz-linear-gradient(top, #21759b, #278ab7);
    1727   background-image: -ms-linear-gradient(top, #21759b, #278ab7);
    1728   background-image: -o-linear-gradient(top, #21759b, #278ab7);
    17291785  background-image: linear-gradient(to bottom, #21759b, #278ab7);
    17301786  border-color: #124560 #2382ae #2382ae #2382ae;
     
    17331789  color: rgba(255, 255, 255, 0.95);
    17341790  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
     1791  -webkit-transform: none;
     1792  -ms-transform: none;
    17351793  transform: none;
    17361794}
     
    17441802.site-header {
    17451803  background: #0073aa;
     1804  padding: 16px 0;
    17461805  padding: 1rem 0;
    17471806  position: relative;
     
    17661825  font-weight: 300;
    17671826  line-height: 1;
     1827  margin: 0 0 0 32px;
    17681828  margin: 0 0 0 2rem;
    17691829  max-width: none;
     
    17811841.site-header .site-description {
    17821842  color: rgba(255, 255, 255, 0.8);
     1843  font-size: 20px;
    17831844  font-size: 1.25rem;
    17841845  font-weight: 300;
     1846  margin: -6.4px auto 32px;
    17851847  margin: -0.4rem auto 2rem;
    17861848  text-align: center;
     
    17941856.site-header .search-form .search-field {
    17951857  border: 0;
     1858  -webkit-border-radius: 2px;
    17961859  border-radius: 2px;
    17971860  font-size: 16px;
     
    18041867.site-header .search-form .search-field + .button-search {
    18051868  border-right: none;
     1869  -webkit-border-radius: 2px 0 0 2px;
    18061870  border-radius: 2px 0 0 2px;
    18071871  display: none;
     
    18131877  background: #006799;
    18141878  border-left: 1px solid #006799;
     1879  -webkit-box-shadow: none;
    18151880  box-shadow: none;
    18161881}
     
    18231888@media screen and (min-width: 48em) {
    18241889  .site-header .search-form .search-field {
     1890    -webkit-border-radius: 0 2px 2px 0;
    18251891    border-radius: 0 2px 2px 0;
    18261892    font-size: 10.24px;
    18271893    font-size: 0.64rem;
     1894    width: 126px;
    18281895    width: 7rem;
    18291896  }
     
    18361903@media screen and (min-width: 60em) {
    18371904  .site-header .search-form .search-field {
     1905    width: 160px;
    18381906    width: 10rem;
    18391907  }
     
    18631931.home .site-header .search-form .search-field {
    18641932  border: none;
     1933  -webkit-border-radius: 0;
    18651934  border-radius: 0;
     1935  -webkit-box-shadow: none;
    18661936  box-shadow: none;
    18671937  display: block;
     
    18771947  background: transparent;
    18781948  border: none;
     1949  -webkit-box-shadow: none;
    18791950  box-shadow: none;
    18801951  color: #32373c;
     
    18921963  background: transparent;
    18931964  border: none;
     1965  -webkit-transform: none;
     1966  -ms-transform: none;
    18941967  transform: none;
    18951968}
     
    19171990  font-size: 1.5625rem;
    19181991  font-weight: 400;
     1992  margin-bottom: 48px;
    19191993  margin-bottom: 3rem;
    19201994}
     
    19251999  position: absolute;
    19262000  left: 0;
     2001  top: 11.2px;
    19272002  top: 0.7rem;
    19282003}
     
    20432118  .search .type-plugin .entry,
    20442119  .archive .type-plugin .entry {
     2120    width: -webkit-calc(96% - 128px);
    20452121    width: calc(96% - 128px);
    20462122  }
     
    21062182.rtl .dashicons-star-half {
    21072183  -webkit-transform: rotateY(180deg);
    2108   -ms-transform: rotateY(180deg);
    21092184  transform: rotateY(180deg);
    21102185}
     
    21162191.single .type-plugin .plugin-banner {
    21172192  background-position: 50% 50%;
     2193  -webkit-background-size: 100% 100%;
    21182194  background-size: 100%;
    21192195  display: inline-block;
     
    21422218  float: right;
    21432219  height: 96px;
     2220  margin-left: 16px;
    21442221  margin-left: 1rem;
    21452222  width: 96px;
     
    21532230
    21542231.single .type-plugin .plugin-header .plugin-thumbnail .plugin-icon {
     2232  -webkit-background-size: contain !important;
    21552233  background-size: contain !important;
    21562234  height: 96px !important;
     
    22332311  font-size: 1rem;
    22342312  font-weight: 600;
     2313  letter-spacing: 0.16px;
    22352314  letter-spacing: 0.01rem;
    22362315  text-transform: uppercase;
     
    22452324  font-size: 0.8rem;
    22462325  font-weight: 600;
     2326  letter-spacing: 0.8px;
    22472327  letter-spacing: 0.05rem;
    22482328  text-transform: uppercase;
     
    22762356  font-size: 12.8px;
    22772357  font-size: 0.8rem;
     2358  margin-top: 8px;
    22782359  margin-top: 0.5rem;
    22792360  position: relative;
     
    22952376  font-size: 12.8px;
    22962377  font-size: 0.8rem;
     2378  margin-top: 8px;
    22972379  margin-top: 0.5rem;
    22982380}
     
    23452427  font-size: 1rem;
    23462428  font-weight: 600;
     2429  letter-spacing: 0.16px;
    23472430  letter-spacing: 0.01rem;
    23482431  margin: 0 0 8px;
     
    23662449  }
    23672450  .single .type-plugin .entry-content .plugin-reviews .review {
     2451    width: -webkit-calc(100% - 60px - 1rem);
    23682452    width: calc(100% - 60px - 1rem);
    23692453  }
     
    23832467.single .type-plugin .entry-content .plugin-developers li {
    23842468  display: inline-block;
     2469  margin: 0 0 16px 4%;
    23852470  margin: 0 0 1rem 4%;
    23862471  vertical-align: top;
     
    23932478
    23942479.single .type-plugin .entry-content .avatar {
     2480  -webkit-border-radius: 50%;
    23952481  border-radius: 50%;
    23962482  margin-left: 10px;
     
    24442530
    24452531.error404 .page-content .logo-swing .dashicons-wordpress {
     2532  right: 0;
     2533  max-width: none;
    24462534  position: absolute;
    24472535  top: 0;
    2448   right: 0;
    2449   max-width: none;
    24502536  width: 160px;
    24512537  width: 10rem;
     
    24592545  font-size: 160px;
    24602546  font-size: 10rem;
     2547}
     2548
     2549@-webkit-keyframes hinge {
     2550  10% {
     2551    width: 180px;
     2552    height: 180px;
     2553    -webkit-transform: rotate3d(0, 0, 1, 0deg);
     2554    transform: rotate3d(0, 0, 1, 0deg);
     2555  }
     2556  15% {
     2557    width: 185px;
     2558    height: 185px;
     2559    -webkit-transform: rotate3d(0, 0, 1, 0deg);
     2560    transform: rotate3d(0, 0, 1, 0deg);
     2561  }
     2562  20% {
     2563    width: 180px;
     2564    height: 180px;
     2565    -webkit-transform: rotate3d(0, 0, 1, -5deg);
     2566    transform: rotate3d(0, 0, 1, -5deg);
     2567  }
     2568  40% {
     2569    -webkit-transform-origin: top right;
     2570    transform-origin: top right;
     2571    -webkit-animation-timing-function: ease-in-out;
     2572    animation-timing-function: ease-in-out;
     2573  }
     2574  60% {
     2575    -webkit-transform: rotate3d(0, 0, 1, -40deg);
     2576    transform: rotate3d(0, 0, 1, -40deg);
     2577    -webkit-transform-origin: top right;
     2578    transform-origin: top right;
     2579    -webkit-animation-timing-function: ease-in-out;
     2580    animation-timing-function: ease-in-out;
     2581  }
     2582  40%, 80% {
     2583    -webkit-transform: rotate3d(0, 0, 1, -60deg);
     2584    transform: rotate3d(0, 0, 1, -60deg);
     2585    -webkit-transform-origin: top right;
     2586    transform-origin: top right;
     2587    -webkit-animation-timing-function: ease-in-out;
     2588    animation-timing-function: ease-in-out;
     2589    opacity: 1;
     2590  }
     2591  to {
     2592    -webkit-transform: translate3d(0, 700px, 0);
     2593    transform: translate3d(0, 700px, 0);
     2594    opacity: 0;
     2595  }
    24612596}
    24622597
     
    24652600    width: 180px;
    24662601    height: 180px;
     2602    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    24672603    transform: rotate3d(0, 0, 1, 0deg);
    24682604  }
     
    24702606    width: 185px;
    24712607    height: 185px;
     2608    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    24722609    transform: rotate3d(0, 0, 1, 0deg);
    24732610  }
     
    24752612    width: 180px;
    24762613    height: 180px;
     2614    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    24772615    transform: rotate3d(0, 0, 1, -5deg);
    24782616  }
    24792617  40% {
     2618    -webkit-transform-origin: top right;
    24802619    transform-origin: top right;
     2620    -webkit-animation-timing-function: ease-in-out;
    24812621    animation-timing-function: ease-in-out;
    24822622  }
    24832623  60% {
     2624    -webkit-transform: rotate3d(0, 0, 1, -40deg);
    24842625    transform: rotate3d(0, 0, 1, -40deg);
     2626    -webkit-transform-origin: top right;
    24852627    transform-origin: top right;
     2628    -webkit-animation-timing-function: ease-in-out;
    24862629    animation-timing-function: ease-in-out;
    24872630  }
    24882631  40%, 80% {
     2632    -webkit-transform: rotate3d(0, 0, 1, -60deg);
    24892633    transform: rotate3d(0, 0, 1, -60deg);
     2634    -webkit-transform-origin: top right;
    24902635    transform-origin: top right;
     2636    -webkit-animation-timing-function: ease-in-out;
    24912637    animation-timing-function: ease-in-out;
    24922638    opacity: 1;
    24932639  }
    24942640  to {
     2641    -webkit-transform: translate3d(0, 700px, 0);
    24952642    transform: translate3d(0, 700px, 0);
    24962643    opacity: 0;
     
    24992646
    25002647.hinge {
     2648  -webkit-animation-duration: 2s;
    25012649  animation-duration: 2s;
     2650  -webkit-animation-name: hinge;
    25022651  animation-name: hinge;
    25032652}
     
    25372686  font-size: 1rem;
    25382687  font-weight: 600;
     2688  letter-spacing: 0.16px;
    25392689  letter-spacing: 0.01rem;
    25402690  text-transform: uppercase;
     
    26092759.pagination .page-numbers {
    26102760  border: 1px solid #EEE;
     2761  -webkit-border-radius: 2px;
    26112762  border-radius: 2px;
    26122763  color: #0073aa;
     
    26172768  margin: 0;
    26182769  padding: 4px 8px;
     2770  -webkit-transition: background .2s ease;
    26192771  transition: background .2s ease;
    26202772}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

    r3575 r3676  
    110110
    111111hr {
     112  -webkit-box-sizing: content-box;
     113  -moz-box-sizing: content-box;
    112114  box-sizing: content-box;
    113115  height: 0;
     
    170172input[type="checkbox"],
    171173input[type="radio"] {
     174  -webkit-box-sizing: border-box;
     175  -moz-box-sizing: border-box;
    172176  box-sizing: border-box;
    173177  padding: 0;
     
    242246  font-family: inherit;
    243247  line-height: 1.5;
     248  margin: 32px 0 16px;
    244249  margin: 2rem 0 1rem;
    245250}
     
    256261  color: #0073aa;
    257262  font-weight: 600;
     263  letter-spacing: 0.8px;
    258264  letter-spacing: 0.05rem;
    259265  text-transform: uppercase;
     
    285291  font-size: 1rem;
    286292  font-weight: 600;
     293  letter-spacing: 0.16px;
    287294  letter-spacing: 0.01rem;
    288295  text-transform: uppercase;
     
    293300  font-size: 0.8rem;
    294301  font-weight: 600;
    295   letter-spacing: 0.05rem;
     302  letter-spacing: 0.8px;
    296303  text-transform: uppercase;
    297304}
     
    303310p.subheading {
    304311  color: #82878c;
     312  font-size: 20px;
    305313  font-size: 1.25rem;
    306314  font-weight: 300;
    307   margin: -.4rem auto 2rem;
     315  margin: -6.4px auto 32px;
     316  margin: -0.4rem auto 2rem;
    308317  text-align: center;
    309318}
    310319
    311320p.intro {
     321  font-size: 20px;
    312322  font-size: 1.25rem;
    313323}
    314324
    315325p.aside {
     326  font-size: 12.8px;
    316327  font-size: 0.8rem;
    317328}
    318329
    319330p.note {
     331  font-size: 10.24px;
    320332  font-size: 0.64rem;
     333  letter-spacing: 0.16px;
    321334  letter-spacing: 0.01rem;
    322335  max-width: 18.1898940355rem;
     
    371384--------------------------------------------------------------*/
    372385html {
     386  -webkit-box-sizing: border-box;
     387  -moz-box-sizing: border-box;
    373388  box-sizing: border-box;
    374389}
     
    378393*:after {
    379394  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
     395  -webkit-box-sizing: inherit;
     396  -moz-box-sizing: inherit;
    380397  box-sizing: inherit;
    381398}
     
    398415  border: 0;
    399416  height: 2px;
     417  margin: 80px auto;
    400418  margin: 5rem auto;
    401419}
     
    442460  background: #fff;
    443461  border-left: 4px solid #fff;
     462  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    444463  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    445464  margin: 1em 0;
     
    455474
    456475.notice.notice-alt {
     476  -webkit-box-shadow: none;
    457477  box-shadow: none;
    458478}
     
    495515
    496516.locale-banner {
    497   padding: .5rem;
    498517  background: #C7E8CA;
     518  padding: 8px;
     519  padding: 0.5rem;
    499520  text-align: center;
    500521  font-size: 12.8px;
     
    504525@media (min-width: 67rem) {
    505526  .locale-banner {
     527    margin: 16px auto 0;
    506528    margin: 1rem auto 0;
    507529    max-width: 960px;
     
    519541.button-secondary,
    520542.plugin-upload-form .button-primary {
    521   -webkit-appearance: none;
    522543  border: 1px solid;
     544  -webkit-border-radius: 3px;
    523545  border-radius: 3px;
     546  -webkit-box-sizing: border-box;
     547  -moz-box-sizing: border-box;
    524548  box-sizing: border-box;
    525549  cursor: pointer;
    526550  display: inline-block;
    527551  font-size: 0.8rem;
     552  height: 1.5625rem;
    528553  line-height: 1;
    529   height: 1.5625rem;
    530554  margin: 0;
    531   padding: 0 .8rem;
     555  padding: 0 12.8px;
     556  padding: 0 0.8rem;
    532557  text-decoration: none;
    533558  white-space: nowrap;
     559  -webkit-appearance: none;
    534560}
    535561
     
    547573  height: 1.953125rem;
    548574  line-height: 1;
     575  padding: 0 16px;
    549576  padding: 0 1rem;
    550577}
     
    556583  height: 1.25rem;
    557584  line-height: 1;
    558   padding: 0 .5rem;
     585  padding: 0 8px;
     586  padding: 0 0.5rem;
    559587}
    560588
     
    591619  background: none;
    592620  border: none;
     621  -webkit-box-shadow: none;
    593622  box-shadow: none;
    594623  padding: 0 2px 1px;
     
    604633  background: #f7f7f7;
    605634  border-color: #cccccc;
     635  -webkit-box-shadow: 0 1px 0 #cccccc;
    606636  box-shadow: 0 1px 0 #cccccc;
    607637  color: #555;
     
    629659.button-link:focus {
    630660  border-color: #5b9dd9;
     661  -webkit-box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    631662  box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    632663}
     
    638669  background: #eee;
    639670  border-color: #999;
     671  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    640672  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
     673  -webkit-transform: translateY(1px);
     674  -ms-transform: translateY(1px);
    641675  transform: translateY(1px);
    642676}
     
    644678.button.active:focus {
    645679  border-color: #5b9dd9;
     680  -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
    646681  box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
    647682}
     
    656691  background: #f7f7f7 !important;
    657692  border-color: #ddd !important;
     693  -webkit-box-shadow: none !important;
     694  box-shadow: none !important;
    658695  color: #a0a5aa !important;
    659696  cursor: default;
    660   box-shadow: none !important;
    661697  text-shadow: 0 1px 0 #fff !important;
     698  -webkit-transform: none !important;
     699  -ms-transform: none !important;
    662700  transform: none !important;
    663701}
     
    667705  background: none;
    668706  border: 0;
     707  -webkit-border-radius: 0;
    669708  border-radius: 0;
     709  -webkit-box-shadow: none;
    670710  box-shadow: none;
    671711  cursor: pointer;
     
    687727  background: #0085ba;
    688728  border-color: #0073aa #006799 #006799;
     729  -webkit-box-shadow: 0 1px 0 #006799;
    689730  box-shadow: 0 1px 0 #006799;
    690731  color: #fff;
     
    704745  background: #008ec2;
    705746  border-color: #006799;
     747  -webkit-box-shadow: 0 1px 0 #006799;
    706748  box-shadow: 0 1px 0 #006799;
    707749  color: #fff;
     
    713755.plugin-upload-form .button-primary.focus,
    714756.plugin-upload-form .button-primary:focus {
     757  -webkit-box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    715758  box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
    716759}
     
    727770  background: #0073aa;
    728771  border-color: #006799;
     772  -webkit-box-shadow: inset 0 2px 0 #006799;
    729773  box-shadow: inset 0 2px 0 #006799;
    730774  vertical-align: top;
     
    740784  background: #008ec2 !important;
    741785  border-color: #007cb2 !important;
     786  -webkit-box-shadow: none !important;
    742787  box-shadow: none !important;
    743788  color: #66c6e4 !important;
     
    749794.download-button.button.button-hero,
    750795.plugin-upload-form .button-primary.button.button-hero {
     796  -webkit-box-shadow: 0 2px 0 #006799;
    751797  box-shadow: 0 2px 0 #006799;
    752798}
     
    761807.plugin-upload-form .button-primary.button.button-hero.active:focus,
    762808.plugin-upload-form .button-primary.button.button-hero:active {
     809  -webkit-box-shadow: inset 0 3px 0 #006799;
    763810  box-shadow: inset 0 3px 0 #006799;
    764811}
     
    767814  background: #008ec2 !important;
    768815  border-color: #007cb2 !important;
     816  -webkit-box-shadow: none !important;
    769817  box-shadow: none !important;
    770818  color: #66c6e4 !important;
     
    785833
    786834.button-group > .button {
     835  -webkit-border-radius: 0;
     836  border-radius: 0;
    787837  display: inline-block;
    788   border-radius: 0;
    789838  margin-right: -1px;
    790839  z-index: 10;
     
    800849
    801850.button-group > .button:first-child {
     851  -webkit-border-radius: 3px 0 0 3px;
    802852  border-radius: 3px 0 0 3px;
    803853}
    804854
    805855.button-group > .button:last-child {
     856  -webkit-border-radius: 0 3px 3px 0;
    806857  border-radius: 0 3px 3px 0;
    807858}
     
    857908select,
    858909textarea {
    859   -webkit-appearance: none;
    860910  background-color: #fff;
    861911  border: 1px solid #ddd;
     
    865915  -webkit-transition: 0.05s border-color ease-in-out;
    866916  transition: 0.05s border-color ease-in-out;
     917  -webkit-appearance: none;
    867918}
    868919
     
    9731024  float: left;
    9741025  font: normal 21px/1 dashicons;
     1026  vertical-align: middle;
     1027  width: 16px;
    9751028  -moz-osx-font-smoothing: grayscale;
    9761029  -webkit-font-smoothing: antialiased;
    9771030  speak: none;
    978   vertical-align: middle;
    979   width: 16px;
    9801031}
    9811032
     
    10101061
    10111062/* Search */
    1012 input[type="search"] {
    1013   -webkit-appearance: textfield;
    1014 }
    1015 
    10161063input[type="search"]::-webkit-search-decoration {
    10171064  display: none;
     
    11501197
    11511198.plugin-upload-form legend {
     1199  margin: 16px 0;
    11521200  margin: 1rem 0;
    11531201}
     
    11551203.plugin-upload-form .category-checklist {
    11561204  list-style-type: none;
     1205  margin: 0 0 32px;
    11571206  margin: 0 0 2rem;
    11581207}
     
    11601209.plugin-upload-form .category-checklist li {
    11611210  float: left;
     1211  padding: 8px 0;
    11621212  padding: 0.5rem 0;
    11631213  width: 50%;
     
    12471297
    12481298.main-navigation ul ul {
     1299  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    12491300  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    12501301  float: left;
     1302  left: -999em;
    12511303  position: absolute;
    12521304  top: 1.5em;
    1253   left: -999em;
    12541305  z-index: 99999;
    12551306}
     
    13041355
    13051356.menu-toggle {
    1306   -webkit-appearance: none;
    13071357  background: transparent;
    13081358  border: none;
     
    13131363  height: 3.5rem;
    13141364  overflow: hidden;
     1365  position: absolute;
     1366  right: 16px;
     1367  right: 1rem;
     1368  top: -58px;
    13151369  width: 56px;
    13161370  width: 3.5rem;
    1317   position: absolute;
    1318   top: -58px;
    1319   right: 1rem;
     1371  -webkit-appearance: none;
    13201372}
    13211373
     
    13791431.screen-reader-text {
    13801432  clip: rect(1px, 1px, 1px, 1px);
     1433  height: 1px;
     1434  overflow: hidden;
    13811435  position: absolute !important;
    1382   height: 1px;
    13831436  width: 1px;
    1384   overflow: hidden;
    13851437}
    13861438
    13871439.screen-reader-text:focus {
    13881440  background-color: #f1f1f1;
     1441  -webkit-border-radius: 3px;
    13891442  border-radius: 3px;
     1443  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    13901444  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    13911445  clip: auto !important;
     
    15171571  position: absolute;
    15181572  right: 0;
     1573  top: 4.8px;
    15191574  top: 0.3rem;
    15201575}
     
    15391594.plugin-ratings .ratings-list {
    15401595  list-style-type: none;
     1596  margin: 16px 0;
    15411597  margin: 1rem 0;
    15421598  padding: 0;
     
    15641620  background-color: #ececec;
    15651621  width: 58%;
     1622  width: -webkit-calc(100% - 130px);
    15661623  width: calc(100% - 130px);
    15671624}
     
    16111668  top: 8px;
    16121669  width: 100%;
     1670  width: -webkit-calc(100% - 8px);
    16131671  width: calc(100% - 8px);
    16141672}
     
    16351693.plugin-meta li {
    16361694  border-top: 1px solid #eee;
     1695  padding: 8px 0;
    16371696  padding: 0.5rem 0;
    16381697}
     
    16501709.plugin-meta [rel="tag"] {
    16511710  background: #eee;
     1711  -webkit-border-radius: 2px;
    16521712  border-radius: 2px;
    16531713  color: #000;
     
    16851745
    16861746#wporg-header form input {
     1747  -webkit-box-sizing: content-box;
     1748  -moz-box-sizing: content-box;
    16871749  box-sizing: content-box;
    16881750  padding: 3px;
     
    16901752
    16911753#wporg-header .button {
     1754  -webkit-box-shadow: none;
    16921755  box-shadow: none;
    16931756}
     
    16971760  background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
    16981761  background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    1699   background-image: -moz-linear-gradient(top, #2a95c5, #21759b);
    1700   background-image: -ms-linear-gradient(top, #2a95c5, #21759b);
    1701   background-image: -o-linear-gradient(top, #2a95c5, #21759b);
    17021762  background-image: linear-gradient(to bottom, #2a95c5, #21759b);
     1763  border-bottom-color: #1e6a8d;
    17031764  border-color: #21759b;
    1704   border-bottom-color: #1e6a8d;
     1765  -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    17051766  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
    17061767}
     
    17101771  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
    17111772  background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    1712   background-image: -moz-linear-gradient(top, #2e9fd2, #21759b);
    1713   background-image: -ms-linear-gradient(top, #2e9fd2, #21759b);
    1714   background-image: -o-linear-gradient(top, #2e9fd2, #21759b);
    17151773  background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
    17161774  border-color: #1b607f;
     1775  -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    17171776  box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
    17181777  color: #fff;
     
    17241783  background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
    17251784  background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
    1726   background-image: -moz-linear-gradient(top, #21759b, #278ab7);
    1727   background-image: -ms-linear-gradient(top, #21759b, #278ab7);
    1728   background-image: -o-linear-gradient(top, #21759b, #278ab7);
    17291785  background-image: linear-gradient(to bottom, #21759b, #278ab7);
    17301786  border-color: #124560 #2382ae #2382ae #2382ae;
     
    17331789  color: rgba(255, 255, 255, 0.95);
    17341790  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
     1791  -webkit-transform: none;
     1792  -ms-transform: none;
    17351793  transform: none;
    17361794}
     
    17441802.site-header {
    17451803  background: #0073aa;
     1804  padding: 16px 0;
    17461805  padding: 1rem 0;
    17471806  position: relative;
     
    17661825  font-weight: 300;
    17671826  line-height: 1;
     1827  margin: 0 32px 0 0;
    17681828  margin: 0 2rem 0 0;
    17691829  max-width: none;
     
    17811841.site-header .site-description {
    17821842  color: rgba(255, 255, 255, 0.8);
     1843  font-size: 20px;
    17831844  font-size: 1.25rem;
    17841845  font-weight: 300;
     1846  margin: -6.4px auto 32px;
    17851847  margin: -0.4rem auto 2rem;
    17861848  text-align: center;
     
    17941856.site-header .search-form .search-field {
    17951857  border: 0;
     1858  -webkit-border-radius: 2px;
    17961859  border-radius: 2px;
    17971860  font-size: 16px;
     
    18041867.site-header .search-form .search-field + .button-search {
    18051868  border-left: none;
     1869  -webkit-border-radius: 0 2px 2px 0;
    18061870  border-radius: 0 2px 2px 0;
    18071871  display: none;
     
    18131877  background: #006799;
    18141878  border-right: 1px solid #006799;
     1879  -webkit-box-shadow: none;
    18151880  box-shadow: none;
    18161881}
     
    18231888@media screen and (min-width: 48em) {
    18241889  .site-header .search-form .search-field {
     1890    -webkit-border-radius: 2px 0 0 2px;
    18251891    border-radius: 2px 0 0 2px;
    18261892    font-size: 10.24px;
    18271893    font-size: 0.64rem;
     1894    width: 126px;
    18281895    width: 7rem;
    18291896  }
     
    18361903@media screen and (min-width: 60em) {
    18371904  .site-header .search-form .search-field {
     1905    width: 160px;
    18381906    width: 10rem;
    18391907  }
     
    18631931.home .site-header .search-form .search-field {
    18641932  border: none;
     1933  -webkit-border-radius: 0;
    18651934  border-radius: 0;
     1935  -webkit-box-shadow: none;
    18661936  box-shadow: none;
    18671937  display: block;
     
    18771947  background: transparent;
    18781948  border: none;
     1949  -webkit-box-shadow: none;
    18791950  box-shadow: none;
    18801951  color: #32373c;
     
    18921963  background: transparent;
    18931964  border: none;
     1965  -webkit-transform: none;
     1966  -ms-transform: none;
    18941967  transform: none;
    18951968}
     
    19171990  font-size: 1.5625rem;
    19181991  font-weight: 400;
     1992  margin-bottom: 48px;
    19191993  margin-bottom: 3rem;
    19201994}
     
    19251999  position: absolute;
    19262000  right: 0;
     2001  top: 11.2px;
    19272002  top: 0.7rem;
    19282003}
     
    20432118  .search .type-plugin .entry,
    20442119  .archive .type-plugin .entry {
     2120    width: -webkit-calc(96% - 128px);
    20452121    width: calc(96% - 128px);
    20462122  }
     
    21062182.rtl .dashicons-star-half {
    21072183  -webkit-transform: rotateY(180deg);
    2108   -ms-transform: rotateY(180deg);
    21092184  transform: rotateY(180deg);
    21102185}
     
    21162191.single .type-plugin .plugin-banner {
    21172192  background-position: 50% 50%;
     2193  -webkit-background-size: 100% 100%;
    21182194  background-size: 100%;
    21192195  display: inline-block;
     
    21422218  float: left;
    21432219  height: 96px;
     2220  margin-right: 16px;
    21442221  margin-right: 1rem;
    21452222  width: 96px;
     
    21532230
    21542231.single .type-plugin .plugin-header .plugin-thumbnail .plugin-icon {
     2232  -webkit-background-size: contain !important;
    21552233  background-size: contain !important;
    21562234  height: 96px !important;
     
    22332311  font-size: 1rem;
    22342312  font-weight: 600;
     2313  letter-spacing: 0.16px;
    22352314  letter-spacing: 0.01rem;
    22362315  text-transform: uppercase;
     
    22452324  font-size: 0.8rem;
    22462325  font-weight: 600;
     2326  letter-spacing: 0.8px;
    22472327  letter-spacing: 0.05rem;
    22482328  text-transform: uppercase;
     
    22762356  font-size: 12.8px;
    22772357  font-size: 0.8rem;
     2358  margin-top: 8px;
    22782359  margin-top: 0.5rem;
    22792360  position: relative;
     
    22952376  font-size: 12.8px;
    22962377  font-size: 0.8rem;
     2378  margin-top: 8px;
    22972379  margin-top: 0.5rem;
    22982380}
     
    23452427  font-size: 1rem;
    23462428  font-weight: 600;
     2429  letter-spacing: 0.16px;
    23472430  letter-spacing: 0.01rem;
    23482431  margin: 0 0 8px;
     
    23662449  }
    23672450  .single .type-plugin .entry-content .plugin-reviews .review {
     2451    width: -webkit-calc(100% - 60px - 1rem);
    23682452    width: calc(100% - 60px - 1rem);
    23692453  }
     
    23832467.single .type-plugin .entry-content .plugin-developers li {
    23842468  display: inline-block;
     2469  margin: 0 4% 16px 0;
    23852470  margin: 0 4% 1rem 0;
    23862471  vertical-align: top;
     
    23932478
    23942479.single .type-plugin .entry-content .avatar {
     2480  -webkit-border-radius: 50%;
    23952481  border-radius: 50%;
    23962482  margin-right: 10px;
     
    24442530
    24452531.error404 .page-content .logo-swing .dashicons-wordpress {
     2532  left: 0;
     2533  max-width: none;
    24462534  position: absolute;
    24472535  top: 0;
    2448   left: 0;
    2449   max-width: none;
    24502536  width: 160px;
    24512537  width: 10rem;
     
    24592545  font-size: 160px;
    24602546  font-size: 10rem;
     2547}
     2548
     2549@-webkit-keyframes hinge {
     2550  10% {
     2551    width: 180px;
     2552    height: 180px;
     2553    -webkit-transform: rotate3d(0, 0, 1, 0deg);
     2554    transform: rotate3d(0, 0, 1, 0deg);
     2555  }
     2556  15% {
     2557    width: 185px;
     2558    height: 185px;
     2559    -webkit-transform: rotate3d(0, 0, 1, 0deg);
     2560    transform: rotate3d(0, 0, 1, 0deg);
     2561  }
     2562  20% {
     2563    width: 180px;
     2564    height: 180px;
     2565    -webkit-transform: rotate3d(0, 0, 1, 5deg);
     2566    transform: rotate3d(0, 0, 1, 5deg);
     2567  }
     2568  40% {
     2569    -webkit-transform-origin: top left;
     2570    transform-origin: top left;
     2571    -webkit-animation-timing-function: ease-in-out;
     2572    animation-timing-function: ease-in-out;
     2573  }
     2574  60% {
     2575    -webkit-transform: rotate3d(0, 0, 1, 40deg);
     2576    transform: rotate3d(0, 0, 1, 40deg);
     2577    -webkit-transform-origin: top left;
     2578    transform-origin: top left;
     2579    -webkit-animation-timing-function: ease-in-out;
     2580    animation-timing-function: ease-in-out;
     2581  }
     2582  40%, 80% {
     2583    -webkit-transform: rotate3d(0, 0, 1, 60deg);
     2584    transform: rotate3d(0, 0, 1, 60deg);
     2585    -webkit-transform-origin: top left;
     2586    transform-origin: top left;
     2587    -webkit-animation-timing-function: ease-in-out;
     2588    animation-timing-function: ease-in-out;
     2589    opacity: 1;
     2590  }
     2591  to {
     2592    -webkit-transform: translate3d(0, 700px, 0);
     2593    transform: translate3d(0, 700px, 0);
     2594    opacity: 0;
     2595  }
    24612596}
    24622597
     
    24652600    width: 180px;
    24662601    height: 180px;
     2602    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    24672603    transform: rotate3d(0, 0, 1, 0deg);
    24682604  }
     
    24702606    width: 185px;
    24712607    height: 185px;
     2608    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    24722609    transform: rotate3d(0, 0, 1, 0deg);
    24732610  }
     
    24752612    width: 180px;
    24762613    height: 180px;
     2614    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    24772615    transform: rotate3d(0, 0, 1, 5deg);
    24782616  }
    24792617  40% {
     2618    -webkit-transform-origin: top left;
    24802619    transform-origin: top left;
     2620    -webkit-animation-timing-function: ease-in-out;
    24812621    animation-timing-function: ease-in-out;
    24822622  }
    24832623  60% {
     2624    -webkit-transform: rotate3d(0, 0, 1, 40deg);
    24842625    transform: rotate3d(0, 0, 1, 40deg);
     2626    -webkit-transform-origin: top left;
    24852627    transform-origin: top left;
     2628    -webkit-animation-timing-function: ease-in-out;
    24862629    animation-timing-function: ease-in-out;
    24872630  }
    24882631  40%, 80% {
     2632    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    24892633    transform: rotate3d(0, 0, 1, 60deg);
     2634    -webkit-transform-origin: top left;
    24902635    transform-origin: top left;
     2636    -webkit-animation-timing-function: ease-in-out;
    24912637    animation-timing-function: ease-in-out;
    24922638    opacity: 1;
    24932639  }
    24942640  to {
     2641    -webkit-transform: translate3d(0, 700px, 0);
    24952642    transform: translate3d(0, 700px, 0);
    24962643    opacity: 0;
     
    24992646
    25002647.hinge {
     2648  -webkit-animation-duration: 2s;
    25012649  animation-duration: 2s;
     2650  -webkit-animation-name: hinge;
    25022651  animation-name: hinge;
    25032652}
     
    25372686  font-size: 1rem;
    25382687  font-weight: 600;
     2688  letter-spacing: 0.16px;
    25392689  letter-spacing: 0.01rem;
    25402690  text-transform: uppercase;
     
    26092759.pagination .page-numbers {
    26102760  border: 1px solid #EEE;
     2761  -webkit-border-radius: 2px;
    26112762  border-radius: 2px;
    26122763  color: #0073aa;
     
    26172768  margin: 0;
    26182769  padding: 4px 8px;
     2770  -webkit-transition: background .2s ease;
    26192771  transition: background .2s ease;
    26202772}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/package.json

    r3193 r3676  
    55  "author": "wordpressdotorg",
    66  "license": "GPL-2.0",
     7  "repository": {
     8    "type": "svn",
     9    "url": "https://meta.svn.wordpress.org/sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/"
     10  },
    711  "devDependencies": {
     12    "autoprefixer": "^6.3.6",
    813    "grunt": "^1.0.1",
    914    "grunt-contrib-jshint": "^1.0.0",
    1015    "grunt-contrib-watch": "^1.0.0",
     16    "grunt-postcss": "^0.8.0",
    1117    "grunt-rtlcss": "^2.0.1",
    1218    "grunt-sass": "^1.2.0"
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/elements/_banners.scss

    r3463 r3676  
     1@import "../variables-site/variables-site";
     2
    13.locale-banner {
    2     padding: .5rem;
    34    background: $color__green;
     5    padding: 8px;
     6    padding: 0.5rem;
    47    text-align: center;
    58    @include font-size(ms-unitless(ms(-2)));
    69}
    710
    8 @media (min-width: 67rem) {
     11@media ( min-width: 67rem ) {
    912    .locale-banner {
    10       margin: 1rem auto 0;
    11       max-width: $size__site-main;
     13        margin: 16px auto 0;
     14        margin: 1rem auto 0;
     15        max-width: $size__site-main;
    1216    }
    1317}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/elements/_elements.scss

    r3463 r3676  
    2828    border: 0;
    2929    height: 2px;
     30    margin: 80px auto;
    3031    margin: 5rem auto;
    3132}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_buttons.scss

    r3346 r3676  
    4747.button-secondary,
    4848.plugin-upload-form .button-primary {
    49     -webkit-appearance: none;
    5049    border: 1px solid;
    5150    border-radius: 3px;
     
    5453    display: inline-block;
    5554    font-size: ms(-2);
     55    height: ms(4);
    5656    line-height: 1;
    57     height: ms(4);
    5857    margin: 0;
    59     padding: 0 .8rem;
     58    padding: 0 12.8px;
     59    padding: 0 0.8rem;
    6060    text-decoration: none;
    6161    white-space: nowrap;
     62    -webkit-appearance: none;
    6263}
    6364
     
    7576    height: ms(6);
    7677    line-height: 1;
     78    padding: 0 16px;
    7779    padding: 0 1rem;
    7880}
     
    8385    height: ms(2);
    8486    line-height: 1;
    85     padding: 0 .5rem;
     87    padding: 0 8px;
     88    padding: 0 0.5rem;
    8689}
    8790
     
    185188    background: #f7f7f7 !important;
    186189    border-color: #ddd !important;
     190    box-shadow: none !important;
    187191    color: #a0a5aa !important;
    188192    cursor: default;
    189     box-shadow: none !important;
    190193    text-shadow: 0 1px 0 #fff !important;
    191194    transform: none !important;
     
    294297
    295298.button-group > .button {
     299    border-radius: 0;
    296300    display: inline-block;
    297     border-radius: 0;
    298301    margin-right: -1px;
    299302    z-index: 10;
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_fields.scss

    r3346 r3676  
    44input,
    55textarea {
    6     -webkit-box-sizing: border-box;
    7     -moz-box-sizing: border-box;
    86    box-sizing: border-box;
    97}
     
    2927select,
    3028textarea {
    31     -webkit-appearance: none;
    3229    background-color: #fff;
    3330    border: 1px solid $color__border-input;
    34     -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
    3531    box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
    3632    color: $color__text-input;
    37     -webkit-transition: 0.05s border-color ease-in-out;
    3833    transition: 0.05s border-color ease-in-out;
     34    -webkit-appearance: none;
    3935
    4036    &:focus {
     
    6460textarea:focus {
    6561    border-color: #5b9dd9;
    66     -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
    6762    box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
    6863}
     
    9287    background: #fff;
    9388    border: 1px solid #b4b9be;
    94     -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
    9589    box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
    9690    clear: none;
     
    10498    padding: 0 !important;
    10599    text-align: center;
    106     -webkit-transition: .05s border-color ease-in-out;
    107100    transition: .05s border-color ease-in-out;
    108101    vertical-align: middle;
     
    115108
    116109input[type="radio"] {
    117     -webkit-border-radius: 50%;
    118110    border-radius: 50%;
    119111    line-height: 10px;
     
    126118    float: left;
    127119    font: normal 21px/1 dashicons;
     120    vertical-align: middle;
     121    width: 16px;
    128122    -moz-osx-font-smoothing: grayscale;
    129123    -webkit-font-smoothing: antialiased;
    130124    speak: none;
    131     vertical-align: middle;
    132     width: 16px;
    133125}
    134126
     
    142134input[type="radio"]:checked:before {
    143135    background-color: #1e8cbe;
    144     -webkit-border-radius: 50px;
    145136    border-radius: 50px;
    146137    content: "\2022";
     
    163154
    164155/* Search */
    165 input[type="search"] {
    166     -webkit-appearance: textfield;
    167 }
    168 
    169156input[type="search"]::-webkit-search-decoration {
    170157    display: none;
     
    187174input,
    188175select {
    189     -webkit-border-radius: 0;
    190176    border-radius: 0;
    191177    font-size: 16px;
     
    227213    background: rgba( 255, 255, 255, 0.5 );
    228214    border-color: rgba( 222, 222, 222, 0.75 );
    229     -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
    230215    box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
    231216    color: rgba( 51, 51, 51, 0.5 );
     
    237222input[type="range"].disabled {
    238223    background: none;
    239     -webkit-box-shadow: none;
    240224    box-shadow: none;
    241225}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_upload.scss

    r3346 r3676  
    77
    88    legend {
     9        margin: 16px 0;
    910        margin: 1rem 0;
    1011    }
     
    1314        @extend .clear;
    1415        list-style-type: none;
     16        margin: 0 0 32px;
    1517        margin: 0 0 2rem;
    1618
    1719        li {
    1820            float: left;
     21            padding: 8px 0;
    1922            padding: 0.5rem 0;
    2023            width: 50%;
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/modules/_accessibility.scss

    r3193 r3676  
    22.screen-reader-text {
    33    clip: rect(1px, 1px, 1px, 1px);
     4    height: 1px;
     5    overflow: hidden;
    46    position: absolute !important;
    5     height: 1px;
    67    width: 1px;
    7     overflow: hidden;
    88
    99    &:focus {
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/navigation/_menus.scss

    r3532 r3676  
    1818            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    1919            float: left;
     20            left: -999em;
    2021            position: absolute;
    2122            top: 1.5em;
    22             left: -999em;
    2323            z-index: 99999;
    2424
     
    9595
    9696.menu-toggle {
    97     -webkit-appearance: none;
    9897    background: transparent;
    9998    border: none;
     
    103102    height: 3.5rem;
    104103    overflow: hidden;
     104    position: absolute;
     105    right: 16px;
     106    right: 1rem;
     107    top: -58px;
    105108    width: 56px;
    106109    width: 3.5rem;
    107     position: absolute;
    108     top: -58px;
    109     right: 1rem;
     110    -webkit-appearance: none;
    110111
    111112    .toggled &:before {
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_header.scss

    r3548 r3676  
    2121    .download-button {
    2222        background-color: #21759b;
    23         background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
    24         background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    25         background-image:    -moz-linear-gradient(top, #2a95c5, #21759b);
    26         background-image:     -ms-linear-gradient(top, #2a95c5, #21759b);
    27         background-image:      -o-linear-gradient(top, #2a95c5, #21759b);
    28         background-image:   linear-gradient(to bottom, #2a95c5, #21759b);
     23        background-image: linear-gradient(to bottom, #2a95c5, #21759b);
     24        border-bottom-color: #1e6a8d;
    2925        border-color: #21759b;
    30         border-bottom-color: #1e6a8d;
    3126        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 );
    3227
     
    3429        &:focus {
    3530            background-color: #278ab7;
    36             background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
    37             background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    38             background-image:    -moz-linear-gradient(top, #2e9fd2, #21759b);
    39             background-image:     -ms-linear-gradient(top, #2e9fd2, #21759b);
    40             background-image:      -o-linear-gradient(top, #2e9fd2, #21759b);
    41             background-image:   linear-gradient(to bottom, #2e9fd2, #21759b);
     31            background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
    4232            border-color: #1b607f;
    4333            box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
     
    4838        &:active {
    4939            background: #1b607f;
    50             background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
    51             background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
    52             background-image: -moz-linear-gradient(top, #21759b, #278ab7);
    53             background-image: -ms-linear-gradient(top, #21759b, #278ab7);
    54             background-image: -o-linear-gradient(top, #21759b, #278ab7);
    5540            background-image: linear-gradient(to bottom, #21759b, #278ab7);
    5641            border-color: #124560 #2382ae #2382ae #2382ae;
    57             -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    5842            box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    5943            color: rgba(255,255,255,0.95);
     
    7256.site-header {
    7357    background: $color__wp-blue;
     58    padding: 16px 0;
    7459    padding: 1rem 0;
    7560    position: relative;
     
    9075        font-weight: 300;
    9176        line-height: 1;
     77        margin: 0 32px 0 0;
    9278        margin: 0 2rem 0 0;
    9379        max-width: none;
     
    10793    .site-description {
    10894        color: rgba( 255, 255, 255, 0.8);
    109         font-size: ms(2);
     95        @include font-size(ms-unitless(ms(2)));
    11096        font-weight: 300;
     97        margin: -6.4px auto 32px;
    11198        margin: -0.4rem auto 2rem;
    11299        text-align: center;
     
    148135                border-radius: 2px 0 0 2px;
    149136                @include font-size( ms-unitless( ms(-4) ) );
     137                width: 126px;
    150138                width: 7rem;
    151139            }
     
    159147        @media screen and ( min-width: 60em ) {
    160148            .search-field {
     149                width: 160px;
    161150                width: 10rem;
    162151            }
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_404.scss

    r3336 r3676  
    2727
    2828            .dashicons-wordpress {
     29                left: 0;
     30                max-width: none;
    2931                position: absolute;
    3032                top: 0;
    31                 left: 0;
    32                 max-width: none;
    3333                width: 160px;
    3434                width: 10rem;
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_front-page.scss

    r3398 r3676  
    1818        @include font-size( ms-unitless( ms(4) ) );
    1919        font-weight: 400;
     20        margin-bottom: 48px;
    2021        margin-bottom: 3rem;
    2122    }
     
    2526        position: absolute;
    2627        right: 0;
     28        top: 11.2px;
    2729        top: 0.7rem;
    2830    }
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_page.scss

    r3461 r3676  
    2929            @include font-size(ms-unitless(ms(0)));
    3030            font-weight: 600;
     31            letter-spacing: 0.16px;
    3132            letter-spacing: 0.01rem;
    3233            text-transform: uppercase;
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-index.scss

    r3575 r3676  
    7878// Flip the half star for rating.
    7979.rtl .dashicons-star-half {
    80     -webkit-transform: rotateY(180deg);
    81     -ms-transform: rotateY(180deg);
    8280    transform: rotateY(180deg);
    8381}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss

    r3545 r3676  
    33.single .type-plugin {
    44    @extend .clear;
     5
    56    .plugin-notice {
    67        margin-top: 0;
     
    3233            float: left;
    3334            height: 96px;
     35            margin-right: 16px;
    3436            margin-right: 1rem;
    3537            width: 96px;
     
    121123                @include font-size( ms-unitless( ms(0) ) );
    122124                font-weight: 600;
     125                letter-spacing: 0.16px;
    123126                letter-spacing: 0.01rem;
    124127                text-transform: uppercase;
     
    132135                @include font-size( ms-unitless( ms(-2) ) );
    133136                font-weight: 600;
     137                letter-spacing: 0.8px;
    134138                letter-spacing: 0.05rem;
    135139                text-transform: uppercase;
     
    164168            cursor: pointer;
    165169            @include font-size( ms-unitless( ms(-2) ) );
     170            margin-top: 8px;
    166171            margin-top: 0.5rem;
    167172            position: relative;
     
    182187            display: inline-block;
    183188            @include font-size( ms-unitless( ms(-2) ) );
     189            margin-top: 8px;
    184190            margin-top: 0.5rem;
    185191
     
    230236                @include font-size( ms-unitless( ms(0) ) );
    231237                font-weight: 600;
     238                letter-spacing: 0.16px;
    232239                letter-spacing: 0.01rem;
    233240                margin: 0 0 8px;
     
    272279            li {
    273280                display: inline-block;
     281                margin: 0 4% 16px 0;
    274282                margin: 0 4% 1rem 0;
    275283                vertical-align: top;
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/secondary/_widgets.scss

    r3424 r3676  
    4444        position: absolute;
    4545        right: 0;
     46        top: 4.8px;
    4647        top: 0.3rem;
    4748
     
    6566    .ratings-list {
    6667        list-style-type: none;
     68        margin: 16px 0;
    6769        margin: 1rem 0;
    6870        padding: 0;
     
    157159    li {
    158160        border-top: 1px solid #eee;
     161        padding: 8px 0;
    159162        padding: 0.5rem 0;
    160163
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/typography/_copy.scss

    r3346 r3676  
    66    &.subheading {
    77        color: #82878c;
    8         font-size: ms(2);
     8        @include font-size( ms-unitless( ms(2) ) );
    99        font-weight: 300;
    10         margin: -.4rem auto 2rem;
     10        margin: -6.4px auto 32px;
     11        margin: -0.4rem auto 2rem;
    1112        text-align: center;
    1213    }
     14
    1315    &.intro {
    14         font-size: ms(2);
     16        @include font-size( ms-unitless( ms(2) ) );
    1517    }
     18
    1619    &.aside {
    17         font-size: ms(-2);
     20        @include font-size( ms-unitless( ms(-2) ) );
    1821    }
     22
    1923    &.note {
    20         font-size: ms(-4);
     24        @include font-size( ms-unitless( ms(-4) ) );
     25        letter-spacing: 0.16px;
    2126        letter-spacing: 0.01rem;
    2227        max-width: ms(26);
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/typography/_headings.scss

    r3398 r3676  
    88    font-family: inherit;
    99    line-height: $font__line-height-body;
     10    margin: 32px 0 16px;
    1011    margin: 2rem 0 1rem;
    1112}
     
    2021    color: $color__link;
    2122    font-weight: 600;
     23    letter-spacing: 0.8px;
    2224    letter-spacing: 0.05rem;
    2325    text-transform: uppercase;
     
    4749    @include font-size( ms-unitless( ms(0) ) );
    4850    font-weight: 600;
     51    letter-spacing: 0.16px;
    4952    letter-spacing: 0.01rem;
    5053    text-transform: uppercase;
     
    5457    @include font-size( ms-unitless( ms(-2) ) );
    5558    font-weight: 600;
    56     letter-spacing: 0.05rem;
     59    letter-spacing: 0.8px;
    5760    text-transform: uppercase;
    5861}
Note: See TracChangeset for help on using the changeset viewer.