~xdavidwu/xdavidwu.link

4daa8f0df347d20771bc6ae56ae9e4050773bf7e — xdavidwu 4 years ago 53e6666
sass: page: tweaks
1 files changed, 17 insertions(+), 37 deletions(-)

M _sass/minimal-mistakes/_page.scss
M _sass/minimal-mistakes/_page.scss => _sass/minimal-mistakes/_page.scss +17 -37
@@ 4,12 4,8 @@

#main {
  @include clearfix;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
  padding: 0 1em;
  animation: $intro-transition;
  max-width: 100%;
  animation-delay: 0.15s;

  @include breakpoint($x-large) {


@@ 20,7 16,7 @@
body {
  display: flex;
  min-height: 100vh;
          flex-direction: column;
  flex-direction: column;
}

.initial-content,


@@ 42,9 38,6 @@ body {

  .page__inner-wrap {
    float: left;
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    clear: both;



@@ 53,8 46,6 @@ body {
    .page__share {
      position: relative;
      float: left;
      margin-left: 0;
      margin-right: 0;
      width: 100%;
      clear: both;
    }


@@ 62,9 53,6 @@ body {
}

.page__title {
  margin-top: 0;
  line-height: 1;

  & + .page__meta {
    margin-top: -0.5em;
  }


@@ 80,19 68,19 @@ body {
    border-bottom: 1px solid $border-color;
  }

	h1, h2, h3, h4, h5, h6 {
		.header-link {
			position: relative;
			left: 0.5em;
			opacity: 0;
			font-size: 0.8em;
			transition: opacity 0.2s ease-in-out 0.1s;
		}
  h1, h2, h3, h4, h5, h6 {
    .header-link {
      position: relative;
      left: 0.5em;
      opacity: 0;
      font-size: 0.8em;
      transition: opacity 0.2s ease-in-out 0.1s;
    }

		&:hover .header-link {
			opacity: 1;
		}
	}
    &:hover .header-link {
      opacity: 1;
    }
  }

  p,
  li,


@@ 250,9 238,7 @@ body {
}

.page__share-title {
  margin-bottom: 10px;
  font-size: $type-size-6;
  text-transform: uppercase;
}

/*


@@ 301,9 287,9 @@ body {

.page__taxonomy-item {
  display: inline-block;
  margin-right: 5px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 5px 10px;
  padding: 4px 8px;
  text-decoration: none;
  border: 1px solid mix(#000, $border-color, 25%);
  border-radius: $border-radius;


@@ 384,19 370,14 @@ body {

.page__comments {
  float: left;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  clear: both;
}

.page__comments-title {
  margin-top: 2rem;
  margin-bottom: 10px;
  padding-top: 2rem;
  font-size: $type-size-6;
  border-top: 1px solid $border-color;
  text-transform: uppercase;
}

.page__comments-form {


@@ 485,6 466,7 @@ body {
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px solid $border-color;
  width: 100%;

  @include breakpoint($large) {
    float: right;


@@ 502,9 484,7 @@ body {
}

.page__related-title {
  margin-bottom: 10px;
  font-size: $type-size-6;
  text-transform: uppercase;
}

/*