github.com/outbrain/consul@v1.4.5/ui-v2/app/styles/components/buttons/layout.scss (about) 1 %button { 2 position: relative; 3 } 4 %button .progress.indeterminate { 5 position: absolute; 6 top: 50%; 7 left: 50%; 8 margin-left: -12px; 9 margin-top: -12px; 10 } 11 %button:disabled .progress + * { 12 visibility: hidden; 13 } 14 %button:empty { 15 padding-right: 0 !important; 16 padding-left: 18px !important; 17 margin-right: 5px; 18 } 19 %button:empty::before { 20 left: 1px; 21 } 22 %button:not(:empty) { 23 display: inline-flex; 24 text-align: center; 25 justify-content: center; 26 align-items: center; 27 padding: calc(0.375em - 1px) calc(2.2em - 1px); 28 height: 2.55em; 29 min-width: 100px; 30 } 31 %button:not(:last-child) { 32 margin-right: 8px; 33 } 34 %button-compact { 35 // @extend %button; 36 padding-left: calc(1.6em - 1px) !important; 37 padding-right: calc(1.6em - 1px) !important; 38 padding-top: calc(0.35em - 1px) !important; 39 height: 2.3em !important; 40 }