_footer.scss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .footerContainer {
  2. background: $secondary-bg;
  3. color: $primary-bg;
  4. overflow: hidden;
  5. padding: 0 10px;
  6. text-align: left;
  7. .footerWrapper {
  8. border-top: 1px solid $primary-bg;
  9. padding: 0;
  10. .footerBlocks {
  11. align-items: center;
  12. align-content: center;
  13. display: flex;
  14. flex-flow: row wrap;
  15. margin: 0 -20px;
  16. padding: 10px 0;
  17. }
  18. .footerSection {
  19. box-sizing: border-box;
  20. flex: 1 1 25%;
  21. font-size: 14px;
  22. min-width: 275px;
  23. padding: 0px 20px;
  24. a {
  25. border: 0;
  26. color: inherit;
  27. display: inline-block;
  28. line-height: 1.2em;
  29. }
  30. .footerLink {
  31. padding-right: 20px;
  32. }
  33. }
  34. .fbOpenSourceFooter {
  35. align-items: center;
  36. display: flex;
  37. flex-flow: row nowrap;
  38. max-width: 25%;
  39. .facebookOSSLogoSvg {
  40. flex: 0 0 31px;
  41. height: 30px;
  42. margin-right: 10px;
  43. width: 31px;
  44. path {
  45. fill: $primary-bg;
  46. }
  47. .middleRing {
  48. opacity: 0.7;
  49. }
  50. .innerRing {
  51. opacity: 0.45;
  52. }
  53. }
  54. h2 {
  55. display: block;
  56. font-weight: 900;
  57. line-height: 1em;
  58. }
  59. }
  60. }
  61. }
  62. @media only screen and (min-width: 900px) {
  63. .footerSection {
  64. &.rightAlign {
  65. margin-left: auto;
  66. max-width: 25%;
  67. text-align: right;
  68. }
  69. }
  70. }