_footer.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. #footer{
  2. padding-bottom: 0;
  3. width: 100%;
  4. background: $light-grey;
  5. .block{
  6. @include inlineflex;
  7. width: 100%;
  8. margin: 20px 0;
  9. justify-content: center;
  10. p{
  11. padding: 0 20px;
  12. img{
  13. width: 100%;
  14. max-width: 150px;
  15. height: auto;
  16. }
  17. &:nth-of-type(1){
  18. img{
  19. float: right;
  20. }
  21. }
  22. &:not(:nth-of-type(1)){
  23. border-left: 1px solid black;
  24. }
  25. }
  26. }
  27. }
  28. .opt-out{
  29. height: auto;
  30. -webkit-transform: translateY(70%);
  31. transform: translateY(70%);
  32. z-index: 9999;
  33. position: fixed;
  34. bottom: 0;
  35. width: 100%;
  36. background: rgba(255,255,255,.5 );
  37. text-align: center;
  38. font-family: $Bold;
  39. transition: background 0.3s ease, -webkit-transform 0.3s ease;
  40. transition: transform 0.3s ease, background 0.3s ease;
  41. transition: transform 0.3s ease, background 0.3s ease, -webkit-transform 0.3s ease;
  42. iframe{
  43. height: 110px;
  44. }
  45. p{
  46. cursor: pointer;
  47. font-size: 12px;
  48. }
  49. img{
  50. width: 20px;
  51. height: auto;
  52. cursor: pointer;
  53. }
  54. &.open{
  55. -webkit-transform: translateX(0);
  56. transform: translateX(0);
  57. background: white;
  58. transition: all 0.3s ease;
  59. img{
  60. -webkit-transform: rotate(180deg);
  61. transform: rotate(180deg);
  62. }
  63. }
  64. }