_install.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. .bg-install{
  2. background: #0068d8 !important;
  3. @include portrait($breakpoint-sm, $breakpoint-md){
  4. padding-top: 10px;
  5. padding-bottom: 10px;
  6. }
  7. .install-box{
  8. width: 100%;
  9. max-width: 65%;
  10. padding: 50px 40px;
  11. margin: auto;
  12. background-color: $default-white;
  13. border-radius: 10px;
  14. overflow: hidden;
  15. box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  16. .install-icon{
  17. text-align: center;
  18. padding-top: 2rem;
  19. padding-bottom: 2rem;
  20. }
  21. .install-title{
  22. font-size: 20px;
  23. font-weight: bold;
  24. margin-top: 1rem;
  25. margin-bottom: 1rem;
  26. color: #2E75A3;
  27. }
  28. .install-subtitle{
  29. font-size: 18px;
  30. font-weight: normal;
  31. }
  32. @include portrait($breakpoint-sm, $breakpoint-md){
  33. max-width: 95%;
  34. padding: 30px 20px;
  35. }
  36. @include landscape($breakpoint-sm) {
  37. max-width: 95%;
  38. padding: 30px 20px;
  39. }
  40. @include to($breakpoint-xs) {
  41. padding-top: 5px;
  42. padding-bottom: 5px;
  43. }
  44. @include to($breakpoint-xs) {
  45. max-width: 95%;
  46. padding: 20px 10px;
  47. }
  48. .install-footer{
  49. text-align: center;
  50. font-size: 12px;
  51. display: inline-block;
  52. width: 100%;
  53. }
  54. .install-steps{
  55. margin-top: 2em;
  56. margin-bottom: 2em;
  57. .list-group{
  58. .list-group-item{
  59. border: none;
  60. padding: 0.6rem 1rem;
  61. border-radius: 50px !important;
  62. &.active{
  63. background-color: #4074de;
  64. .number{
  65. background: transparent;
  66. color: #FFFFFF;
  67. }
  68. }
  69. .number{
  70. font-size: 14px;
  71. font-weight: bold;
  72. width: 30px;
  73. height: 30px;
  74. display: inline-block;
  75. background: #F8F9FA;
  76. color: #2e75ae;
  77. border-radius: 50%;
  78. line-height: 30px;
  79. text-align: center;
  80. }
  81. }
  82. }
  83. }
  84. }
  85. }