1/* 2 * Copyright (C) 2013 Apple Inc. All rights reserved. 3 * 4 * Redistribution and use in source and binary forms, with or without 5 * modification, are permitted provided that the following conditions 6 * are met: 7 * 1. Redistributions of source code must retain the above copyright 8 * notice, this list of conditions and the following disclaimer. 9 * 2. Redistributions in binary form must reproduce the above copyright 10 * notice, this list of conditions and the following disclaimer in the 11 * documentation and/or other materials provided with the distribution. 12 * 13 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' 14 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, 15 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 16 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS 17 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR 18 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF 19 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS 20 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN 21 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) 22 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF 23 * THE POSSIBILITY OF SUCH DAMAGE. 24 */ 25 26.breakpoint-action-block-header { 27 margin-bottom: 3px; 28} 29 30.breakpoint-action-append-button, 31.breakpoint-action-remove-button { 32 border: 1px solid rgb(170, 170, 170); 33 border-radius: 10px; 34 background-size: 16px 16px; 35 background-origin: border-box; 36 width: 16px; 37 height: 16px; 38 float: right; 39 margin-left: 2px; 40 margin-top: 2px; 41} 42 43.breakpoint-action-append-button:active, 44.breakpoint-action-remove-button:active { 45 -webkit-filter: brightness(50%); 46} 47 48.breakpoint-action-append-button { 49 background-image: url(../Images/BreakpointActionAdd.svg), linear-gradient(to bottom, rgb(250, 250, 250), rgb(200, 200, 200)); 50} 51 52.breakpoint-action-remove-button { 53 background-image: url(../Images/BreakpointActionRemove.svg), linear-gradient(to bottom, rgb(250, 250, 250), rgb(200, 200, 200)); 54} 55 56.breakpoint-action-block-body { 57 margin: 1px 2px 6px 2px; 58 padding: 8px; 59 width: 100%; 60 border-radius: 4px; 61 border: 1px solid rgb(190, 190, 190); 62 background-color: rgba(222, 222, 222, 0.95); 63 -webkit-box-shadow: inset 0 0 2px rgb(200, 200, 200); 64} 65 66.breakpoint-action-block-body > input { 67 width: 100%; 68} 69 70.breakpoint-action-eval-editor { 71 padding: 4px 0 2px 0; 72 -webkit-appearance: textfield; 73 border: 1px solid rgb(200, 200, 200); 74 background: white; 75} 76 77.breakpoint-action-eval-editor > .CodeMirror { 78 width: 336px; /* NOTE: Fixed value, manually tuned to .edit-breakpoint-popover-content.wide width */ 79 height: auto; 80} 81 82.breakpoint-action-eval-editor > .CodeMirror-scroll { 83 width: 336px; /* NOTE: Fixed value, manually tuned to .edit-breakpoint-popover-content.wide width */ 84 overflow: hidden; 85} 86