main.css (1479B)
1 h2 { 2 font-weight: bold; 3 margin-bottom: 10px; 4 } 5 6 .site-logo { 7 max-width: 300px; 8 margin-bottom: 30px; 9 margin-left: -15px; 10 } 11 12 .page-description { 13 max-width: 700px; 14 margin-top: 50px; 15 } 16 17 .field-controls { 18 padding-top: 25px; 19 } 20 21 #api-controls { 22 margin-top: 15px; 23 max-width: 850px; 24 } 25 26 #select-none { 27 margin-right: 25px; 28 } 29 30 .test-count-container { 31 vertical-align: sub; 32 margin-left: 10px; 33 } 34 35 .section-heading { 36 font-size: 18px; 37 margin-top: 25px; 38 margin-bottom: 0; 39 font-weight: bold; 40 } 41 42 .button-group { 43 margin-top: 30px; 44 } 45 46 .mb-1 { 47 margin-bottom: 10px; 48 } 49 50 .form-group { 51 display: inline-block; 52 } 53 54 .form-group--offset { 55 margin-left: 25px; 56 } 57 58 .filter-group { 59 margin-top: 30px; 60 padding-top: 15px; 61 padding-bottom: 20px; 62 border-top: 1px solid #d2d2d2; 63 border-bottom: 1px solid #d2d2d2; 64 } 65 66 .focused { 67 /* box-shadow: inset -3px -3px 0 red, inset 3px 3px 0 red; */ 68 } 69 70 .focused:after { 71 display: block; 72 position: absolute; 73 border: solid 3px red; 74 content: ""; 75 width: 100%; 76 height: 100%; 77 top: 0; 78 left: 0; 79 } 80 81 .button.is-light.is-focused:not(:active), 82 .button.is-light:focus:not(:active) { 83 box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.2); 84 } 85 86 .button.is-info.is-focused:not(:active), 87 .button.is-info:focus:not(:active) { 88 box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); 89 } 90 91 @media screen and (min-width: 560px) { 92 #api-controls { 93 columns: 2; 94 } 95 } 96 97 @media screen and (min-width: 780px) { 98 #api-controls { 99 columns: 3; 100 } 101 }