// This is used by the devise generated views. // ————–Profile page section——————– // // Styles specific to a single page. These should only be used as // a LAST resort unless you're taking the symatic approach and // actually using this to describe the parts of your document. // // .profile-page { // The less here the better!! // }

// This is used by the devise generated views. .small_screen_flush {

@media (max-width: $screen-xs-max) {
  padding-left: 0;
  padding-right: 0;

  .panel {
    border-radius: 0;
    border: none;
    .panel-heading {
      border-radius: 0;
    }
  }
}

}

.profile {

border: 0;
&.large_panel {
  @extend .col-sm-9;
  @extend .small_screen_flush;
}
&.sidebar {
  @extend .col-sm-3;
  @extend .small_screen_flush;
}

&.center {
  @extend .col-lg-6;
  @extend .col-lg-offset-3;

  @extend .col-md-6;
  @extend .col-md-offset-3;

  @extend .col-sm-8;
  @extend .col-sm-offset-2;

  @extend .small_screen_flush;

  .panel-footer {
    @include clearfix;
    .buttons {
      float: right;
    }

    .links {
      float: left;
    }
  }
}

}