Página Principal Explorar Ajuda
Registe-se Iniciar Sessão
ho
/
crm-cache
1
0
Fork 0
Ficheiros Problemas 0 Pull Requests 0 Wiki
Árvore: abdbe23f60
Ramos Etiquetas
crm-cache
/
crm
/
custom-service
/
front
/
activity
/
cwg-monthly-profit-bonus
/
sass
/
theme-responsive
/
elements
/
_sliding-box.scss

_sliding-box.scss 1.9 KB
Histórico Em bruto

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 
  1. @include respond-to('laptop') {
    2. 

  2.     .sliding-box {
    3. 

  3.         .sliding-box-item {
    4. 

  4.             width: 33.33% !important;
    5. 

  5.             margin-left: 0;
    6. 

  6.             margin-right: 0;
    7. 

  7.             padding: 0 15px;
    8. 

  8.             box-shadow: none;
    9. 

  9.             .sliding-box-content {
    10. 

  10.                 width: 100% !important;
    11. 

  11.                 left: 0 !important;
    12. 

  12.                 position: relative;
    13. 

  13.                 height: auto;
    14. 

  14.             }
    15. 

  15.             &.active {
    16. 

  16.                 .sliding-box-content {
    17. 

  17.                     border-radius: 0;
    18. 

  18.                 }
    19. 

  19.                 .sliding-box-img {
    20. 

  20.                     border-radius: 0;
    21. 

  21.                 }
    22. 

  22.             }
    23. 

  23.         }
    24. 

  24.         .sliding-box-img {
    25. 

  25.             width: 100% !important;
    26. 

  26.             border-radius: 0 !important;
    27. 

  27.         }
    28. 

  28.     }
    29. 

  29.     .sliding-box-style-01 {
    30. 

  30.         .sliding-box-item {
    31. 

  31.             .sliding-box-content {
    32. 

  32.                 &:after {
    33. 

  33.                     top: 0;
    34. 

  34.                     opacity: 1;
    35. 

  35.                     right: 50%;
    36. 

  36.                     margin-top: -23px;
    37. 

  37.                     border: solid transparent; 
    38. 

  38.                     border-bottom-color: var(--white);
    39. 

  39.                     border-width: 12px;
    40. 

  40.                     margin-right: -10px;
    41. 

  41.                 }
    42. 

  42.             }
    43. 

  43.         }
    44. 

  44.     }
    45. 

  45.     .sliding-box-style-02 {
    46. 

  46.         .sliding-box-item {
    47. 

  47.             &.active {
    48. 

  48.                 .content-hover {
    49. 

  49.                     animation: fade 0s;
    50. 

  50.                 }
    51. 

  51.             }
    52. 

  52.         }
    53. 

  53.     }
    54. 

  54. }
    55. 

  55. @include respond-to('tablet') {
    56. 

  56.     .sliding-box {
    57. 

  57.         justify-content: center;
    58. 

  58.         .sliding-box-item {
    59. 

  59.             width: 50% !important;
    60. 

  60.         }
    61. 

  61.     }
    62. 

  62. }
    63. 

  63. @include respond-to('phone-landscape') {
    64. 

  64.     .sliding-box {  
    65. 

  65.         .sliding-box-item {
    66. 

  66.             width: 100% !important;
    67. 

  67.             padding:0;
    68. 

  68.         }
    69. 

  69.     }
    70. 

  70.     .sliding-box-style-03 {
    71. 

  71.         .number {
    72. 

  72.             bottom: -22px;
    73. 

  73.         }
    74. 

  74.         .sliding-box-item {
    75. 

  75.             padding-right: 15px;
    76. 

  76.             padding-left: 15px;
    77. 

  77.         }
    78. 

  78.     }
    79. 

  79. }
    80.