Before Refactor

SassMeister-input.scss

// ----
// libsass (v3.0.1)
// ----

@import "compass";
@import "compass-mixins";
@import "bourbon/bourbon";
@import "neat/neat";

$spacing: 1em;
$breakpoint-500: new-breakpoint(min-width 500px);

.myaccount-container {
  padding: $spacing*2 0;
}

.myaccount-header-spacing {
    margin-bottom: $spacing*2;
}

.myaccount-page-title {
    @extend .h3;
    text-align: center;

    @include media($breakpoint-500) {
        text-align: left;
    }
}

.myaccount-page-subtitle {
    @extend .h5;
    text-align: center;

    @include media($breakpoint-500) {
        text-align: left;
    }
}

.myaccount-section-title {
    @extend .h5;
    text-align: center;

    @include media($breakpoint-500) {
        text-align: left;
    }
}

.myaccount-section-subtitle {
    @extend .h6;
    text-align: center;

    @include media($breakpoint-500) {
        text-align: left;
    }
}

.myaccount-li {
    vertical-align: top;
    position: relative;
    line-height: 1.5em;
    margin-bottom: 12px;
}

SassMeister-output.css

/*
 * A partial implementation of the Ruby list functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
 */
/*
 * A partial implementation of the Ruby constants functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb
 */
/*
 * A partial implementation of the Ruby display functions from Compass:
 * https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb
 */
/*
 * A partial implementation of the Ruby list functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
 */
/*
 * A partial implementation of the Ruby constants functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb
 */
/*
 * A partial implementation of the Ruby display functions from Compass:
 * https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.myaccount-container {
  padding: 2em 0; }

.myaccount-header-spacing {
  margin-bottom: 2em; }

.myaccount-page-title {
  text-align: center; }
  @media screen and (min-width: 500px) {
    .myaccount-page-title {
      text-align: left; } }

.myaccount-page-subtitle {
  text-align: center; }
  @media screen and (min-width: 500px) {
    .myaccount-page-subtitle {
      text-align: left; } }

.myaccount-section-title {
  text-align: center; }
  @media screen and (min-width: 500px) {
    .myaccount-section-title {
      text-align: left; } }

.myaccount-section-subtitle {
  text-align: center; }
  @media screen and (min-width: 500px) {
    .myaccount-section-subtitle {
      text-align: left; } }

.myaccount-li {
  vertical-align: top;
  position: relative;
  line-height: 1.5em;
  margin-bottom: 12px; }