_pricing-table.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. @include respond-to('tablet') {
  2. .pricing-table-style-01, .pricing-table-style-02 {
  3. &.popular-item {
  4. margin-top: 0;
  5. }
  6. }
  7. .pricing-table-style-02 {
  8. .popular-item {
  9. left: 0;
  10. width: 100%;
  11. }
  12. }
  13. }
  14. @include respond-to('phone-portrait') {
  15. .pricing-table-style-04 {
  16. .accordion-item {
  17. padding-left: 30px;
  18. padding-right: 30px;
  19. &.active-accordion {
  20. padding-left: 35px;
  21. padding-right: 35px;
  22. }
  23. }
  24. }
  25. .pricing-table-style-08 {
  26. .nav-tabs {
  27. > li {
  28. &.nav-item {
  29. > a {
  30. &.nav-link {
  31. .tab-nav-text {
  32. margin: 0 12px;
  33. }
  34. }
  35. }
  36. }
  37. }
  38. }
  39. }
  40. .pricing-table-style-12 {
  41. li {
  42. display: block;
  43. &:hover {
  44. -webkit-transform: translateX(0px);
  45. transform: translateX(0px);
  46. }
  47. img {
  48. margin-bottom: 10px;
  49. }
  50. }
  51. }
  52. }