MD Settings: Polish for Languages main page

ui/webui/resources/cr_elements/cr_shared_menu/cr_shared_menu.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/assert.html">
 <link rel="import" href="chrome://resources/html/cr.html">
 <link rel="import" href="chrome://resources/html/util.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-dropdown/iron-dropdown.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/fade-in-animation.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/fade-out-animation.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu-button/paper-menu-button-animations.html">
 
 <dom-module id="cr-shared-menu">
   <template>
     <style>
       #menu {
         @apply(--shadow-elevation-2dp);
         background-color: white;
         overflow: hidden;
         padding: 8px 0;
         position: relative;
+
+        @apply(--cr-shared-menu);

[Dan Beam, 2016/09/23 23:25:42]

can you just use a var() instead of an @apply() if you're only changing 1 value?

[michaelpg, 2016/09/28 23:24:29]

Done.

       }
     </style>
     <iron-dropdown id="dropdown" allow-outside-scroll restore-focus-on-close
         vertical-align="auto" horizontal-align="right" opened="{{menuOpen}}"
         open-animation-config="[[openAnimationConfig]]"
         close-animation-config="[[closeAnimationConfig]]">
       <div id="menu" class="dropdown-content" role="menu">
         <content></content>
       </div>
     </iron-dropdown>
   </template>
   <script src="cr_shared_menu.js"></script>
 </dom-module>