Точка останова ничего не выводит

Возникла очень странная проблема с точкой останова.

Screen.scss содержит самый простой пример точки останова:

@import "breakpoint";

  $high-tide: 500px;

  .johnny-utah {
    color: blue;
    @include breakpoint($high-tide) {
      content: 'Whoa.';
    }
  }

Это компилируется в:

  .johnny-utah {
      color: blue; 
  }

Похоже, точка останова ничего не возвращает. Раньше работало.

Compass 1.0.1, Breakpoint 2.5.0 и SASS 3.4.3, работающие на OS X.10.

В моем config.rb нет ничего особенного:

# Require any additional compass plugins here.
require 'breakpoint'

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"
fonts_dir = "fonts"

output_style = :nested

# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true

# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false
color_output = true


# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
preferred_syntax = :scss

breakpoint-sass
person Tim Broddin    schedule 06.09.2014    source источник
comment
Пожалуйста, проверьте, можете ли вы воссоздать это на SassMeister (sassmeister.com)   -  person Snugug    schedule 06.09.2014

Ответы (1)


arrow_upward
0
arrow_downward

Неважно, это была моя самая глупая ошибка!

Это был старый проект, и я думал, что тогда использовал точку останова, но нет... Я использовал свой собственный миксин под названием _breakpoint.scss, который выглядел так:

@mixin breakpoint($breakpoint) {
  @if $breakpoint == tablet {
    @media only screen and (min-width: 768px) { @content; }
  }

  @if $breakpoint == desktop {
    @media only screen and (min-width: 1024px) { @content; }
  }

  @else if $breakpoint == big_desktop {
    @media only screen and (min-width: 1280px) { @content; }    
  }
}

Поэтому ничего не выведено..

person Tim Broddin    schedule 06.09.2014