aleph1.co.uk Git - yaffs-website/blob - web/core/themes/classy/css/components/dropbutton.css

   1 /**
   2  * @file
   3  * General styles for dropbuttons.
   4  */
   5
   6 .js .dropbutton-widget {
   7   background-color: white;
   8   border: 1px solid #cccccc;
   9 }
  10 .js .dropbutton-widget:hover {
  11   border-color: #b8b8b8;
  12 }
  13 .dropbutton .dropbutton-action > * {
  14   padding: 0.1em 0.5em;
  15   white-space: nowrap;
  16 }
  17 .dropbutton .secondary-action {
  18   border-top: 1px solid #e8e8e8;
  19 }
  20 .dropbutton-multiple .dropbutton {
  21   border-right: 1px solid #e8e8e8; /* LTR */
  22 }
  23 [dir="rtl"] .dropbutton-multiple .dropbutton {
  24   border-left: 1px solid #e8e8e8;
  25   border-right: 0 none;
  26 }
  27 .dropbutton-multiple .dropbutton .dropbutton-action > * {
  28   margin-right: 0.25em; /* LTR */
  29 }
  30 [dir="rtl"] .dropbutton-multiple .dropbutton .dropbutton-action > * {
  31   margin-left: 0.25em;
  32   margin-right: 0;
  33 }