alerts-fixed.less 823 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. // Fixed alerts
  2. // Position to the top or bottom.
  3. // ------------------------------------------------
  4. .alert-fixed-top,
  5. .alert-fixed-bottom {
  6. position: fixed;
  7. width: 100%;
  8. z-index: @zindex-alert-fixed;
  9. border-radius: 0;
  10. margin: 0;
  11. left: 0;
  12. @media (min-width: @alert-fixed-width) {
  13. width: @alert-fixed-width;
  14. left: 50%;
  15. margin-left: (-1 * (@alert-fixed-width / 2));
  16. }
  17. }
  18. .alert-fixed-top {
  19. top: 0;
  20. border-width: 0 0 1px 0;
  21. @media (min-width: @alert-fixed-width) {
  22. .border-bottom-radius(@alert-border-radius);
  23. border-width: 0 1px 1px 1px;
  24. }
  25. }
  26. .alert-fixed-bottom {
  27. bottom: 0;
  28. border-width: 1px 0 0 0;
  29. @media (min-width: @alert-fixed-width) {
  30. .border-top-radius(@alert-border-radius);
  31. border-width: 1px 1px 0 1px;
  32. }
  33. }