_footer.scss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. // Footer Ads
  2. .bsa-cpc #_default_ {
  3. position: relative;
  4. display: flex;
  5. font-size: 14px;
  6. line-height: 1.5;
  7. }
  8. .bsa-cpc .default-ad {
  9. display: none;
  10. }
  11. .bsa-cpc ._default_ {
  12. position: relative;
  13. display: block;
  14. overflow: hidden;
  15. margin: 0 1em;
  16. padding: 1em;
  17. width: 50%;
  18. border-radius: $border-radius-lg;
  19. background-color: $white;
  20. line-height: 1.5;
  21. @extend .shadow;
  22. }
  23. .bsa-cpc a {
  24. text-align: left;
  25. color: inherit;
  26. text-decoration: none;
  27. transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  28. }
  29. .bsa-cpc a:hover {
  30. border-color: $gray-500;
  31. }
  32. .bsa-cpc .default-image img {
  33. display: inline-block;
  34. vertical-align: middle;
  35. margin-right: 10px;
  36. width: 36px;
  37. border-radius: 7.5%;
  38. }
  39. .bsa-cpc .default-description,
  40. .bsa-cpc .default-title {
  41. display: block;
  42. margin-left: 46px;
  43. max-width: calc(100% - 36px);
  44. }
  45. .bsa-cpc .default-title {
  46. font-weight: 600;
  47. }
  48. @media only screen and (min-width: 320px) and (max-width: 759px) {
  49. .bsa-cpc #_default_ {
  50. flex-wrap: wrap;
  51. }
  52. .bsa-cpc ._default_ {
  53. margin: 0.5em 0;
  54. width: 100%;
  55. }
  56. }
  57. // Footer Social
  58. .footer-social {
  59. .footer-social-link {
  60. height: 4rem;
  61. width: 4rem;
  62. font-size: 1.5rem;
  63. &:hover {
  64. text-decoration: none;
  65. }
  66. }
  67. }
  68. // Footer Main
  69. .footer-main {
  70. color: fade-out($white, 0.6);
  71. a {
  72. color: fade-out($white, 0.3);
  73. }
  74. }