github.com/outbrain/consul@v1.4.5/ui-v2/app/styles/components/healthcheck-status.scss (about) 1 @import './healthcheck-status/index'; 2 @import './icons/index'; 3 .healthcheck-status { 4 @extend %healthcheck-status; 5 } 6 %healthcheck-status.passing { 7 @extend %with-passing; 8 } 9 %healthcheck-status.warning { 10 @extend %with-warning; 11 } 12 %healthcheck-status.critical { 13 @extend %with-critical; 14 } 15 @media #{$--lt-spacious-healthcheck-status} { 16 .healthcheck-status button.copy-btn { 17 margin-top: -11px; 18 margin-right: -18px; 19 padding: 0; 20 width: 20px; 21 visibility: hidden; 22 } 23 %healthcheck-status { 24 padding-left: 30px; 25 padding-top: 10px; 26 padding-bottom: 15px; 27 padding-right: 13px; 28 } 29 %healthcheck-status::before { 30 width: 15px !important; 31 height: 15px !important; 32 left: 9px; 33 top: 13px !important; 34 } 35 }