raahede

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

$breakpoints: 481px, 769px;

@mixin using($arg){
  content:"#{$arg}";
}

raahede

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

$font-base-size-px: 16px;
$bp-m-l: 481px; // Breakpoint medium
$bp-l-xl: 769px; // Breakpoint large

// Rem mixin with pixel fallback

raahede

- [ ] **FILES**: I have looked through `Files changed` for general errors
- [ ] **SCSS**: I have looked through my SCSS for general style guide consistency
- [ ] **SCSS**: I haven't committed any out-commented styles unless it has explicit comment regarding how it will be used later
- [ ] **JS**: I haven't committed any `console.log`s
- [ ] **JS**: All my custom functions have a leading comment explaining its purpose
- [ ] **JS**: I haven't committed any out-commented code unless it has explicit comment regarding how it will be used later

raahede

<a href="/" class="button" title="Text on mobile">Text on desktop</a>

raahede

<div class="body">
  <div class="parent">
    <div class="first child">First</div>
    <div class="second child">
      <div class="items">
        <div class="item">Item</div>
        <div class="item">Item</div>
        <div class="item">Item</div>
        <div class="item">Item</div>
      </div>