Contents

//
// HTML, BODY
//
html {
  color: $dark-gray;
  font-size: $font-size;
  font-weight: $normal-weight;
  font-style: normal;
  line-height: $medium-line-height;
  text-transform: none;
  font-family: $font-family;
}
body {
  background-color: $lightest-gray;
  background-repeat: no-repeat;
  word-wrap: break-word;
}

//
// CLASS HIDING
//
.js-hidden {
  display: none !important;
}
.hidden {
  display: none;
}

//
// MODALS
//
.modal-on {
  .hide-on-modal {
    @media #{$mobile} {
      display: none;
    }
  }
}
.page-overflow {
  overflow: scroll-y;
}


//
// Media query helpers
//
.uc-margin-top-on-mobile {
  @media #{$mobile} {
    margin-top: $gutter;
  }
}

//
// PLACEHOLDER STYLING
//
@mixin placeholder-style {
  color: $light-gray;
}
::-webkit-input-placeholder {
  @include placeholder-style;
}
:-moz-placeholder {
  @include placeholder-style;
}
::-moz-placeholder {
  @include placeholder-style;
}
:-ms-input-placeholder {
  @include placeholder-style;
}

// http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
@mixin hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.uc-hide-accessible {
  @include hide-accessible;
}

//
// BREAKPOINTS
//
.uc-breakpoint-tell {
  content: 'desktop';
  display: none;
  @media #{$small-tablet} {
    content: 'small-tablet';
  }
  @media #{$mobile} {
    content: 'mobile';
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
undercase-0.2.57	app/assets/stylesheets/undercase/patterns/_site.scss
undercase-0.2.29	app/assets/stylesheets/undercase/patterns/_site.scss