diff --git a/.travis.yml b/.travis.yml new file mode 100644 index 0000000..1f66159 --- /dev/null +++ b/.travis.yml @@ -0,0 +1,75 @@ +language: php +php: + - 5.4 + - 5.5 + - 5.6 + - 7.0 + - 7.1 + - nightly + +allow_failures: + - php: nightly + +addons: + apt: + packages: + - php5-dev + - gdb + +env: + global: + # Configure the .phpt tests to be Travis friendly + - REPORT_EXIT_STATUS=1 + - TEST_PHP_ARGS="-q -s output.txt -g XFAIL,FAIL,BORK,WARN,LEAK,SKIP -x --show-diff" + # Add the pip installation folder to the PATH, until https://github.com/travis-ci/travis-ci/issues/3563 is fixed + - PATH=$HOME/.local/bin:$PATH + +compiler: + - gcc + +install: + # What is the current file size max for core files? + # It is usually 0, which means no core file will be dumped if there is a crash + - ulimit -c + +before_install: + - echo $LANG + - echo $LC_ALL + - composer require satooshi/php-coveralls --dev + - git submodule init + - git submodule update + +before_script: + - travis_retry composer self-update + - composer config discard-changes true + - ulimit -c unlimited -S # enable core dumps + +script: + - make clean + - cd lib/libsass && make && cd ../.. + - phpize + - ./configure + - make + - echo "extension = sass.so" >> ~/.phpenv/versions/$(phpenv version-name)/etc/php.ini + - export LD_LIBRARY_PATH="$LD_LIBRARY_PATH:${TRAVIS_BUILD_DIR}/modules" + - make install + - mkdir -p build/logs + - phpunit --coverage-clover build/logs/clover.xml + - make test || RESULT=$? + - if [[ ${RESULT} == 0 ]]; then echo "\\o/ our test worked without problems"; else echo "ruhroh test returned an errorcode of $RESULT"; fi; + - for i in $(find ./ -maxdepth 1 -name 'core*' -print); do gdb $(pwd)/test core* -ex "thread apply all bt" -ex "set pagination 0" -batch; done; + - if [[ ${RESULT} != 0 ]]; then exit $RESULT ; fi; + +after_success: + - travis_retry php vendor/bin/coveralls + +notifications: + on_success: never + on_failure: never + + +os: + - linux + +matrix: + fast_finish: true diff --git a/README.md b/README.md index f75c400..623d62e 100644 --- a/README.md +++ b/README.md @@ -2,11 +2,13 @@ The `sass` extension for PHP gives you an object-oriented system of parsing [Sass](http://sass-lang.com/) from within your PHP applications. Under the hood it uses [libsass](https://github.com/hcatlin/libsass) to provide super speedy and compatible Sass parsing. +![Libsass 3.4.3](https://img.shields.io/badge/libsass-3.4.3-yellow.svg) [![Build Status](https://travis-ci.org/absalomedia/sassphp.svg)](https://travis-ci.org/absalomedia/sassphp) + ## What's Sass? Sass is a CSS pre-processor language to add on exciting, new, awesome features to CSS. Sass was the first language of its kind and by far the most mature and up to date codebase. -Sass was originally created by Hampton Catlin ([@hcatlin](http://twitter.com/hcatlin)). The extension and continuing evolution of the language has all been the result of years of work by Natalie Weizenbaum ([@nex4](http://twitter.com/nex4)) and Chris Eppstein ([@chriseppstein](http://twitter.com/chriseppstein)). +Sass was originally created by Hampton Catlin ([@hcatlin](http://twitter.com/hcatlin)). The extension and continuing evolution of the language has all been the result of years of work by Natalie Weizenbaum ([@nex3](http://twitter.com/nex3)) and Chris Eppstein ([@chriseppstein](http://twitter.com/chriseppstein)). For more information about Sass itself, please visit [http://sass-lang.com](http://sass-lang.com) @@ -14,7 +16,7 @@ For more information about Sass itself, please visit [http://sass-lang.com](http Currently, the only way to install the extension is manually: - $ git clone git://github.com/absalomedia/sassphp + $ git clone git://github.com/sensational/sassphp Remember to grab your submodules: @@ -71,17 +73,20 @@ You can set the style of your SASS file to suit your needs: $sass = new Sass(); $sass->setStyle(Sass::STYLE_COMPRESSED); -The new additions to this build from the [Sensational](https://github.com/sensational/sassphp) codebase are: -* Camel case rename of `compile_file` to `compileFile` -* SASS file compilation is now an array when a source map is enabled. Otherwise, as per normal, it's a string. +As the [Libsass](https://github.com/hcatlin/libsass) library has matured to get closer to 100% SASS coverage, so this extension has also matured: +* SASS file compilation is an array when a source map file is specified. * The ability to define source comments +* The ability to embed the source map into the CSS output +* The ability to specify .SASS file input instead of .SCSS * The ability to set a source map path, required when generating a dedicated .map file +* The ability to define a root directory for the source map itself +* PHP 5.4 to PHP 7.1 (nightly) support -It also reports itself as the `Sassyphpras` version of the Apache SASS module to help differentiate builds. +The output of `compileFile()` is an array when creating source map files, allowing both compiled SASS file and .map file to be generated in the same function call. -The output of `compileFile()` is now an array instead of a string, allowing both compiled SASS file and .map file to be generated in the same function call. As there are multiple ways of generating source comments, there are now PHP level settings to control that output. +As there are multiple ways of generating source comments, there are now PHP level settings to control that output. -To generate source comments for a file inline - now in camelCase: +To generate source comments for a file inline: $sass = new Sass(); $sass->setComments(true); @@ -91,10 +96,21 @@ Aliases also exist so you can also use: $css = $sass->compile_file($source); +You can tell the compiler to use indented syntax (SASS syntax). By default it expects SCSS syntax: + + $sass = new Sass(); + $sass->setIndent(true); //TRUE -> SASS, FALSE -> SCSS + $css = $sass->compile($source); + +You can tell the compiler to embed the source map into the actual CSS file as well: + + $sass = new Sass(); + $sass->setEmbed(true); + $css = $sass->compile($source); + You can set the source map file for the library to use: $sass = new Sass(); - $sass->setComments(true); $sass->setMapPath('/random.output.css.map'); $css = $sass->compileFile($source); @@ -106,6 +122,13 @@ The first array item will always be the compiled SASS file: The second array item will always be the source map output: $css[1] +You can set the root of the generated source map file like so: + + $sass = new Sass(); + $sass->setMapRoot('/some/dir'); + $sass->setMapPath('/random.output.css.map'); + $css = $sass->compileFile($source); + If there's a problem, the extension will throw a `SassException`: $sass = new Sass(); @@ -121,50 +144,37 @@ If there's a problem, the extension will throw a `SassException`: $css = FALSE; } -## Potential / known issues - -* The file_comments test will fail as it remains unable to figure out the path the test has been run in. It generates the output successfully - +## Variant builds -## Forward planning +These extensions also utilise the [Libsass](https://github.com/hcatlin/libsass) library & remain in varying states of completion: -* HHVM Zend compatibility? -* Nginx extension? +* Facebook [HHVM](https://github.com/absalomedia/sasshhvm) native (non Zend) extension - with Libsass 3.4.3 - tested up to HHVM 3.11.x +* [Nginx](https://github.com/absalomedia/sass-nginx-module) module - with Libsass 3.4.3 ## Changelog -** Version 0.4.5 -* Holiday Patch (Libsass 3.2.5) stable - -** Version 0.4.4 -* Refactor correctly for LibSass 3.2.4 - -** Version 0.4.2 -* CamelCase compile sequence - -** Version 0.4.1** -* SOURCE_DEFAULT works & is documented -* PHP test for SOURCE_DEFAULT (output unable to understand source directory in test, so functional pass, technical fail) -* Revise other tests to pass as output varies on source negotiation. - -** Version 0.4** -* Reconciled file compliation loop -* Expand documentation -* Addition of basic test for source comments -* More work on compile sequence - -** Version 0.3.9** -* Addition of source map url paths to SASS file compilation - -** Version 0.3.5** -* Restructure of compile sequence (file only at this time) to account for source map output - -** Version 0.3.0** -* Addition of source comments - none, inline, file. Set default to none. - -** Version 0.2.0** -* Changed methods to be non-static -* Allow setting include-path and image-path - -**Version 0.1.0 - IN DEVELOPMENT** -* Initial release +| Release | Description | +| --- | --- | +| 0.5.10 | Elwood (Libsass 3.4.3) stable & Travis fix | +| 0.5.9 | Rickshaw (Libsass 3.4.2) stable | +| 0.5.8 | AI - KITT (Libsass 3.4.0) stable | +| 0.5.7 | Hancock - Optimise loops & Travis. Simplify changelog documentation | +| 0.5.6 | Green Giant - PHP5 & PHP7 stable build - All Travis builds passing | +| 0.5.5 | Herbie (Libsass 3.3.6) stable | +| 0.5.2 | Delorean (Libsass 3.3.3) stable & continuing PHP7 rewrite | +| 0.5.1 | Eleanor (Libsass 3.3.2) stable | +| 0.5.0 | Start of PHP 7 compatibility | +| 0.4.9 | Too Fast To Furious (Libsass 3.3.1) stable | +| 0.4.8 | Greased Lightning (Libsass 3.3.0) stable | +| 0.4.7 | SCSS vs SASS detection - indents | +| 0.4.6 | Travis experimental (unreleased) | +| 0.4.5 | Holiday Patch (Libsass 3.2.5) stable | +| 0.4.4 | Refactor correctly for LibSass 3.2.4 | +| 0.4.2 | CamelCase compile sequence | +| 0.4.1 | Addition of SOURCE_DEFAULT test & structure. Revise other tests | +| 0.4.0 | Refactor file compliation. Basic tests for source comments. Expand documentation | +| 0.3.9 | Addition of source map url paths to SASS file compilation | +| 0.3.5 | Restructure of compile sequence (file only at this time) to account for source map output | +| 0.3.0 | Addition of source comments - none, inline, file. Set default to none. | +| 0.2.0 | Changed methods to be non-static. Allow setting include-path and image-path | +| 0.1.0 | Initial release | diff --git a/appveyor.yml b/appveyor.yml new file mode 100644 index 0000000..f705651 --- /dev/null +++ b/appveyor.yml @@ -0,0 +1,42 @@ +environment: + PHP_VERSION: 5.6.21 + +configuration: Release + +version: '0.0.{build}' + +matrix: + fast_finish: true + +install: + - cd C:\projects\sassphp + - git submodule init + - git submodule update + - cd C:\ + - mkdir php-src + - echo Preparing Windows build... + - echo Downloading PHP source code [%PHP_VERSION%] + - cd C:\php-src + - appveyor DownloadFile http://windows.php.net/downloads/releases/php-5.6.21-src.zip -FileName php-src.zip + - 7z x -y php-src.zip > nul + - '"C:\Program Files\Microsoft SDKs\Windows\v7.1\Bin\SetEnv.cmd" /x64' + +build_script: + - cd C:\php-src\php-5.6.21-src + - buildconf.bat --add-modules-dir=C:\projects + - configure --disable-all --enable-cli --enable-sass + - nmake php_sass.dll + +test: OFF + +test_script: OFF + +deploy: OFF + +notifications: + - on_build_success: false + on_build_failure: false + on_build_status_changed: false + +artifacts: + - path: ext\Release_TS\php_sass.dll \ No newline at end of file diff --git a/config.m4 b/config.m4 index 3eca316..472eb75 100644 --- a/config.m4 +++ b/config.m4 @@ -2,6 +2,7 @@ PHP_ARG_ENABLE(sass, [whether to enable sass extension], [ --enable-sass Enable sass extension], yes, yes) if test "$PHP_SASS" != "no"; then + PHP_ADD_INCLUDE(lib/libsass/include) PHP_ADD_LIBRARY_WITH_PATH(sass, lib/libexec, LIBSASS_SHARED_LIBADD) LDFLAGS="-lsass -L"`pwd`"/lib/libsass/lib/ -lstdc++" @@ -13,7 +14,7 @@ if test "$PHP_SASS" != "no"; then if test "x$sass_version" != "x" ; then # escape hell. This is what we need to pass to the - # compiler: -DLIBSASS_VERSION="\"'3.2.5\"" + # compiler: -DLIBSASS_VERSION="\"'3.3.3\"" CFLAGS="-DLIBSASS_VERSION=\"\\\"$sass_version\\\"\" $CFLAGS" CXXFLAGS="-DLIBSASS_VERSION=\"\\\"$sass_version\\\"\" $CXXFLAGS" fi diff --git a/install.php b/install.php index a7dda70..d488760 100644 --- a/install.php +++ b/install.php @@ -4,4 +4,4 @@ system('cd lib/libsass && make && cd ../..'); system('phpize'); system('./configure'); -system('make'); \ No newline at end of file +system('make'); diff --git a/lib/libsass b/lib/libsass index 0e6b4a2..b28de01 160000 --- a/lib/libsass +++ b/lib/libsass @@ -1 +1 @@ -Subproject commit 0e6b4a2850092356aa3ece07c6b249f0221caced +Subproject commit b28de01270a663b3e89427a18816732c4d573c1d diff --git a/phpunit.xml b/phpunit.xml new file mode 100644 index 0000000..a8fd5a5 --- /dev/null +++ b/phpunit.xml @@ -0,0 +1,30 @@ + + + + + + ./tests/ + + + + + ./tests/ + + + ./tests + ./vendor/ + + + + + + + \ No newline at end of file diff --git a/src/php_sass.h b/src/php_sass.h index 294107c..28bb79e 100644 --- a/src/php_sass.h +++ b/src/php_sass.h @@ -4,6 +4,7 @@ * * https://github.com/jamierumbelow/sassphp * Copyright (c)2012 Jamie Rumbelow + * with work done by Philip Hofstetter & Lawrence Meckan */ #ifndef PHP_SASS_H @@ -13,15 +14,15 @@ #include "config.h" #endif -#define SASS_VERSION "0.4.5" -#define SASS_FLAVOR "Sassyphpras" +#define SASS_VERSION "0.5.10" +#define SASS_FLAVOR "sensational" #include #include #include #include -#include "lib/libsass/sass_context.h" +#include zend_class_entry *sass_ce; zend_class_entry *sass_exception_ce; @@ -39,6 +40,8 @@ PHP_METHOD(Sass, getPrecision); PHP_METHOD(Sass, setPrecision); PHP_METHOD(Sass, getComments); PHP_METHOD(Sass, setComments); +PHP_METHOD(Sass, getIndent); +PHP_METHOD(Sass, setIndent); PHP_METHOD(Sass, getEmbed); PHP_METHOD(Sass, setEmbed); PHP_METHOD(Sass, getMapPath); diff --git a/src/sass.c b/src/sass.c index 58254c8..50e802b 100644 --- a/src/sass.c +++ b/src/sass.c @@ -5,10 +5,13 @@ * https://github.com/jamierumbelow/sassphp * Copyright (c)2012 Jamie Rumbelow * - * Fork updated and maintained by https://github.com/pilif + * Fork updated and maintained by https://github.com/absalomedia */ #include +#if ZEND_MODULE_API_NO > 20131226 +#include . +#endif #include "php_sass.h" #include "utilities.h" @@ -20,20 +23,43 @@ zend_object_handlers sass_handlers; typedef struct sass_object { + #if PHP_MAJOR_VERSION < 7 zend_object zo; + #endif int style; char* include_paths; bool comments; + bool indent; long precision; char* map_path; bool omit_map_url; bool map_embed; bool map_contents; char* map_root; + #if PHP_MAJOR_VERSION >= 7 + zend_object zo; + #endif } sass_object; zend_class_entry *sass_ce; +#if PHP_MAJOR_VERSION >= 7 + +static inline sass_object *sass_fetch_object(zend_object *obj) +{ + return (sass_object *) ((char*) (obj) - XtOffsetOf(sass_object, zo)); +} + +#define Z_SASS_P(zv) sass_fetch_object(Z_OBJ_P((zv))); + +static void sass_free_storage(zend_object *object TSRMLS_DC) +{ + sass_object *obj; + obj = sass_fetch_object(object); + zend_object_std_dtor(object TSRMLS_DC); + +} +#else void sass_free_storage(void *object TSRMLS_DC) { sass_object *obj = (sass_object *)object; @@ -43,15 +69,15 @@ void sass_free_storage(void *object TSRMLS_DC) efree(obj->map_path); if (obj->map_root != NULL) efree(obj->map_root); - zend_hash_destroy(obj->zo.properties); FREE_HASHTABLE(obj->zo.properties); - efree(obj); } +#endif -zend_object_value sass_create_handler(zend_class_entry *type TSRMLS_DC) -{ + +#if ZEND_MODULE_API_NO <= 20131226 +zend_object_value sass_create_handler(zend_class_entry *type TSRMLS_DC) { zval *tmp; zend_object_value retval; @@ -71,8 +97,26 @@ zend_object_value sass_create_handler(zend_class_entry *type TSRMLS_DC) retval.handlers = &sass_handlers; return retval; + } +#endif + +#if ZEND_MODULE_API_NO > 20131226 +zend_object * sass_create_handler(zend_class_entry *type TSRMLS_DC) { + struct sass_object *obj = ecalloc(1, + sizeof(struct sass_object) + + zend_object_properties_size(type)); + + zend_object_std_init(&obj->zo, type TSRMLS_CC); + object_properties_init(&obj->zo, type TSRMLS_CC); + + obj->zo.handlers = &sass_handlers; + + return &obj->zo; } +#endif + + PHP_METHOD(Sass, __construct) { zval *this = getThis(); @@ -80,13 +124,20 @@ PHP_METHOD(Sass, __construct) if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, "", NULL) == FAILURE) { RETURN_NULL(); } + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); + #endif + obj->style = SASS_STYLE_NESTED; obj->include_paths = NULL; obj->map_path = NULL; obj->map_root = NULL; obj->comments = false; + obj->indent = false; obj->map_embed = false; obj->map_contents = false; obj->omit_map_url = true; @@ -101,10 +152,12 @@ void set_options(sass_object *this, struct Sass_Context *ctx) sass_option_set_precision(opts, this->precision); sass_option_set_output_style(opts, this->style); - if (this->include_paths != NULL) - sass_option_set_include_path(opts, this->include_paths); + sass_option_set_is_indented_syntax_src(opts, this->indent); + if (this->include_paths != NULL) { + sass_option_set_include_path(opts, this->include_paths); + } sass_option_set_source_comments(opts, this->comments); - if (this->comments != NULL) { + if (this->comments) { sass_option_set_omit_source_map_url(opts, false); } sass_option_set_source_map_embed(opts, this->map_embed); @@ -114,8 +167,9 @@ void set_options(sass_object *this, struct Sass_Context *ctx) sass_option_set_omit_source_map_url(opts, false); sass_option_set_source_map_contents(opts, true); } - if (this->map_root != NULL) - ssass_option_set_source_map_root(opts, this->map_root); + if (this->map_root != NULL) { + sass_option_set_source_map_root(opts, this->map_root); + } } @@ -126,12 +180,22 @@ void set_options(sass_object *this, struct Sass_Context *ctx) */ PHP_METHOD(Sass, compile) { + #if ZEND_MODULE_API_NO > 20131226 + sass_object *this = Z_SASS_P(getThis()); + #endif + #if ZEND_MODULE_API_NO <= 20131226 sass_object *this = (sass_object *)zend_object_store_get_object(getThis() TSRMLS_CC); + #endif // Define our parameters as local variables char *source; + #if ZEND_MODULE_API_NO <= 20131226 int source_len; + #endif + #if ZEND_MODULE_API_NO > 20131226 + size_t source_len; + #endif // Use zend_parse_parameters() to grab our source from the function call if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, "s", &source, &source_len) == FAILURE){ @@ -140,6 +204,7 @@ PHP_METHOD(Sass, compile) // Create a new sass_context struct Sass_Data_Context* data_context = sass_make_data_context(strdup(source)); + struct Sass_Context* ctx = sass_data_context_get_context(data_context); set_options(this, ctx); @@ -153,7 +218,12 @@ PHP_METHOD(Sass, compile) } else { + #if ZEND_MODULE_API_NO <= 20131226 RETVAL_STRING(sass_context_get_output_string(ctx), 1); + #endif + #if ZEND_MODULE_API_NO > 20131226 + RETVAL_STRING(sass_context_get_output_string(ctx)); + #endif } sass_delete_data_context(data_context); @@ -167,11 +237,23 @@ PHP_METHOD(Sass, compile) PHP_METHOD(Sass, compileFile) { array_init(return_value); + + #if ZEND_MODULE_API_NO > 20131226 + sass_object *this = Z_SASS_P(getThis()); + #endif + + #if ZEND_MODULE_API_NO <= 20131226 sass_object *this = (sass_object *)zend_object_store_get_object(getThis() TSRMLS_CC); + #endif // We need a file name and a length char *file; + #if ZEND_MODULE_API_NO <= 20131226 int file_len; + #endif + #if ZEND_MODULE_API_NO > 20131226 + size_t file_len; + #endif // Grab the file name from the function if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, "s", &file, &file_len) == FAILURE) @@ -186,8 +268,8 @@ PHP_METHOD(Sass, compileFile) RETURN_FALSE; } - // Create a new sass_file_context struct Sass_File_Context* file_ctx = sass_make_file_context(file); + struct Sass_Context* ctx = sass_file_context_get_context(file_ctx); set_options(this, ctx); @@ -202,11 +284,12 @@ PHP_METHOD(Sass, compileFile) else { - if (this->map_path != NULL ) { + #if ZEND_MODULE_API_NO <= 20131226 + if (this->map_path != NULL ) { // Send it over to PHP. add_next_index_string(return_value, sass_context_get_output_string(ctx), 1); } else { - RETVAL_STRING(sass_context_get_output_string(ctx), 1); + RETVAL_STRING(sass_context_get_output_string(ctx), 1); } // Do we have source maps to go? @@ -215,6 +298,23 @@ PHP_METHOD(Sass, compileFile) // Send it over to PHP. add_next_index_string(return_value, sass_context_get_source_map_string(ctx), 1); } + #endif + + #if ZEND_MODULE_API_NO > 20131226 + if (this->map_path != NULL ) { + // Send it over to PHP. + add_next_index_string(return_value, sass_context_get_output_string(ctx)); + } else { + RETVAL_STRING(sass_context_get_output_string(ctx)); + } + + // Do we have source maps to go? + if (this->map_path != NULL) + { + // Send it over to PHP. + add_next_index_string(return_value, sass_context_get_source_map_string(ctx)); + } + #endif } sass_delete_file_context(file_ctx); @@ -228,7 +328,13 @@ PHP_METHOD(Sass, getStyle) RETURN_FALSE; } + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); + #endif + RETURN_LONG(obj->style); } @@ -242,7 +348,12 @@ PHP_METHOD(Sass, setStyle) RETURN_FALSE; } + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); + #endif obj->style = new_style; RETURN_NULL(); @@ -256,9 +367,22 @@ PHP_METHOD(Sass, getIncludePath) RETURN_FALSE; } + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); - if (obj->include_paths == NULL) RETURN_STRING("", 1) - RETURN_STRING(obj->include_paths, 1) + #endif + + #if ZEND_MODULE_API_NO <= 20131226 + if (obj->include_paths == NULL) RETURN_STRING("", 1); + RETURN_STRING(obj->include_paths, 1); + #endif + + #if ZEND_MODULE_API_NO > 20131226 + if (obj->include_paths == NULL) RETURN_STRING(""); + RETURN_STRING(obj->include_paths); + #endif } PHP_METHOD(Sass, setIncludePath) @@ -266,12 +390,23 @@ PHP_METHOD(Sass, setIncludePath) zval *this = getThis(); char *path; + #if ZEND_MODULE_API_NO <= 20131226 int path_len; + #endif + #if ZEND_MODULE_API_NO > 20131226 + size_t path_len; + #endif if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, "s", &path, &path_len) == FAILURE) RETURN_FALSE; + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); + #endif + if (obj->include_paths != NULL) efree(obj->include_paths); obj->include_paths = estrndup(path, path_len); @@ -287,9 +422,22 @@ PHP_METHOD(Sass, getMapPath) RETURN_FALSE; } + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); - if (obj->map_path == NULL) RETURN_STRING("", 1) - RETURN_STRING(obj->map_path, 1) + #endif + + #if ZEND_MODULE_API_NO <= 20131226 + if (obj->map_path == NULL) RETURN_STRING("", 1); + RETURN_STRING(obj->map_path, 1); + #endif + + #if ZEND_MODULE_API_NO > 20131226 + if (obj->map_path == NULL) RETURN_STRING(""); + RETURN_STRING(obj->map_path); + #endif } PHP_METHOD(Sass, setMapPath) @@ -297,12 +445,23 @@ PHP_METHOD(Sass, setMapPath) zval *this = getThis(); char *path; + #if ZEND_MODULE_API_NO <= 20131226 int path_len; + #endif + #if ZEND_MODULE_API_NO > 20131226 + size_t path_len; + #endif if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, "s", &path, &path_len) == FAILURE) RETURN_FALSE; + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); + #endif + if (obj->map_path != NULL) efree(obj->map_path); obj->map_path = estrndup(path, path_len); @@ -319,7 +478,13 @@ PHP_METHOD(Sass, getPrecision) RETURN_FALSE; } + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); + #endif + RETURN_LONG(obj->precision); } @@ -333,7 +498,13 @@ PHP_METHOD(Sass, setPrecision) RETURN_FALSE; } + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); + #endif + obj->precision = new_precision; RETURN_NULL(); @@ -347,7 +518,13 @@ PHP_METHOD(Sass, getEmbed) RETURN_FALSE; } + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); + #endif + RETURN_LONG(obj->map_embed); } @@ -357,11 +534,17 @@ PHP_METHOD(Sass, setEmbed) bool new_map_embed; - if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, "l", &new_map_embed) == FAILURE) { + if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, "b", &new_map_embed) == FAILURE) { RETURN_FALSE; } + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); + #endif + obj->map_embed = new_map_embed; RETURN_NULL(); @@ -376,7 +559,13 @@ PHP_METHOD(Sass, getComments) RETURN_FALSE; } + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); + #endif + RETURN_LONG(obj->comments); } @@ -386,24 +575,78 @@ PHP_METHOD(Sass, setComments) bool new_comments; - if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, "l", &new_comments) == FAILURE) { + if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, "b", &new_comments) == FAILURE) { RETURN_FALSE; } + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); + #endif + obj->comments = new_comments; RETURN_NULL(); } +PHP_METHOD(Sass, getIndent) +{ + zval *this = getThis(); + + if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, "", NULL) == FAILURE) { + RETURN_FALSE; + } + + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 + sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); + #endif + + RETURN_LONG(obj->indent); +} + +PHP_METHOD(Sass, setIndent) +{ + zval *this = getThis(); + + bool new_indent; + + if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, "b", &new_indent) == FAILURE) { + RETURN_FALSE; + } + + #if ZEND_MODULE_API_NO > 20131226 + sass_object *obj = Z_SASS_P(this); + #endif + #if ZEND_MODULE_API_NO <= 20131226 + sass_object *obj = (sass_object *)zend_object_store_get_object(this TSRMLS_CC); + #endif + + obj->indent = new_indent; + + RETURN_NULL(); +} + + PHP_METHOD(Sass, getLibraryVersion) { if (zend_parse_parameters(ZEND_NUM_ARGS() TSRMLS_CC, "", NULL) == FAILURE) { RETURN_FALSE; } - RETURN_STRING(libsass_version(), 1) + #if ZEND_MODULE_API_NO <= 20131226 + RETURN_STRING(libsass_version(), 1); + #endif + + #if ZEND_MODULE_API_NO > 20131226 + RETURN_STRING(libsass_version()); + #endif + } /* -------------------------------------------------------------- * EXCEPTION HANDLING @@ -445,6 +688,10 @@ ZEND_BEGIN_ARG_INFO_EX(arginfo_sass_setComments, 0, 0, 1) ZEND_ARG_INFO(0, comments) ZEND_END_ARG_INFO() +ZEND_BEGIN_ARG_INFO_EX(arginfo_sass_setIndent, 0, 0, 1) + ZEND_ARG_INFO(0, indent) +ZEND_END_ARG_INFO() + ZEND_BEGIN_ARG_INFO_EX(arginfo_sass_setEmbed, 0, 0, 1) ZEND_ARG_INFO(0, map_embed) ZEND_END_ARG_INFO() @@ -465,11 +712,13 @@ zend_function_entry sass_methods[] = { PHP_ME(Sass, getPrecision, arginfo_sass_void, ZEND_ACC_PUBLIC) PHP_ME(Sass, setPrecision, arginfo_sass_setPrecision, ZEND_ACC_PUBLIC) PHP_ME(Sass, getComments, arginfo_sass_void, ZEND_ACC_PUBLIC) - PHP_ME(Sass, setComments, arginfo_sass_setComments, ZEND_ACC_PUBLIC) + PHP_ME(Sass, setComments, arginfo_sass_setComments, ZEND_ACC_PUBLIC) + PHP_ME(Sass, getIndent, arginfo_sass_void, ZEND_ACC_PUBLIC) + PHP_ME(Sass, setIndent, arginfo_sass_setIndent, ZEND_ACC_PUBLIC) PHP_ME(Sass, getEmbed, arginfo_sass_void, ZEND_ACC_PUBLIC) - PHP_ME(Sass, setEmbed, arginfo_sass_setComments, ZEND_ACC_PUBLIC) + PHP_ME(Sass, setEmbed, arginfo_sass_setEmbed, ZEND_ACC_PUBLIC) PHP_ME(Sass, getMapPath, arginfo_sass_void, ZEND_ACC_PUBLIC) - PHP_ME(Sass, setMapPath, arginfo_sass_setMapPath, ZEND_ACC_PUBLIC) + PHP_ME(Sass, setMapPath, arginfo_sass_setMapPath, ZEND_ACC_PUBLIC) PHP_ME(Sass, getLibraryVersion, arginfo_sass_void, ZEND_ACC_PUBLIC | ZEND_ACC_STATIC) PHP_MALIAS(Sass, compile_file, compileFile, NULL, ZEND_ACC_PUBLIC) {NULL, NULL, NULL} @@ -487,10 +736,21 @@ static PHP_MINIT_FUNCTION(sass) sass_ce->create_object = sass_create_handler; memcpy(&sass_handlers, zend_get_std_object_handlers(), sizeof(zend_object_handlers)); + #if ZEND_MODULE_API_NO > 20131226 + sass_handlers.offset = XtOffsetOf(struct sass_object, zo); + sass_handlers.free_obj = sass_free_storage; + #endif sass_handlers.clone_obj = NULL; INIT_CLASS_ENTRY(exception_ce, "SassException", NULL); + + #if ZEND_MODULE_API_NO > 20131226 + sass_exception_ce = zend_register_internal_class_ex(&exception_ce, sass_get_exception_base(TSRMLS_C)); + #endif + + #if ZEND_MODULE_API_NO <= 20131226 sass_exception_ce = zend_register_internal_class_ex(&exception_ce, sass_get_exception_base(TSRMLS_C), NULL TSRMLS_CC); + #endif #define REGISTER_SASS_CLASS_CONST_LONG(name, value) zend_declare_class_constant_long(sass_ce, ZEND_STRS( #name ) - 1, value TSRMLS_CC) diff --git a/tests/check_bundled_libsass_version.phpt b/tests/check_bundled_libsass_version.phpt index ab47032..58996f1 100644 --- a/tests/check_bundled_libsass_version.phpt +++ b/tests/check_bundled_libsass_version.phpt @@ -5,7 +5,7 @@ check bundled libsass version --FILE-- --EXPECT-- diff --git a/tests/file_comments.phpt b/tests/file_comments.phpt index fe810b4..e2d57ff 100644 --- a/tests/file_comments.phpt +++ b/tests/file_comments.phpt @@ -12,13 +12,13 @@ echo $css; ?> ---EXPECT-- +--EXPECTF-- @import url(../blahblah/blah.blah); -/* line 3, tests/support/test.scss */ +/* line 3, %s/support/test.scss */ div { blah: "hello 4 world px bloo blah"; } -/* line 9, tests/support/test.scss */ +/* line 9, %s/support/test.scss */ div { blah: "foo iphone"; } diff --git a/tests/file_embed.phpt b/tests/file_embed.phpt index 605db4d..1d9dc16 100644 --- a/tests/file_embed.phpt +++ b/tests/file_embed.phpt @@ -18,4 +18,6 @@ div { blah: "hello 4 world px bloo blah"; } div { - blah: "foo iphone"; } \ No newline at end of file + blah: "foo iphone"; } + +/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAidGVzdHMvc3VwcG9ydC90ZXN0LmNzcyIsCgkic291cmNlcyI6IFsKCQkidGVzdHMvc3VwcG9ydC90ZXN0LnNjc3MiCgldLAoJIm5hbWVzIjogW10sCgkibWFwcGluZ3MiOiAiQUFBQSxPQUFPLENBQUMsMEJBQUk7QUFFWixBQUFBLEdBQUcsQ0FBQztFQUNGLElBQUksRUFBRSw0QkFBaUQsR0FDeEQ7O0FBSUQsQUFBQSxHQUFHLENBQUM7RUFDQSxJQUFJLEVBQUUsWUFBYSxHQUN0QiIKfQ== */ diff --git a/tests/file_indent.phpt b/tests/file_indent.phpt new file mode 100644 index 0000000..d21bb57 --- /dev/null +++ b/tests/file_indent.phpt @@ -0,0 +1,18 @@ +--TEST-- +compiles SASS file in comparison to SCSS based SASS file +--SKIPIF-- + +--FILE-- +setIndent(true); +$css = $sass->compileFile(__DIR__.'/support/source_type.sass'); +echo $css; + + +?> +--EXPECT-- +body { + background: red; + border: 1px solid green; } \ No newline at end of file diff --git a/tests/handles_embed.phpt b/tests/handles_embed.phpt index adcf15c..8a054da 100644 --- a/tests/handles_embed.phpt +++ b/tests/handles_embed.phpt @@ -7,7 +7,7 @@ correctly handles setting and getting source embedding $sass = new Sass(); // test default from constructor -echo $sass->getComments(); +echo $sass->getEmbed(); // test SASS_SOURCE_NONE $sass->setEmbed(false); diff --git a/tests/handles_indent.phpt b/tests/handles_indent.phpt new file mode 100644 index 0000000..7ffc7d5 --- /dev/null +++ b/tests/handles_indent.phpt @@ -0,0 +1,23 @@ +--TEST-- +correctly handles setting and getting SCSS / SASS file indents +--SKIPIF-- + +--FILE-- +getIndent(); + +// test SCSS +$sass->setIndent(false); +echo $sass->getIndent(); + +// test SASS +$sass->setIndent(true); +echo $sass->getIndent(); + + +?> +--EXPECT-- +001 diff --git a/tests/handles_map.phpt b/tests/handles_map.phpt index 52ec1ac..06c832f 100644 --- a/tests/handles_map.phpt +++ b/tests/handles_map.phpt @@ -8,11 +8,22 @@ correctly handles setting and getting source map formats $sass = new Sass(); // test default from constructor $sass->setComments(true); -$sass->setMapPath(__DIR__.'/support/huge.css.map'); -$sass->compileFile(__DIR__.'/support/test.scss'); +$sass->setMapPath(__DIR__.'/support/test.css.map'); +$css = $sass->compileFile(__DIR__.'/support/test.scss'); +echo $css[1]; ?> ---EXPECT_EXTERNAL-- -support/huge.css.map --EXPECT-- +{ + "version": 3, + "file": "test.css", + "sources": [ + "test.scss" + ], + "sourcesContent": [ + "@import url(../blahblah/blah.blah);\n\ndiv {\n blah: \"hello #{2+2} world #{unit(23px)} #{'bloo'} blah\";\n}\n\n$foo: iphone;\n\ndiv {\n blah: \"foo #{$foo}\"\n}\n" + ], + "names": [], + "mappings": "AAAA,OAAO,CAAC,0BAAI;;AAEZ,AAAA,GAAG,CAAC;EACF,IAAI,EAAE,4BAAiD,GACxD;;;AAID,AAAA,GAAG,CAAC;EACA,IAAI,EAAE,YAAa,GACtB" +} diff --git a/tests/support/huge.scss b/tests/support/huge.scss deleted file mode 100644 index d138ff6..0000000 --- a/tests/support/huge.scss +++ /dev/null @@ -1,27136 +0,0 @@ -$blah: a b c; -$bloo: "hello"; - -div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - $blah: a b c; - $bloo: "hello"; - - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - } - } - } - } - } - } - } - } - } - } - } - div { - color: red; - width: 100%; - p { - margin: $blah; - $blee: goodbye; - padding: 10px 5px; - a { - display: inline-block; - padding: 5px; - color: $blee; - } - foo: $bloo; - empty { - not-empty { - background: lightgray; - border: 1px solid blue; - span { - display: block; - -webkit-box-sizing: border-box; - } - } - } - } - } - } - } - } - } - } -} \ No newline at end of file diff --git a/tests/support/source_type.sass b/tests/support/source_type.sass new file mode 100644 index 0000000..c046a36 --- /dev/null +++ b/tests/support/source_type.sass @@ -0,0 +1,8 @@ +$color: red + +=my-border($color) + border: 1px solid $color + +body + background: $color + +my-border(green)