_poweredby.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .poweredByContainer {
  2. background: $primary-bg;
  3. color: $primary-overlay;
  4. margin-bottom: 20px;
  5. a {
  6. color: $primary-overlay;
  7. }
  8. .poweredByWrapper {
  9. h2 {
  10. border-color: $primary-overlay-special;
  11. color: $primary-overlay-special;
  12. }
  13. }
  14. .poweredByMessage {
  15. color: $primary-overlay-special;
  16. font-size: 14px;
  17. padding-top: 20px;
  18. }
  19. }
  20. .poweredByItems {
  21. display: flex;
  22. flex-flow: row wrap;
  23. margin: 0 -10px;
  24. }
  25. .poweredByItem {
  26. box-sizing: border-box;
  27. flex: 1 0 50%;
  28. line-height: 1.1em;
  29. padding: 5px 10px;
  30. &.itemLarge {
  31. flex-basis: 100%;
  32. padding: 10px;
  33. text-align: center;
  34. &:nth-child(4) {
  35. padding-bottom: 20px;
  36. }
  37. img {
  38. max-height: 30px;
  39. }
  40. }
  41. }
  42. @media only screen and (min-width: 480px) {
  43. .itemLarge {
  44. flex-basis: 50%;
  45. max-width: 50%;
  46. }
  47. }
  48. @media only screen and (min-width: 1024px) {
  49. .poweredByItem {
  50. flex-basis: 25%;
  51. max-width: 25%;
  52. &.itemLarge {
  53. padding-bottom: 20px;
  54. text-align: left;
  55. }
  56. }
  57. }