shadow.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. .shadow[class*='-red'] {
  2. box-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
  3. }
  4. .shadow[class*='-orange'] {
  5. box-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
  6. }
  7. .shadow[class*='-yellow'] {
  8. box-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
  9. }
  10. .shadow[class*='-olive'] {
  11. box-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
  12. }
  13. .shadow[class*='-green'] {
  14. box-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
  15. }
  16. .shadow[class*='-cyan'] {
  17. box-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
  18. }
  19. .shadow[class*='-blue'] {
  20. box-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
  21. }
  22. .shadow[class*='-purple'] {
  23. box-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
  24. }
  25. .shadow[class*='-mauve'] {
  26. box-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
  27. }
  28. .shadow[class*='-pink'] {
  29. box-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
  30. }
  31. .shadow[class*='-brown'] {
  32. box-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
  33. }
  34. .shadow[class*='-grey'] {
  35. box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
  36. }
  37. .shadow[class*='-gray'] {
  38. box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
  39. }
  40. .shadow[class*='-black'] {
  41. box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
  42. }
  43. .shadow[class*='-white'] {
  44. box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
  45. }
  46. .text-shadow[class*='-red'] {
  47. text-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
  48. }
  49. .text-shadow[class*='-orange'] {
  50. text-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
  51. }
  52. .text-shadow[class*='-yellow'] {
  53. text-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
  54. }
  55. .text-shadow[class*='-olive'] {
  56. text-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
  57. }
  58. .text-shadow[class*='-green'] {
  59. text-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
  60. }
  61. .text-shadow[class*='-cyan'] {
  62. text-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
  63. }
  64. .text-shadow[class*='-blue'] {
  65. text-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
  66. }
  67. .text-shadow[class*='-purple'] {
  68. text-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
  69. }
  70. .text-shadow[class*='-mauve'] {
  71. text-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
  72. }
  73. .text-shadow[class*='-pink'] {
  74. text-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
  75. }
  76. .text-shadow[class*='-brown'] {
  77. text-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
  78. }
  79. .text-shadow[class*='-grey'] {
  80. text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
  81. }
  82. .text-shadow[class*='-gray'] {
  83. text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
  84. }
  85. .text-shadow[class*='-black'] {
  86. text-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
  87. }