particles.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .text-left {
  2. text-align: left !important; }
  3. .text-right {
  4. text-align: right !important; }
  5. .text-center {
  6. text-align: center !important; }
  7. .text-justify {
  8. text-align: justify !important; }
  9. @media all and (min-width: 75em) {
  10. .large-desktop-text-left {
  11. text-align: left !important; }
  12. .large-desktop-text-right {
  13. text-align: right !important; }
  14. .large-desktop-text-center {
  15. text-align: center !important; }
  16. .large-desktop-text-justify {
  17. text-align: justify !important; } }
  18. @media all and (min-width: 60em) and (max-width: 74.938em) {
  19. .desktop-text-left {
  20. text-align: left !important; }
  21. .desktop-text-right {
  22. text-align: right !important; }
  23. .desktop-text-center {
  24. text-align: center !important; }
  25. .desktop-text-justify {
  26. text-align: justify !important; } }
  27. @media all and (min-width: 48em) and (max-width: 59.938em) {
  28. .tablet-text-left {
  29. text-align: left !important; }
  30. .tablet-text-right {
  31. text-align: right !important; }
  32. .tablet-text-center {
  33. text-align: center !important; }
  34. .tablet-text-justify {
  35. text-align: justify !important; } }
  36. @media all and (min-width: 30.063em) and (max-width: 47.938em) {
  37. .large-mobile-text-left {
  38. text-align: left !important; }
  39. .large-mobile-text-right {
  40. text-align: right !important; }
  41. .large-mobile-text-center {
  42. text-align: center !important; }
  43. .large-mobile-text-justify {
  44. text-align: justify !important; } }
  45. @media all and (max-width: 30em) {
  46. .small-mobile-text-left {
  47. text-align: left !important; }
  48. .small-mobile-text-right {
  49. text-align: right !important; }
  50. .small-mobile-text-center {
  51. text-align: center !important; }
  52. .small-mobile-text-justify {
  53. text-align: justify !important; } }
  54. @media all and (min-width: 48em) {
  55. .no-mobile-text-left {
  56. text-align: left !important; }
  57. .no-mobile-text-right {
  58. text-align: right !important; }
  59. .no-mobile-text-center {
  60. text-align: center !important; }
  61. .no-mobile-text-justify {
  62. text-align: justify !important; } }
  63. @media all and (max-width: 47.938em) {
  64. .mobile-only-text-left {
  65. text-align: left !important; }
  66. .mobile-only-text-right {
  67. text-align: right !important; }
  68. .mobile-only-text-center {
  69. text-align: center !important; }
  70. .mobile-only-text-justify {
  71. text-align: justify !important; } }