// Copyright (C) 2021 Damien Dart, <damiendart@pobox.com>.
// This file is distributed under the MIT licence. For more information,
// please refer to the accompanying "LICENCE" file.

@use "sass:math";
@use "../variables";

.site-footer {
  background: variables.$colour-white;
  box-sizing: border-box;
  flex-grow: 1;
  margin: (variables.$base-line-height * 3) auto 0;
  padding: variables.$base-line-height;
  text-align: center;
  width: 100%;

  &__container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: variables.$header-and-footer-width;

    &::before {
      content: "";
      flex-grow: 666;
      flex-basis: calc((#{variables.$header-and-footer-width * 0.75} - 100%) * 666);
      height: math.div(variables.$base-line-height, 2);
    }

    & > * {
      flex-grow: 1;
    }

    & > *:first-child {
      order: -1;
    }
  }

  &__copyright {
    margin: 0;
    text-align: center;
  }

  &__social-media {

  }

  &__rule {
    display: none;
  }
}

// Copyright (C) 2021 Damien Dart, <damiendart@pobox.com>.
// This file is distributed under the MIT licence. For more information,
// please refer to the accompanying "LICENCE" file.

@use "sass:math";
@use "../variables";

.site-footer {
  background: variables.$colour-white;
  box-sizing: border-box;
  flex-grow: 1;
  margin: (variables.$base-line-height * 3) auto 0;
  padding: variables.$base-line-height;
  text-align: center;
  width: 100%;

  &__container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: variables.$header-and-footer-width;

    &::before {
      content: "";
      flex-grow: 666;
      flex-basis: calc((#{variables.$header-and-footer-width * 0.75} - 100%) * 666);
      height: math.div(variables.$base-line-height, 2);
    }

    & > * {
      flex-grow: 1;
    }

    & > *:first-child {
      order: -1;
    }
  }

  &__copyright {
    font-size: 87.5%;
    margin: 0;
    text-align: center;
  }

  &__social-media {

  }

  &__rule {
    display: none;
  }
}

Reduce site footer font size.
Reduce site footer font size.
