_progress-bars.scss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /* Progress Bars */
  2. .progress {
  3. height: 15px;
  4. margin-bottom: 20px;
  5. overflow: hidden;
  6. background-color: $light-grey;
  7. border-radius: 0px;
  8. -webkit-box-shadow: none;
  9. box-shadow: none;
  10. .progress-bar {
  11. font-size: 11px;
  12. line-height: 15px;
  13. color: $white;
  14. background-color: $primary;
  15. -webkit-box-shadow: none;
  16. box-shadow: none;
  17. }
  18. }
  19. .progress-bar-default {
  20. background-color: $preset;
  21. }
  22. .progress-bar-primary {
  23. background-color: $preset;
  24. }
  25. .progress-bar-success {
  26. background-color: $success;
  27. }
  28. .progress-bar-info {
  29. background-color: $info;
  30. }
  31. .progress-bar-warning {
  32. background-color: $warning;
  33. }
  34. .progress-bar-danger {
  35. background-color: $danger;
  36. }
  37. .progress-label .sr-only {
  38. position: relative;
  39. }
  40. /* End Progress Bars */
  41. /* Caounter Style */
  42. #counter{
  43. background-image: url(../img/about/testimonial-bg.jpg);
  44. background-size: cover;
  45. padding: 60px 0;
  46. }
  47. .count-one{
  48. text-align: center;
  49. margin-top: 80px;
  50. margin-bottom: 80px;
  51. .icon{
  52. margin-bottom: 20px;
  53. display: block;
  54. i{
  55. color: $primary;
  56. font-size: 48px;
  57. }
  58. }
  59. .count-value{
  60. color: #fff;
  61. font-size: 48px;
  62. margin-bottom: 20px;
  63. }
  64. .count-title{
  65. color: #fff;
  66. font-size: 14px;
  67. }
  68. }
  69. .width25-divider{
  70. margin: 20px auto;
  71. width: 25px;
  72. border-color: #fff;
  73. }