2014-09-06 2 views
0

Имеет очень странную проблему с точкой останова.Точка останова ничего не выводит

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, работающие под управлением ОС 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 
+0

Пожалуйста, проверьте, можете ли вы создать его на SassMeister (http://sassmeister.com/) – Snugug

ответ

0

Ничего, это была моя самая глупая ошибка когда-либо!

Это был старый проект, и я думал, что я использовал Breakpoint тогда, но нет ... Я использовал мой собственный Mixin называется _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; }  
    } 
} 

То почему ничего не было выводимый ..