Advertisement
Willcode4cash

Flat-ui.css Color Scheme (LESS)

Jul 29th, 2017
131
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.20 KB | None | 0 0
  1. /*
  2.     turquoise / sea-green
  3.     emerald / nephritis
  4.     peter-river / belize-hole
  5.     amethyst / wisteria
  6.     wet-asphalt / green-sea
  7.     sun-flower / orange
  8.     carrot / pumpkin
  9.     alizarin / pomegranate
  10.     clouds / silver
  11.     concrete / asbestos
  12.  */
  13.  
  14. @turquoise:     #1abc9c;
  15. @sea-green:     #16a085;
  16. @emerald:       #2ecc71;
  17. @nephritis:     #27ae60;
  18. @peterriver:    #3498db;
  19. @belizehole:    #2980b9;
  20. @amethyst:      #9b59b6;
  21. @wisteria:      #8e44ad;
  22. @wetasphalt:    #34495e;
  23. @greensea:      #2c3e50;
  24. @sunflower:     #f1c40f;
  25. @orange:        #f39c12;
  26. @carrot:        #e67e22;
  27. @pumpkin:       #d35400;
  28. @alizarin:      #e74c3c;
  29. @pomegranate:   #c0392b;
  30. @clouds:        #ecf0f1;
  31. @silver:        #bcd3c7;
  32. @concrete:      #95a5a6;
  33. @asbestos:      #7f8c8d;
  34.  
  35. .bc-turquoise   { border-color: @turquoise }
  36. .bg-turquoise   { background-color: @turquoise }
  37. .fg-turquoise   { color: @turquoise }
  38. .bc-sea-green   { border-color: @sea-green }
  39. .bg-sea-green   { background-color: @sea-green }
  40. .fg-sea-green   { color: @sea-green }
  41. .bc-emerald     { border-color: @emerald }
  42. .bg-emerald     { background-color: @emerald }
  43. .fg-emerald     { color: @emerald }
  44. .bc-nephritis   { border-color: @nephritis }
  45. .bg-nephritis   { background-color: @nephritis }
  46. .fg-nephritis   { color: @nephritis }
  47. .bc-peterriver  { border-color: @peterriver }
  48. .bg-peterriver  { background-color: @peterriver }
  49. .fg-peterriver  { color: @peterriver }
  50. .bc-belizehole  { border-color: @belizehole }
  51. .bg-belizehole  { background-color: @belizehole }
  52. .fg-belizehole  { color: @belizehole }
  53. .bc-amethyst    { border-color: @amethyst }
  54. .bg-amethyst    { background-color: @amethyst }
  55. .fg-amethyst    { color: @amethyst }
  56. .bc-wisteria    { border-color: @wisteria }
  57. .bg-wisteria    { background-color: @wisteria }
  58. .fg-wisteria    { color: @wisteria }
  59. .bc-wetasphalt  { border-color: @wetasphalt }
  60. .bg-wetasphalt  { background-color: @wetasphalt }
  61. .fg-wetasphalt  { color: @wetasphalt }
  62. .bc-greensea    { border-color: @greensea }
  63. .bg-greensea    { background-color: @greensea }
  64. .fg-greensea    { color: @greensea }
  65. .bc-sunflower   { border-color: @sunflower }
  66. .bg-sunflower   { background-color: @sunflower }
  67. .fg-sunflower   { color: @sunflower }
  68. .bc-orange      { border-color: @orange }
  69. .bg-orange      { background-color: @orange }
  70. .fg-orange      { color: @orange }
  71. .bc-carrot      { border-color: @carrot }
  72. .bg-carrot      { background-color: @carrot }
  73. .fg-carrot      { color: @carrot }
  74. .bc-pumpkin     { border-color: @pumpkin }
  75. .bg-pumpkin     { background-color: @pumpkin }
  76. .fg-pumpkin     { color: @pumpkin }
  77. .bc-alizarin    { border-color: @alizarin }
  78. .bg-alizarin    { background-color: @alizarin }
  79. .fg-alizarin    { color: @alizarin }
  80. .bc-pomegranate { border-color: @pomegranate }
  81. .bg-pomegranate { background-color: @pomegranate }
  82. .fg-pomegranate { color: @pomegranate }
  83. .bc-clouds      { border-color: @clouds }
  84. .bg-clouds      { background-color: @clouds }
  85. .fg-clouds      { color: @clouds }
  86. .bc-silver      { border-color: @silver }
  87. .bg-silver      { background-color: @silver }
  88. .fg-silver      { color: @silver }
  89. .bc-concrete    { border-color: @concrete }
  90. .bg-concrete    { background-color: @concrete }
  91. .fg-concrete    { color: @concrete }
  92. .bc-asbestos    { border-color: @asbestos }
  93. .bg-asbestos    { background-color: @asbestos }
  94. .fg-asbestos    { color: @asbestos }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement