Chris@0: /**
Chris@0:  * @file
Chris@0:  * General styles for dropbuttons.
Chris@0:  */
Chris@0: 
Chris@0: .js .dropbutton-widget {
Chris@18:   border: 1px solid #ccc;
Chris@0:   background-color: white;
Chris@0: }
Chris@0: .js .dropbutton-widget:hover {
Chris@0:   border-color: #b8b8b8;
Chris@0: }
Chris@0: .dropbutton .dropbutton-action > * {
Chris@0:   padding: 0.1em 0.5em;
Chris@0:   white-space: nowrap;
Chris@0: }
Chris@0: .dropbutton .secondary-action {
Chris@0:   border-top: 1px solid #e8e8e8;
Chris@0: }
Chris@0: .dropbutton-multiple .dropbutton {
Chris@0:   border-right: 1px solid #e8e8e8; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .dropbutton-multiple .dropbutton {
Chris@18:   border-right: 0 none;
Chris@0:   border-left: 1px solid #e8e8e8;
Chris@0: }
Chris@0: .dropbutton-multiple .dropbutton .dropbutton-action > * {
Chris@0:   margin-right: 0.25em; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .dropbutton-multiple .dropbutton .dropbutton-action > * {
Chris@18:   margin-right: 0;
Chris@0:   margin-left: 0.25em;
Chris@0: }