3 * Visual styling for buttons in the off-canvas dialog.
5 * @see seven/css/components/buttons.css
8 #drupal-off-canvas button,
9 #drupal-off-canvas .button {
10 -webkit-appearance: none;
11 -moz-appearance: none;
16 font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
19 text-decoration: none;
22 #drupal-off-canvas button.link {
24 background: transparent;
27 transition: color 0.5s ease;
29 #drupal-off-canvas button.link:hover,
30 #drupal-off-canvas button.link:focus {
32 text-decoration: none;
34 #drupal-off-canvas input[type="submit"].button {
35 display: inline-block;
48 transition: background 0.5s ease;
50 #drupal-off-canvas input[type="submit"].button:hover,
51 #drupal-off-canvas input[type="submit"].button:focus,
52 #drupal-off-canvas input[type="submit"].button:active {
55 text-decoration: none;
59 #drupal-off-canvas input[type="submit"].button:focus,
60 #drupal-off-canvas input[type="submit"].button:active {
61 box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.1);
63 #drupal-off-canvas input[type="submit"].button--primary {
69 #drupal-off-canvas input[type="submit"].button--primary:hover,
70 #drupal-off-canvas input[type="submit"].button--primary:focus,
71 #drupal-off-canvas input[type="submit"].button--primary:active {
75 #drupal-off-canvas .button-action:before {
76 margin-left: -0.2em; /* LTR */
77 padding-right: 0.2em; /* LTR */
81 [dir="rtl"] #drupal-off-canvas .button-action:before {
87 #drupal-off-canvas .no-touchevents .button--small {
91 #drupal-off-canvas .button:disabled,
92 #drupal-off-canvas .button:disabled:active,
93 #drupal-off-canvas .button.is-disabled,
94 #drupal-off-canvas .button.is-disabled:active {
101 #drupal-off-canvas .button--danger {
105 text-decoration: none;
107 #drupal-off-canvas .button--danger:hover,
108 #drupal-off-canvas .button--danger:focus,
109 #drupal-off-canvas .button--danger:active {
111 text-decoration: none;
114 #drupal-off-canvas .button--danger:disabled,
115 #drupal-off-canvas .button--danger.is-disabled {