callouts.css (888B)
1 .callout { 2 position: relative; 3 margin: 0 0 1rem 0; 4 padding: 1rem; 5 border: 1px solid rgba(10, 10, 10, 0.25); 6 border-radius: 0; 7 background-color: white; 8 color: #0a0a0a; 9 } 10 .callout > :first-child { 11 margin-top: 0; 12 } 13 .callout > :last-child { 14 margin-bottom: 0; 15 } 16 .callout.primary { 17 background-color: #d7ecfa; 18 color: #0a0a0a; 19 } 20 .callout.secondary { 21 background-color: #eaeaea; 22 color: #0a0a0a; 23 } 24 .callout.success { 25 background-color: #e1faea; 26 color: #0a0a0a; 27 } 28 .callout.warning { 29 background-color: #fff3d9; 30 color: #0a0a0a; 31 } 32 .callout.alert { 33 background-color: #f7e4e1; 34 color: #0a0a0a; 35 } 36 .callout.small { 37 padding-top: 0.5rem; 38 padding-right: 0.5rem; 39 padding-bottom: 0.5rem; 40 padding-left: 0.5rem; 41 } 42 .callout.large { 43 padding-top: 3rem; 44 padding-right: 3rem; 45 padding-bottom: 3rem; 46 padding-left: 3rem; 47 }