post-followme.styl 672 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .followme {
  2. align-items: center;
  3. background: var(--card-bg-color);
  4. border-left: 3px solid $red;
  5. color: $grey;
  6. margin: 2em 0 1em 0;
  7. padding: 1em 1.5em;
  8. flex-column();
  9. .social-list {
  10. align-items: center;
  11. display: flex;
  12. flex-wrap: wrap;
  13. .social-item {
  14. margin: .5em 2em;
  15. }
  16. +tablet-mobile() {
  17. .social-item {
  18. margin: .5em .75em;
  19. }
  20. }
  21. .social-link {
  22. border: 0;
  23. display:inline-block;
  24. text-align: center;
  25. .icon {
  26. font-size: 1.75em;
  27. height: 1.75em;
  28. width: 1.75em;
  29. }
  30. .label {
  31. display: block;
  32. font-size: 14px;
  33. }
  34. }
  35. }
  36. }