src/third_party/polymer/components/paper-menu-button/paper-menu-button.css

   1 /*
   2 Copyright 2013 The Polymer Authors. All rights reserved.
   3 Use of this source code is governed by a BSD-style
   4 license that can be found in the LICENSE file.
   5 */
   6
   7 :host {
   8   display: inline-block;
   9   padding: 8px;
  10   position: relative;
  11   background-image: none;
  12   outline: none;
  13   user-select: none;
  14   -webkit-user-select: none;
  15   cursor: pointer;
  16   overflow: hidden;
  17 }
  18
  19 :host([disabled]) {
  20   cursor: auto;
  21 }
  22
  23 core-icon {
  24   position: relative;
  25 }
  26
  27 core-icon::shadow svg {
  28   transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  29   -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  30   transform-origin: 50% 50%;
  31   -webkit-transform-origin: 50% 50%;
  32 }
  33
  34 :host(:hover) core-icon::shadow svg {
  35   transform: scale(1.2);
  36   -webkit-transform: scale(1.2);
  37 }
  38
  39 :host([disabled]:hover) core-icon::shadow svg {
  40   transform: none;
  41   -webkit-transform: none;
  42 }
  43
  44 :host([disabled]) core-icon::shadow path {
  45   fill: #c9c9c9;
  46 }
  47
  48 #overlay {
  49   display: block;
  50         position: fixed;
  51   border-radius: 3px;
  52 }
  53
  54 .paper-menu-button-overlay-ink {
  55         position: absolute;
  56         top: 0;
  57         left: 0;
  58         width: 40px;
  59         height: 40px;
  60         border-radius: 20px;
  61   background: #fff;
  62   opacity: 0;
  63   transform: scale(0);
  64   -webkit-transform: scale(0);
  65 }
  66
  67 :host([halign="right"]) .paper-menu-button-overlay-ink {
  68         left: auto;
  69         right: 0;
  70 }
  71
  72 .paper-menu-button-overlay-bg {
  73         position: absolute;
  74         top: 0;
  75         left: 0;
  76         bottom: 0;
  77         right: 0;
  78         border-radius: 3px;
  79   background: #fff;
  80   opacity: 0;
  81 }
  82
  83 #menu {
  84         position: relative;
  85   margin: 0;
  86 }