Точката на прекъсване не извежда нищо

Има много странен проблем с точката на прекъсване.

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 тогава, но не ... Използвах собствен миксин, наречен _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