alyssawilliams

  .scrolling-container {
    // Firefox
    scrollbar-width: none;
    
    // IE 10+ / Edge Legacy
    -ms-overflow-style: none;

    // Chrome
    &::-webkit-scrollbar {
      display: none;

alyssawilliams

// Fixes collapsed right margin of last flex child.
// The overflow property applies only to content. It doesn't apply to padding or margins.
// Pseudo-elements on a flex container are rendered as flex items.

.flex-container:after {
  content: '';
  flex: 0 0 16px;
}

.flex-child {

alyssawilliams

// Using negative margins to allow a child container inside a parent container to display it's contents full width
.padded-parent-container {
  padding: 0 25px;
}

.full-width-child {
  margin: 0 -25px;
}

alyssawilliams

@function unitless($font-size, $line-height) {
  @return $line-height / $font-size;
}

alyssawilliams

@function rem($pixels, $base: 16) {
  @return #{$pixels/$base}rem;
}

alyssawilliams

git diff -- ':!dist/styles.css*' | subl

alyssawilliams

// Inserts a non breaking space character between the last two words in each text block, to prevent widows
$('.selector').each(function() {
  var words = $(this).text().split(' ');
  var replacement = words[words.length - 2] + '\xA0' + words[words.length - 1];
  words.splice(words.length - 2, 1, replacement);
  words.pop();
  var updatedString = words.join(' ');
  $(this).text(updatedString);
});