text.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. /*!
  2. * # Fomantic-UI - Text
  3. * http://github.com/fomantic/Fomantic-UI/
  4. *
  5. *
  6. * Released under the MIT license
  7. * https://github.com/fomantic/Fomantic-UI/blob/master/LICENSE.md
  8. *
  9. */
  10. /*******************************
  11. Text
  12. *******************************/
  13. span.ui.primary.text {
  14. color: #2185D0;
  15. }
  16. span.ui.inverted.primary.text {
  17. color: #54C8FF;
  18. }
  19. span.ui.secondary.text {
  20. color: #1B1C1D;
  21. }
  22. span.ui.inverted.secondary.text {
  23. color: #545454;
  24. }
  25. span.ui.red.text {
  26. color: #DB2828;
  27. }
  28. span.ui.inverted.red.text {
  29. color: #FF695E;
  30. }
  31. span.ui.orange.text {
  32. color: #F2711C;
  33. }
  34. span.ui.inverted.orange.text {
  35. color: #FF851B;
  36. }
  37. span.ui.yellow.text {
  38. color: #FBBD08;
  39. }
  40. span.ui.inverted.yellow.text {
  41. color: #FFE21F;
  42. }
  43. span.ui.olive.text {
  44. color: #B5CC18;
  45. }
  46. span.ui.inverted.olive.text {
  47. color: #D9E778;
  48. }
  49. span.ui.green.text {
  50. color: #21BA45;
  51. }
  52. span.ui.inverted.green.text {
  53. color: #2ECC40;
  54. }
  55. span.ui.teal.text {
  56. color: #00B5AD;
  57. }
  58. span.ui.inverted.teal.text {
  59. color: #6DFFFF;
  60. }
  61. span.ui.blue.text {
  62. color: #2185D0;
  63. }
  64. span.ui.inverted.blue.text {
  65. color: #54C8FF;
  66. }
  67. span.ui.violet.text {
  68. color: #6435C9;
  69. }
  70. span.ui.inverted.violet.text {
  71. color: #A291FB;
  72. }
  73. span.ui.purple.text {
  74. color: #A333C8;
  75. }
  76. span.ui.inverted.purple.text {
  77. color: #DC73FF;
  78. }
  79. span.ui.pink.text {
  80. color: #E03997;
  81. }
  82. span.ui.inverted.pink.text {
  83. color: #FF8EDF;
  84. }
  85. span.ui.brown.text {
  86. color: #A5673F;
  87. }
  88. span.ui.inverted.brown.text {
  89. color: #D67C1C;
  90. }
  91. span.ui.grey.text {
  92. color: #767676;
  93. }
  94. span.ui.inverted.grey.text {
  95. color: #DCDDDE;
  96. }
  97. span.ui.black.text {
  98. color: #1B1C1D;
  99. }
  100. span.ui.inverted.black.text {
  101. color: #545454;
  102. }
  103. span.ui.disabled.text {
  104. opacity: 0.45;
  105. }
  106. /* Sizes */
  107. span.ui.medium.text {
  108. font-size: 1em;
  109. }
  110. span.ui.mini.text {
  111. font-size: 0.4em;
  112. }
  113. span.ui.tiny.text {
  114. font-size: 0.5em;
  115. }
  116. span.ui.small.text {
  117. font-size: 0.75em;
  118. }
  119. span.ui.large.text {
  120. font-size: 1.5em;
  121. }
  122. span.ui.big.text {
  123. font-size: 2em;
  124. }
  125. span.ui.huge.text {
  126. font-size: 4em;
  127. }
  128. span.ui.massive.text {
  129. font-size: 8em;
  130. }
  131. /*******************************
  132. Theme Overrides
  133. *******************************/