~sircmpwn/core.sr.ht

9b42281741b9fb2de8e2c884b5661565840102a8 — Drew DeVault 2 years ago 83a34a0 0.53.0
New centered layout
2 files changed, 32 insertions(+), 16 deletions(-)

M srht/scss/base.scss
M srht/scss/nav.scss
M srht/scss/base.scss => srht/scss/base.scss +7 -9
@@ 32,6 32,13 @@ body {
  padding-bottom: 1rem;
}

@include media-breakpoint-down(md) {
  .container {
    width: 100%;
    max-width: 100%;
  }
}

p {
  margin-bottom: 0.5rem;
}


@@ 151,15 158,6 @@ section {
  padding-bottom: 0.5rem;
}

.container {
  margin: 0;

  @include media-breakpoint-down(md) {
    width: 100%;
    max-width: 100%;
  }
}

.btn {
  border-radius: 0;
  padding: 0.1rem 0.75rem;

M srht/scss/nav.scss => srht/scss/nav.scss +25 -7
@@ 1,9 1,10 @@
.header-tabbed {
  border-bottom: 3px solid #ddd;
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;

  .container, .container-fluid {
    display: flex;
  }

  &.vertical {
    align-items: inherit;


@@ 11,7 12,9 @@
  }

  h2 {
    display: inline;
    margin: 0;
    padding-right: 1rem;

    @include media-breakpoint-down(xs) {
      flex-grow: 1;


@@ 23,11 26,26 @@
    border: none;
    margin: 0;
    flex-grow: 1;
    padding-top: 0.5rem;
    display: inline-flex;
    padding: 0;

    @include media-breakpoint-down(xs) {
      padding-top: 1rem;
      justify-content: center;
    li {
      align-self: flex-end;
    }

    @include media-breakpoint-down(md) {
      flex-direction: column;
      padding-bottom: 1rem;

      li {
        align-self: flex-start;
        margin: 0 -1rem;
        width: calc(99.9% + 2rem);
      }

      .nav-item.back-button {
        margin-left: -8px;
      }
    }
  }