Skip to content

Instantly share code, notes, and snippets.

@terrancesmith98

terrancesmith98/flex-basis-function.scss

Created October 20, 2017 14:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save terrancesmith98/16a7ea0069c8abfe3b22bb2c30f70e15 to your computer and use it in GitHub Desktop.
Save terrancesmith98/16a7ea0069c8abfe3b22bb2c30f70e15 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
flex-basis-function.scss
$gutter: 10px;
@function px-to-pc($target, $context: $max-width) {
@return ($target / $context) * 100%;
}
@function per-line($items) {
$g-pct: px-to-pc($gutter) * 2;
$g-total: $items * $g-pct;
@return (100% / $items) - $g-total;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment