Chris@0: /**
Chris@0:  * @file
Chris@0:  * Override Quick Edit's entity toolbar style on the Drupal front-end.
Chris@0:  *
Chris@0:  * I.e. loaded by Quick Edit on the front-end, despite this being a back-end theme.
Chris@0:  */
Chris@0: 
Chris@0: /**
Chris@0:  * The Seven style guide prescribes softer corners.
Chris@0:  */
Chris@0: .quickedit-toolbar-container > .quickedit-toolbar-content,
Chris@0: .quickedit-toolbar-container > .quickedit-toolbar-lining {
Chris@0:   border-radius: 4px;
Chris@0: }
Chris@0: .quickedit-button {
Chris@0:   border-radius: 3px;
Chris@0: }
Chris@0: 
Chris@0: /**
Chris@0:  * Entity toolbar's "save" button must be styled like a Seven primary button.
Chris@0:  */
Chris@0: .quickedit-button.action-save,
Chris@0: .quickedit-button.action-saving {
Chris@18:   margin-top: 2px;
Chris@18:   color: #fff;
Chris@0:   border-color: #1e5c90;
Chris@0:   background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
Chris@14:   background-image: linear-gradient(to bottom, #007bc6, #0071b8);
Chris@0:   text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
Chris@0:   font-weight: 700;
Chris@0:   -webkit-font-smoothing: antialiased;
Chris@0: }
Chris@0: .quickedit-button.action-save:hover,
Chris@0: .quickedit-button.action-save:focus,
Chris@0: .quickedit-button.action-saving:hover,
Chris@0: .quickedit-button.action-saving:focus {
Chris@18:   color: #fff;
Chris@18:   border-color: #1e5c90;
Chris@0:   background-color: #2369a6;
Chris@0:   background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
Chris@14:   background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
Chris@0: }
Chris@0: .quickedit-button.action-save:hover,
Chris@0: .quickedit-button.action-save:focus,
Chris@0: .quickedit-button.action-saving:hover,
Chris@0: .quickedit-button.action-saving:focus {
Chris@0:   box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
Chris@0: }
Chris@0: .quickedit-button.action-save:active,
Chris@0: .quickedit-button.action-saving:active {
Chris@18:   border-color: #144b78;
Chris@0:   background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
Chris@14:   background-image: linear-gradient(to bottom, #08639b, #0071b8);
Chris@0:   box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
Chris@0: }
Chris@0: 
Chris@0: /**
Chris@0:  * The entity toolbar's "save" button's top margin shifts both buttons 2px down,
Chris@0:  * so we must compensate for that to achieve vertically centered positioning.
Chris@0:  */
Chris@0: .quickedit .icon-close:before {
Chris@0:   top: 8px;
Chris@0: }