_footer.scss 925 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .bot {
  2. @include themify($themes) {
  3. background-color: themed('navbar-background-color');
  4. }
  5. }
  6. .footer {
  7. @include themify($themes) {
  8. border-top: 1px solid themed('border-line-color');
  9. }
  10. padding: 1rem;
  11. text-align: center;
  12. &__section {
  13. @include flexbox();
  14. @include flex-direction(column);
  15. @include flex-grow(1);
  16. @include align-items(flex-start);
  17. &--wrapper {
  18. @include flexbox();
  19. @media only screen and (max-width: 600px) {
  20. @include flex-direction(column);
  21. }
  22. }
  23. &--title {
  24. font-family: $title-font;
  25. font-size: 1rem;
  26. font-weight: bold;
  27. margin: 1rem 0 0.5rem 0;
  28. }
  29. &--link {
  30. display: block;
  31. text-align: left;
  32. padding: 0.15rem 0.35rem;
  33. }
  34. }
  35. &__contents {
  36. width: 100%;
  37. margin: 2rem 0;
  38. @include flexbox();
  39. @include align-items(flex-start);
  40. @include flex-direction(column);
  41. }
  42. }