1 .alert { 2 text-align: $left; 3 4 @if $direction == rtl { 5 padding: 0.1em 40px 0.1em 0.1em; 6 } @else { 7 padding: 0.1em 0.1em 0.1em 40px; 8 } 9 10 h1 { 11 border-bottom: 2px solid; 12 } 13 } 14 15 .alert-primary { 16 color: #000; 17 background-color: #ffd; 18 background-image: none; 19 border-color: #ffd700; 20 21 h1 { 22 border-color: #ffd700; 23 } 24 } 25 26 .alert-success { 27 color: #000; 28 background-color: #f0fff0; 29 background-image: none; 30 border-color: #0f0; 31 32 h1 { 33 border-color: #0f0; 34 } 35 } 36 37 .alert-danger { 38 color: #f00; 39 background-color: #ffc; 40 background-image: none; 41 border-color: #f00; 42 43 h1 { 44 border-color: #f00; 45 } 46 }