github.com/outbrain/consul@v1.4.5/ui-v2/app/styles/components/app-view.scss (about) 1 @import './app-view/index'; 2 @import './filter-bar/index'; 3 @import './buttons/index'; 4 main { 5 @extend %app-view; 6 } 7 %app-view > div > div { 8 @extend %app-content; 9 } 10 %app-view header form { 11 @extend %filter-bar; 12 } 13 @media #{$--lt-spacious-page-header} { 14 %app-view header .actions { 15 margin-top: 5px; 16 } 17 } 18 %app-view h1 span { 19 @extend %with-external-source-icon; 20 } 21 %app-view header .actions a, 22 %app-view header .actions button { 23 @extend %button-compact; 24 } 25 %app-content div > dl { 26 @extend %form-row; 27 } 28 [role='tabpanel'] > p:only-child, 29 .template-error > div, 30 %app-content > p:only-child, 31 %app-view > div.disabled > div, 32 %app-view.empty > div { 33 @extend %app-content-empty; 34 } 35 [role='tabpanel'] > *:first-child { 36 margin-top: 1.25em; 37 } 38 %app-view > div.disabled > div { 39 margin-top: 0 !important; 40 }