_alert.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. .alert {
  2. text-align: $direction-start;
  3. border-radius: 10px;
  4. // -moz-box-shadow: 0 1px 1px #fff inset;
  5. // -webkit-box-shadow: 0 1px 1px #fff inset;
  6. // box-shadow: 0 1px 1px #fff inset;
  7. @if $direction == rtl {
  8. background-position: 99% 50%;
  9. padding: 10px 35px 10px 10px;
  10. } @else {
  11. background-position: 10px 50%;
  12. padding: 10px 10px 10px 10px;
  13. }
  14. a {
  15. text-decoration: underline;
  16. }
  17. h1 {
  18. border-bottom: 2px solid;
  19. }
  20. }
  21. .alert-primary {
  22. color: $Color-White;
  23. background: $Color-Body;
  24. border-color: #3a6c7e;
  25. h1 {
  26. border-color: #ffb10a;
  27. }
  28. }
  29. .alert-success {
  30. // color: #000;
  31. // background: #8dde92;
  32. // border-color: #a2d246;
  33. color: $Color-Text-Main;
  34. background: #265b2a;
  35. border: none;
  36. h1 {
  37. border-color: #0f0;
  38. }
  39. }
  40. .alert-danger {
  41. color: #000;
  42. background: rgb(247, 155, 170);
  43. border-color: #333;
  44. h1 {
  45. border-color: #f00;
  46. }
  47. }
  48. .result_query .alert {
  49. margin-bottom: 0;
  50. border-bottom: none !important;
  51. border-bottom-left-radius: 0;
  52. border-bottom-right-radius: 0;
  53. // padding-bottom: 5px;
  54. }