Drop @define-color from the css machinery

Stop parsing @define-color rules, and drop related
apis and css value implementations.

gtk/gtkcsscolorvalue.c

@@ -28,7 +28,6 @@
 
 typedef enum {
   COLOR_TYPE_LITERAL,
-  COLOR_TYPE_NAME,
   COLOR_TYPE_SHADE,
   COLOR_TYPE_ALPHA,
   COLOR_TYPE_MIX,
@@ -69,9 +68,6 @@ gtk_css_value_color_free (GtkCssValue *color)
 
   switch (color->type)
     {
-    case COLOR_TYPE_NAME:
-      g_free (color->sym_col.name);
-      break;
     case COLOR_TYPE_SHADE:
       _gtk_css_value_unref (color->sym_col.shade.color);
       break;
@@ -187,8 +183,6 @@ gtk_css_value_color_equal (const GtkCssValue *value1,
     {
     case COLOR_TYPE_LITERAL:
       return gdk_rgba_equal (&value1->sym_col.rgba, &value2->sym_col.rgba);
-    case COLOR_TYPE_NAME:
-      return g_str_equal (value1->sym_col.name, value2->sym_col.name);
     case COLOR_TYPE_SHADE:
       return value1->sym_col.shade.factor == value2->sym_col.shade.factor &&
              _gtk_css_value_equal (value1->sym_col.shade.color,
@@ -233,10 +227,6 @@ gtk_css_value_color_print (const GtkCssValue *value,
         g_free (s);
       }
       break;
-    case COLOR_TYPE_NAME:
-      g_string_append (string, "@");
-      g_string_append (string, value->sym_col.name);
-      break;
     case COLOR_TYPE_SHADE:
       {
         char factor[G_ASCII_DTOSTR_BUF_SIZE];
@@ -359,26 +349,7 @@ _gtk_css_color_value_resolve (GtkCssValue      *color,
     {
     case COLOR_TYPE_LITERAL:
       return _gtk_css_value_ref (color);
-    case COLOR_TYPE_NAME:
-      {
-	GtkCssValue *named;
-        GSList cycle = { color, cycle_list };
 
-        /* If color exists in cycle_list, we're currently resolving it.
-         * So we've detected a cycle. */
-        if (g_slist_find (cycle_list, color))
-          return NULL;
-
-        named = gtk_style_provider_get_color (provider, color->sym_col.name);
-	if (named == NULL)
-	  return NULL;
-
-        value = _gtk_css_color_value_resolve (named, provider, current, &cycle);
-	if (value == NULL)
-	  return NULL;
-      }
-
-      break;
     case COLOR_TYPE_SHADE:
       {
         const GdkRGBA *c;
@@ -529,7 +500,6 @@ _gtk_css_color_value_new_name (const char *name)
   gtk_internal_return_val_if_fail (name != NULL, NULL);
 
   value = _gtk_css_value_new (GtkCssValue, &GTK_CSS_VALUE_COLOR);
-  value->type = COLOR_TYPE_NAME;
   value->sym_col.name = g_strdup (name);
 
   return value;

gtk/gtkcssprovider.c

@@ -127,7 +127,6 @@ struct _GtkCssProviderPrivate
 {
   GScanner *scanner;
 
-  GHashTable *symbolic_colors;
   GHashTable *keyframes;
 
   GArray *rulesets;
@@ -395,9 +394,6 @@ gtk_css_provider_init (GtkCssProvider *css_provider)
 
   priv->rulesets = g_array_new (FALSE, FALSE, sizeof (GtkCssRuleset));
 
-  priv->symbolic_colors = g_hash_table_new_full (g_str_hash, g_str_equal,
-                                                 (GDestroyNotify) g_free,
-                                                 (GDestroyNotify) _gtk_css_value_unref);
   priv->keyframes = g_hash_table_new_full (g_str_hash, g_str_equal,
                                            (GDestroyNotify) g_free,
                                            (GDestroyNotify) _gtk_css_keyframes_unref);
@@ -440,16 +436,6 @@ verify_tree_match_results (GtkCssProvider        *provider,
 #endif
 }
 
-static GtkCssValue *
-gtk_css_style_provider_get_color (GtkStyleProvider *provider,
-                                  const char       *name)
-{
-  GtkCssProvider *css_provider = GTK_CSS_PROVIDER (provider);
-  GtkCssProviderPrivate *priv = gtk_css_provider_get_instance_private (css_provider);
-
-  return g_hash_table_lookup (priv->symbolic_colors, name);
-}
-
 static GtkCssKeyframes *
 gtk_css_style_provider_get_keyframes (GtkStyleProvider *provider,
                                       const char       *name)
@@ -515,7 +501,6 @@ gtk_css_style_provider_lookup (GtkStyleProvider             *provider,
 static void
 gtk_css_style_provider_iface_init (GtkStyleProviderInterface *iface)
 {
-  iface->get_color = gtk_css_style_provider_get_color;
   iface->get_keyframes = gtk_css_style_provider_get_keyframes;
   iface->lookup = gtk_css_style_provider_lookup;
   iface->emit_error = gtk_css_style_provider_emit_error;
@@ -534,7 +519,6 @@ gtk_css_provider_finalize (GObject *object)
   g_array_free (priv->rulesets, TRUE);
   _gtk_css_selector_tree_free (priv->tree);
 
-  g_hash_table_destroy (priv->symbolic_colors);
   g_hash_table_destroy (priv->keyframes);
 
   if (priv->resource)
@@ -607,7 +591,6 @@ gtk_css_provider_reset (GtkCssProvider *css_provider)
       priv->path = NULL;
     }
 
-  g_hash_table_remove_all (priv->symbolic_colors);
   g_hash_table_remove_all (priv->keyframes);
 
   for (i = 0; i < priv->rulesets->len; i++)
@@ -688,41 +671,6 @@ parse_import (GtkCssScanner *scanner)
   return TRUE;
 }
 
-static gboolean
-parse_color_definition (GtkCssScanner *scanner)
-{
-  GtkCssProviderPrivate *priv = gtk_css_provider_get_instance_private (scanner->provider);
-  GtkCssValue *color;
-  char *name;
-
-  if (!gtk_css_parser_try_at_keyword (scanner->parser, "define-color"))
-    return FALSE;
-
-  name = gtk_css_parser_consume_ident (scanner->parser);
-  if (name == NULL)
-    return TRUE;
-
-  color = _gtk_css_color_value_parse (scanner->parser);
-  if (color == NULL)
-    {
-      g_free (name);
-      return TRUE;
-    }
-
-  if (!gtk_css_parser_has_token (scanner->parser, GTK_CSS_TOKEN_EOF))
-    {
-      g_free (name);
-      _gtk_css_value_unref (color);
-      gtk_css_parser_error_syntax (scanner->parser,
-                                   "Missing semicolon at end of color definition");
-      return TRUE;
-    }
-
-  g_hash_table_insert (priv->symbolic_colors, name, color);
-
-  return TRUE;
-}
-
 static gboolean
 parse_keyframes (GtkCssScanner *scanner)
 {
@@ -761,7 +709,6 @@ parse_at_keyword (GtkCssScanner *scanner)
   gtk_css_parser_start_semicolon_block (scanner->parser, GTK_CSS_TOKEN_OPEN_CURLY);
 
   if (!parse_import (scanner) &&
-      !parse_color_definition (scanner) &&
       !parse_keyframes (scanner))
     {
       gtk_css_parser_error_syntax (scanner->parser, "Unknown @ rule");
@@ -1458,31 +1405,6 @@ gtk_css_ruleset_print (const GtkCssRuleset *ruleset,
   g_string_append (str, "}\n");
 }
 
-static void
-gtk_css_provider_print_colors (GHashTable *colors,
-                               GString    *str)
-{
-  GList *keys, *walk;
-
-  keys = g_hash_table_get_keys (colors);
-  /* so the output is identical for identical styles */
-  keys = g_list_sort (keys, (GCompareFunc) strcmp);
-
-  for (walk = keys; walk; walk = walk->next)
-    {
-      const char *name = walk->data;
-      GtkCssValue *color = g_hash_table_lookup (colors, (gpointer) name);
-
-      g_string_append (str, "@define-color ");
-      g_string_append (str, name);
-      g_string_append (str, " ");
-      _gtk_css_value_print (color, str);
-      g_string_append (str, ";\n");
-    }
-
-  g_list_free (keys);
-}
-
 static void
 gtk_css_provider_print_keyframes (GHashTable *keyframes,
                                   GString    *str)
@@ -1535,7 +1457,6 @@ gtk_css_provider_to_string (GtkCssProvider *provider)
 
   str = g_string_new ("");
 
-  gtk_css_provider_print_colors (priv->symbolic_colors, str);
   gtk_css_provider_print_keyframes (priv->keyframes, str);
 
   for (i = 0; i < priv->rulesets->len; i++)

gtk/gtkstylecascade.c

@@ -120,31 +120,6 @@ gtk_style_cascade_get_settings (GtkStyleProvider *provider)
   return NULL;
 }
 
-static GtkCssValue *
-gtk_style_cascade_get_color (GtkStyleProvider *provider,
-                             const char              *name)
-{
-  GtkStyleCascade *cascade = GTK_STYLE_CASCADE (provider);
-  GtkStyleCascadeIter iter;
-  GtkCssValue *color;
-  GtkStyleProvider *item;
-
-  for (item = gtk_style_cascade_iter_init (cascade, &iter);
-       item;
-       item = gtk_style_cascade_iter_next (cascade, &iter))
-    {
-      color = gtk_style_provider_get_color (item, name);
-      if (color)
-        {
-          gtk_style_cascade_iter_clear (&iter);
-          return color;
-        }
-    }
-
-  gtk_style_cascade_iter_clear (&iter);
-  return NULL;
-}
-
 static int
 gtk_style_cascade_get_scale (GtkStyleProvider *provider)
 {
@@ -205,7 +180,6 @@ gtk_style_cascade_lookup (GtkStyleProvider             *provider,
 static void
 gtk_style_cascade_provider_iface_init (GtkStyleProviderInterface *iface)
 {
-  iface->get_color = gtk_style_cascade_get_color;
   iface->get_settings = gtk_style_cascade_get_settings;
   iface->get_scale = gtk_style_cascade_get_scale;
   iface->get_keyframes = gtk_style_cascade_get_keyframes;

gtk/gtkstylecontext.c

@@ -838,11 +838,7 @@ gtk_style_context_lookup_color (GtkStyleContext *context,
   g_return_val_if_fail (color_name != NULL, FALSE);
   g_return_val_if_fail (color != NULL, FALSE);
 
-  value = gtk_style_provider_get_color (GTK_STYLE_PROVIDER (priv->cascade), color_name);
-  if (value == NULL)
-    return FALSE;
-
-  return gtk_style_context_resolve_color (context, value, color);
+  return FALSE;
 }
 
 /**

gtk/gtkstyleprovider.c

@@ -58,26 +58,6 @@ gtk_style_provider_default_init (GtkStyleProviderInterface *iface)
 
 }
 
-GtkCssValue *
-gtk_style_provider_get_color (GtkStyleProvider *provider,
-                              const char       *name)
-{
-  GtkStyleProviderInterface *iface;
-
-  /* for compat with gtk_symbolic_color_resolve() */
-  if (provider == NULL)
-    return NULL;
-
-  gtk_internal_return_val_if_fail (GTK_IS_STYLE_PROVIDER (provider), NULL);
-
-  iface = GTK_STYLE_PROVIDER_GET_INTERFACE (provider);
-
-  if (!iface->get_color)
-    return NULL;
-
-  return iface->get_color (provider, name);
-}
-
 GtkCssKeyframes *
 gtk_style_provider_get_keyframes (GtkStyleProvider *provider,
                                   const char       *name)

gtk/gtkstyleproviderprivate.h

@@ -36,8 +36,6 @@ struct _GtkStyleProviderInterface
 {
   GTypeInterface g_iface;
 
-  GtkCssValue *         (* get_color)           (GtkStyleProvider        *provider,
-                                                 const char              *name);
   GtkSettings *         (* get_settings)        (GtkStyleProvider        *provider);
   GtkCssKeyframes *     (* get_keyframes)       (GtkStyleProvider        *provider,
                                                  const char              *name);
@@ -55,8 +53,6 @@ struct _GtkStyleProviderInterface
 };
 
 GtkSettings *           gtk_style_provider_get_settings          (GtkStyleProvider        *provider);
-GtkCssValue *           gtk_style_provider_get_color             (GtkStyleProvider        *provider,
-                                                                  const char              *name);
 GtkCssKeyframes *       gtk_style_provider_get_keyframes         (GtkStyleProvider        *provider,
                                                                   const char              *name);
 int                     gtk_style_provider_get_scale             (GtkStyleProvider        *provider);

gtk/theme/Default/Default-dark.scss

@@ -4,4 +4,3 @@ $contrast: 'normal';
 @import 'colors';
 @import 'drawing';
 @import 'common';
-@import 'colors-public';

gtk/theme/Default/Default-hc-dark.scss

@@ -2,6 +2,5 @@ $variant: 'dark';
 $contrast: 'high';
 
 @import 'colors';
-@import 'colors-public';
 @import 'drawing';
 @import 'common';

gtk/theme/Default/Default-hc.scss

@@ -2,6 +2,5 @@ $variant: 'light';
 $contrast: 'high';
 
 @import 'colors';
-@import 'colors-public';
 @import 'drawing';
 @import 'common';

gtk/theme/Default/Default-light.scss

@@ -10,4 +10,3 @@ $contrast: 'normal';
 @import 'colors';
 @import 'drawing';
 @import 'common';
-@import 'colors-public';

gtk/theme/Default/_colors-public.scss

@@ -1,119 +0,0 @@
-//apps rely on some named colors to be exported
-/* GTK NAMED COLORS
-   ----------------
-   use responsibly! */
-
-// Sass thinks we're using the colors in the variables as strings and may shoot
-// warning, it's innocuous and can be defeated by using "" + $var
-/*
-widget text/foreground color */
-@define-color theme_fg_color #{"" +$fg_color};
-
-/*
-text color for entries, views and content in general */
-@define-color theme_text_color #{"" +$text_color};
-
-/*
-widget base background color */
-@define-color theme_bg_color #{"" +$bg_color};
-
-/*
-text widgets and the like base background color */
-@define-color theme_base_color #{"" +$base_color};
-
-/*
-base background color of selections */
-@define-color theme_selected_bg_color #{"" +$selected_bg_color};
-
-/*
-text/foreground color of selections */
-@define-color theme_selected_fg_color #{"" +$selected_fg_color};
-
-/*
-base background color of insensitive widgets */
-@define-color insensitive_bg_color #{"" +$insensitive_bg_color};
-
-/*
-text foreground color of insensitive widgets */
-@define-color insensitive_fg_color #{"" +$insensitive_fg_color};
-
-/*
-insensitive text widgets and the like base background color */
-@define-color insensitive_base_color #{"" +$base_color};
-
-/*
-widget text/foreground color on backdrop windows */
-@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color};
-
-/*
-text color for entries, views and content in general on backdrop windows */
-@define-color theme_unfocused_text_color #{"" +$text_color};
-
-/*
-widget base background color on backdrop windows */
-@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color};
-
-/*
-text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color #{"" +$backdrop_base_color};
-
-/*
-base background color of selections on backdrop windows */
-@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color};
-
-/*
-text/foreground color of selections on backdrop windows */
-@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color};
-
-/*
-insensitive color on backdrop windows*/
-@define-color unfocused_insensitive_color #{"" + $backdrop_insensitive_color};
-
-/*
-widgets main borders color */
-@define-color borders #{"" +$borders_color};
-
-/*
-widgets main borders color on backdrop windows */
-@define-color unfocused_borders #{"" +$backdrop_borders_color};
-
-/*
-these are pretty self explicative */
-@define-color warning_color #{"" +$warning_color};
-@define-color error_color #{"" +$error_color};
-@define-color success_color #{"" +$success_color};
-//@define-color destructive_color #{$destructive_color}
-
-//WM
-
-$_wm_highlight: if($variant=='light', $top_hilight,  // Sass gets mad if this is
-                  transparentize(black,1));          // done directly in the
-                                                     // color definition
-
-/*
-these colors are exported for the window manager and shouldn't be used in applications,
-read if you used those and something break with a version upgrade you're on your own... */
-@define-color wm_title shade(#{$fg_color}, 1.8);
-@define-color wm_unfocused_title #{$backdrop_fg_color};
-@define-color wm_highlight #{"" + $_wm_highlight};
-@define-color wm_borders_edge #{"" + $borders_edge};
-
-@define-color wm_bg_a shade(#{$bg_color}, 1.2);
-@define-color wm_bg_b #{$bg_color};
-
-@define-color wm_shadow alpha(black, 0.35);
-@define-color wm_border alpha(black, 0.18);
-
-@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3);
-@define-color wm_button_hover_color_b #{$bg_color};
-@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85);
-@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89);
-@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9);
-
-//FIXME this is really an API
-
-/* content view background such as thumbnails view in Photos or Boxes */
-@define-color content_view_bg #{"" + $base_color};
-
-/* Very contrasty background for text views (@theme_text_color foreground) */
-@define-color text_view_bg #{"" + if($variant == 'light', $base_color, darken($base_color,6%))};

gtk/theme/Default/meson.build

@@ -1,5 +1,4 @@
 default_scss_files = files([
-  '_colors-public.scss',
   '_colors.scss',
   '_common.scss',
   '_drawing.scss',

testsuite/css/parser/at-invalid-08.css

@@ -1 +0,0 @@
-@define-color blue #12234;

testsuite/css/parser/at-invalid-08.errors

@@ -1 +0,0 @@
-at-invalid-08.css:1:20-26: error: GTK_CSS_PARSER_ERROR_UNKNOWN_VALUE

testsuite/css/parser/at-invalid-09.css

@@ -1 +0,0 @@
-@define-color blue #12g234;

testsuite/css/parser/at-invalid-09.errors

@@ -1 +0,0 @@
-at-invalid-09.css:1:20-27: error: GTK_CSS_PARSER_ERROR_UNKNOWN_VALUE

testsuite/css/parser/at-invalid-10.css

@@ -1 +0,0 @@
-@define-color blue @@;

testsuite/css/parser/at-invalid-10.errors

@@ -1 +0,0 @@
-at-invalid-10.css:1:20-21: error: GTK_CSS_PARSER_ERROR_SYNTAX

testsuite/css/parser/at-invalid-11.css

@@ -1 +0,0 @@
-@define-color blue 5!#%4@DG$##x;

testsuite/css/parser/at-invalid-11.errors

@@ -1 +0,0 @@
-at-invalid-11.css:1:20-21: error: GTK_CSS_PARSER_ERROR_SYNTAX

testsuite/css/parser/at-invalid-12.css

@@ -1 +0,0 @@
-@define-color color mix(@red, @blue, @green);

testsuite/css/parser/at-invalid-12.errors

@@ -1 +0,0 @@
-at-invalid-12.css:1:38-44: error: GTK_CSS_PARSER_ERROR_SYNTAX

testsuite/css/parser/at-invalid-13.css

@@ -1 +0,0 @@
-@define-color color mix(@blue, 0.2, @red);

testsuite/css/parser/at-invalid-13.errors

@@ -1 +0,0 @@
-at-invalid-13.css:1:32-35: error: GTK_CSS_PARSER_ERROR_SYNTAX

testsuite/css/parser/at-invalid-14.css

@@ -1 +0,0 @@
-@define-color color mix(0.2, @blue, @red);

testsuite/css/parser/at-invalid-14.errors

@@ -1 +0,0 @@
-at-invalid-14.css:1:25-28: error: GTK_CSS_PARSER_ERROR_SYNTAX

testsuite/css/parser/at-invalid-15.css

@@ -1 +0,0 @@
-@define-color color mix(@blue, @red);

testsuite/css/parser/at-invalid-15.errors

@@ -1 +0,0 @@
-at-invalid-15.css:1:36-37: error: GTK_CSS_PARSER_ERROR_SYNTAX

testsuite/css/parser/at-invalid-16.css

@@ -1 +0,0 @@
-@define-color color mix(@blue);

testsuite/css/parser/at-invalid-16.errors

@@ -1 +0,0 @@
-at-invalid-16.css:1:30-31: error: GTK_CSS_PARSER_ERROR_SYNTAX

testsuite/css/parser/at-invalid-17.css

@@ -1 +0,0 @@
-@define-color color mix();

testsuite/css/parser/at-invalid-17.errors

@@ -1 +0,0 @@
-at-invalid-17.css:1:25-26: error: GTK_CSS_PARSER_ERROR_SYNTAX

testsuite/css/parser/at-invalid-18.css

@@ -1 +0,0 @@
-@define-color color rgba(50%, 50%, 50%);

testsuite/css/parser/at-invalid-18.errors

@@ -1 +0,0 @@
-at-invalid-18.css:1:39-40: error: GTK_CSS_PARSER_ERROR_SYNTAX

testsuite/css/parser/at-invalid-19.css

@@ -1 +0,0 @@
-@define-color color rgb(50%, a);

testsuite/css/parser/at-invalid-19.errors

@@ -1 +0,0 @@
-at-invalid-19.css:1:30-31: error: GTK_CSS_PARSER_ERROR_SYNTAX

testsuite/css/parser/at-invalid-20.css

@@ -1 +0,0 @@
-@define-color 1col rgb(50%, a);

testsuite/css/parser/at-invalid-20.errors

@@ -1 +0,0 @@
-at-invalid-20.css:1:15-19: error: GTK_CSS_PARSER_ERROR_SYNTAX

testsuite/css/parser/at-valid-06.css

@@ -1 +0,0 @@
-@define-color bg_color #f9a039;

testsuite/css/parser/at-valid-06.ref.css

@@ -1 +0,0 @@
-@define-color bg_color rgb(249,160,57);

testsuite/css/parser/at-valid-07.css

@@ -1 +0,0 @@
-@define-color color @bg_color;

testsuite/css/parser/at-valid-08.css

@@ -1 +0,0 @@
-@define-color color rgb(100, 99, 88);

testsuite/css/parser/at-valid-08.ref.css

@@ -1 +0,0 @@
-@define-color color rgb(100,99,88);

testsuite/css/parser/at-valid-09.css

@@ -1 +0,0 @@
-@define-color color rgba(50%, 50%, 50%, 0.5);

testsuite/css/parser/at-valid-09.ref.css

@@ -1 +0,0 @@
-@define-color color rgba(128,128,128,0.5);

testsuite/css/parser/at-valid-10.css

@@ -1 +0,0 @@
-@define-color color lighter(#f9a039);

testsuite/css/parser/at-valid-10.ref.css

@@ -1 +0,0 @@
-@define-color color rgb(255,203,143);

testsuite/css/parser/at-valid-11.css

@@ -1 +0,0 @@
-@define-color color darker( @blue ) ;

testsuite/css/parser/at-valid-11.ref.css

@@ -1 +0,0 @@
-@define-color color shade(@blue, 0.69999999999999996);

testsuite/css/parser/at-valid-12.css

@@ -1 +0,0 @@
-@define-color color shade(@blue, 1.3);

testsuite/css/parser/at-valid-12.ref.css

@@ -1 +0,0 @@
-@define-color color shade(@blue, 1.3);

testsuite/css/parser/at-valid-13.css

@@ -1 +0,0 @@
-@define-color color alpha(@blue, 1.3);

testsuite/css/parser/at-valid-13.ref.css

@@ -1 +0,0 @@
-@define-color color alpha(@blue, 1.3);

testsuite/css/parser/at-valid-14.css

@@ -1 +0,0 @@
-@define-color color mix(@blue, @red, 0.2);

testsuite/css/parser/at-valid-14.ref.css

@@ -1 +0,0 @@
-@define-color color mix(@blue, @red, 0.20000000000000001);

testsuite/css/parser/at-valid-15.css

@@ -1 +0,0 @@
-@define-color color red;

testsuite/css/parser/at-valid-15.ref.css

@@ -1 +0,0 @@
-@define-color color rgb(255,0,0);

testsuite/css/parser/at-valid-16.css

@@ -1 +0,0 @@
-@define-color color mix(shade(#121212, 0.5), mix(rgb(10%,20%,100%), @blue,0.5), 0.2);

testsuite/css/parser/at-valid-16.ref.css

@@ -1 +0,0 @@
-@define-color color mix(rgb(9,9,9), mix(rgb(26,51,255), @blue, 0.5), 0.20000000000000001);

testsuite/css/parser/at-valid-17.css

@@ -1 +0,0 @@
-@define-color blue @blue;

testsuite/css/parser/at-valid-18.css

@@ -1 +0,0 @@
-@define-color blue123_a-b #123;

testsuite/css/parser/at-valid-18.ref.css

@@ -1 +0,0 @@
-@define-color blue123_a-b rgb(17,34,51);

testsuite/css/parser/background-shorthand.css

@@ -7,7 +7,7 @@ b {
 }
 
 c {
-  background: round no-repeat none padding-box top left / auto auto, round no-repeat center, padding-box, repeat none padding-box, content-box padding-box top left / cover url("test.png") round no-repeat, content-box content-box round no-repeat, round no-repeat 10% none, @home border-box border-box center url("test.png");
+  background: round no-repeat none padding-box top left / auto auto, round no-repeat center, padding-box, repeat none padding-box, content-box padding-box top left / cover url("test.png") round no-repeat, content-box content-box round no-repeat, round no-repeat 10% none, brown border-box border-box center url("test.png");
 }
 
 d {
@@ -43,7 +43,7 @@ k {
 }
 
 l {
-  background: border-box url("test.png"), round no-repeat padding-box content-box top left, repeat 10% content-box, linear-gradient(pink, purple) padding-box 10% @home repeat;
+  background: border-box url("test.png"), round no-repeat padding-box content-box top left, repeat 10% content-box, linear-gradient(pink, purple) padding-box 10% brown repeat;
 }
 
 m {
@@ -115,7 +115,7 @@ cb {
 }
 
 db {
-  background: border-box padding-box @home 5px bottom;
+  background: border-box padding-box brown 5px bottom;
 }
 
 eb {
@@ -155,7 +155,7 @@ mb {
 }
 
 nb {
-  background: url("test.png"), content-box repeat, top left padding-box round no-repeat @home;
+  background: url("test.png"), content-box repeat, top left padding-box round no-repeat brown;
 }
 
 ob {
@@ -191,7 +191,7 @@ vb {
 }
 
 wb {
-  background: content-box padding-box none repeat, border-box, center border-box content-box, repeat url("test.png") top left padding-box, linear-gradient(pink, purple) round no-repeat content-box padding-box 10%, padding-box round no-repeat top left, top left / auto auto padding-box linear-gradient(pink, purple) @home;
+  background: content-box padding-box none repeat, border-box, center border-box content-box, repeat url("test.png") top left padding-box, linear-gradient(pink, purple) round no-repeat content-box padding-box 10%, padding-box round no-repeat top left, top left / auto auto padding-box linear-gradient(pink, purple) brown;
 }
 
 xb {
@@ -211,7 +211,7 @@ ac {
 }
 
 bc {
-  background: repeat top left / auto auto, repeat, 10% / 10% padding-box border-box linear-gradient(pink, purple) repeat @home;
+  background: repeat top left / auto auto, repeat, 10% / 10% padding-box border-box linear-gradient(pink, purple) repeat brown;
 }
 
 cc {
@@ -219,11 +219,11 @@ cc {
 }
 
 dc {
-  background: 5px bottom none content-box round no-repeat, center round no-repeat content-box, 10% url("test.png") border-box repeat, none border-box content-box top left / 10% repeat, repeat padding-box none 10%, 5px bottom round no-repeat content-box, repeat 5px bottom url("test.png") padding-box, repeat none, center padding-box, url("test.png") center border-box padding-box @home;
+  background: 5px bottom none content-box round no-repeat, center round no-repeat content-box, 10% url("test.png") border-box repeat, none border-box content-box top left / 10% repeat, repeat padding-box none 10%, 5px bottom round no-repeat content-box, repeat 5px bottom url("test.png") padding-box, repeat none, center padding-box, url("test.png") center border-box padding-box brown;
 }
 
 ec {
-  background: none content-box round no-repeat @home;
+  background: none content-box round no-repeat brown;
 }
 
 fc {
@@ -235,7 +235,7 @@ gc {
 }
 
 hc {
-  background: url("test.png") border-box center, none padding-box 5px bottom / auto auto, none, repeat url("test.png") 10% / cover content-box, repeat border-box padding-box center url("test.png"), top left / 10% @home;
+  background: url("test.png") border-box center, none padding-box 5px bottom / auto auto, none, repeat url("test.png") 10% / cover content-box, repeat border-box padding-box center url("test.png"), top left / 10% brown;
 }
 
 ic {
@@ -243,7 +243,7 @@ ic {
 }
 
 jc {
-  background: border-box url("test.png") round no-repeat top left, url("test.png") 10% @home border-box repeat;
+  background: border-box url("test.png") round no-repeat top left, url("test.png") 10% brown border-box repeat;
 }
 
 kc {
@@ -303,7 +303,7 @@ xc {
 }
 
 yc {
-  background: @home;
+  background: brown;
 }
 
 zc {
@@ -343,7 +343,7 @@ hd {
 }
 
 id {
-  background: 10% / cover padding-box, none 5px bottom repeat border-box border-box, center / cover linear-gradient(pink, purple) padding-box repeat, border-box round no-repeat url("test.png") top left, border-box repeat url("test.png") top left, 10% border-box padding-box url("test.png") repeat, 10% content-box border-box round no-repeat url("test.png") @home;
+  background: 10% / cover padding-box, none 5px bottom repeat border-box border-box, center / cover linear-gradient(pink, purple) padding-box repeat, border-box round no-repeat url("test.png") top left, border-box repeat url("test.png") top left, 10% border-box padding-box url("test.png") repeat, 10% content-box border-box round no-repeat url("test.png") brown;
 }
 
 jd {
@@ -371,7 +371,7 @@ od {
 }
 
 pd {
-  background: content-box 10% @home round no-repeat;
+  background: content-box 10% brown round no-repeat;
 }
 
 qd {
@@ -419,7 +419,7 @@ ae {
 }
 
 be {
-  background: linear-gradient(pink, purple) content-box border-box 5px bottom, none 5px bottom @home round no-repeat;
+  background: linear-gradient(pink, purple) content-box border-box 5px bottom, none 5px bottom brown round no-repeat;
 }
 
 ce {
@@ -427,7 +427,7 @@ ce {
 }
 
 de {
-  background: border-box url("test.png") round no-repeat 10% / 10%, round no-repeat center, round no-repeat content-box border-box linear-gradient(pink, purple) center / auto auto, linear-gradient(pink, purple) padding-box, url("test.png") border-box border-box center, 5px bottom / auto auto repeat content-box padding-box linear-gradient(pink, purple), linear-gradient(pink, purple) top left, none, linear-gradient(pink, purple) repeat border-box, top left repeat border-box padding-box, 5px bottom round no-repeat border-box, border-box padding-box center repeat, content-box padding-box linear-gradient(pink, purple), 10% / auto auto round no-repeat border-box, 5px bottom / auto auto content-box content-box none @home;
+  background: border-box url("test.png") round no-repeat 10% / 10%, round no-repeat center, round no-repeat content-box border-box linear-gradient(pink, purple) center / auto auto, linear-gradient(pink, purple) padding-box, url("test.png") border-box border-box center, 5px bottom / auto auto repeat content-box padding-box linear-gradient(pink, purple), linear-gradient(pink, purple) top left, none, linear-gradient(pink, purple) repeat border-box, top left repeat border-box padding-box, 5px bottom round no-repeat border-box, border-box padding-box center repeat, content-box padding-box linear-gradient(pink, purple), 10% / auto auto round no-repeat border-box, 5px bottom / auto auto content-box content-box none brown;
 }
 
 ee {
@@ -443,7 +443,7 @@ ge {
 }
 
 he {
-  background: repeat content-box, border-box border-box center repeat, none 10% repeat, 5px bottom content-box content-box none repeat, content-box, padding-box content-box top left repeat, 10% none content-box, repeat padding-box padding-box center, @home repeat 10% / 10% border-box none;
+  background: repeat content-box, border-box border-box center repeat, none 10% repeat, 5px bottom content-box content-box none repeat, content-box, padding-box content-box top left repeat, 10% none content-box, repeat padding-box padding-box center, brown repeat 10% / 10% border-box none;
 }
 
 ie {
@@ -455,7 +455,7 @@ je {
 }
 
 ke {
-  background: round no-repeat url("test.png") padding-box padding-box 5px bottom, none round no-repeat border-box content-box top left, round no-repeat @home content-box;
+  background: round no-repeat url("test.png") padding-box padding-box 5px bottom, none round no-repeat border-box content-box top left, round no-repeat brown content-box;
 }
 
 le {
@@ -495,7 +495,7 @@ te {
 }
 
 ue {
-  background: center padding-box content-box @home round no-repeat;
+  background: center padding-box content-box brown round no-repeat;
 }
 
 ve {
@@ -543,7 +543,7 @@ ff {
 }
 
 gf {
-  background: padding-box 10% url("test.png"), round no-repeat padding-box content-box url("test.png") 10% / cover, repeat border-box url("test.png") top left / 10%, border-box repeat 10% / auto auto @home;
+  background: padding-box 10% url("test.png"), round no-repeat padding-box content-box url("test.png") 10% / cover, repeat border-box url("test.png") top left / 10%, border-box repeat 10% / auto auto brown;
 }
 
 hf {
@@ -559,7 +559,7 @@ jf {
 }
 
 kf {
-  background: padding-box border-box 5px bottom / auto auto, url("test.png") border-box padding-box round no-repeat, round no-repeat url("test.png") 5px bottom, linear-gradient(pink, purple) padding-box 10% / cover, url("test.png") 10% / 10% round no-repeat, @home url("test.png") 5px bottom border-box content-box repeat;
+  background: padding-box border-box 5px bottom / auto auto, url("test.png") border-box padding-box round no-repeat, round no-repeat url("test.png") 5px bottom, linear-gradient(pink, purple) padding-box 10% / cover, url("test.png") 10% / 10% round no-repeat, brown url("test.png") 5px bottom border-box content-box repeat;
 }
 
 lf {
@@ -615,7 +615,7 @@ xf {
 }
 
 yf {
-  background: padding-box content-box round no-repeat none, linear-gradient(pink, purple) center, padding-box center repeat, repeat padding-box, content-box padding-box round no-repeat, content-box url("test.png"), content-box url("test.png") round no-repeat, round no-repeat linear-gradient(pink, purple) center border-box content-box, url("test.png") 5px bottom round no-repeat, 5px bottom / cover border-box url("test.png") repeat, padding-box round no-repeat top left, repeat border-box top left, linear-gradient(pink, purple), border-box round no-repeat 10%, linear-gradient(pink, purple) repeat padding-box content-box, linear-gradient(pink, purple) round no-repeat border-box content-box, url("test.png") content-box padding-box repeat top left, repeat top left linear-gradient(pink, purple), @home padding-box none;
+  background: padding-box content-box round no-repeat none, linear-gradient(pink, purple) center, padding-box center repeat, repeat padding-box, content-box padding-box round no-repeat, content-box url("test.png"), content-box url("test.png") round no-repeat, round no-repeat linear-gradient(pink, purple) center border-box content-box, url("test.png") 5px bottom round no-repeat, 5px bottom / cover border-box url("test.png") repeat, padding-box round no-repeat top left, repeat border-box top left, linear-gradient(pink, purple), border-box round no-repeat 10%, linear-gradient(pink, purple) repeat padding-box content-box, linear-gradient(pink, purple) round no-repeat border-box content-box, url("test.png") content-box padding-box repeat top left, repeat top left linear-gradient(pink, purple), brown padding-box none;
 }
 
 zf {
@@ -643,7 +643,7 @@ eg {
 }
 
 fg {
-  background: none repeat center padding-box, url("test.png") border-box 5px bottom, @home repeat padding-box 10% url("test.png");
+  background: none repeat center padding-box, url("test.png") border-box 5px bottom, brown repeat padding-box 10% url("test.png");
 }
 
 gg {
@@ -663,7 +663,7 @@ jg {
 }
 
 kg {
-  background: padding-box linear-gradient(pink, purple) top left / cover, linear-gradient(pink, purple), padding-box round no-repeat center, round no-repeat url("test.png"), 10%, 10% repeat content-box, round no-repeat 10% padding-box padding-box, linear-gradient(pink, purple) @home top left repeat;
+  background: padding-box linear-gradient(pink, purple) top left / cover, linear-gradient(pink, purple), padding-box round no-repeat center, round no-repeat url("test.png"), 10%, 10% repeat content-box, round no-repeat 10% padding-box padding-box, linear-gradient(pink, purple) brown top left repeat;
 }
 
 lg {
@@ -735,11 +735,11 @@ bh {
 }
 
 ch {
-  background: repeat linear-gradient(pink, purple), repeat 5px bottom, repeat 10% / cover padding-box border-box, repeat content-box, repeat top left padding-box content-box, center url("test.png") content-box, content-box content-box linear-gradient(pink, purple) 5px bottom, border-box border-box 5px bottom repeat, 10% / cover border-box, padding-box @home none;
+  background: repeat linear-gradient(pink, purple), repeat 5px bottom, repeat 10% / cover padding-box border-box, repeat content-box, repeat top left padding-box content-box, center url("test.png") content-box, content-box content-box linear-gradient(pink, purple) 5px bottom, border-box border-box 5px bottom repeat, 10% / cover border-box, padding-box brown none;
 }
 
 dh {
-  background: repeat 5px bottom / 10% padding-box padding-box, content-box content-box none center / 10%, 10% / auto auto border-box padding-box repeat url("test.png"), 10% padding-box, repeat @home none 5px bottom content-box padding-box;
+  background: repeat 5px bottom / 10% padding-box padding-box, content-box content-box none center / 10%, 10% / auto auto border-box padding-box repeat url("test.png"), 10% padding-box, repeat brown none 5px bottom content-box padding-box;
 }
 
 eh {
@@ -795,7 +795,7 @@ qh {
 }
 
 rh {
-  background: round no-repeat 10%, repeat top left, content-box linear-gradient(pink, purple) @home round no-repeat;
+  background: round no-repeat 10%, repeat top left, content-box linear-gradient(pink, purple) brown round no-repeat;
 }
 
 sh {
@@ -823,7 +823,7 @@ xh {
 }
 
 yh {
-  background: border-box repeat linear-gradient(pink, purple), repeat 10% @home;
+  background: border-box repeat linear-gradient(pink, purple), repeat 10% brown;
 }
 
 zh {
@@ -851,7 +851,7 @@ ei {
 }
 
 fi {
-  background: @home content-box border-box top left;
+  background: brown content-box border-box top left;
 }
 
 gi {
@@ -859,11 +859,11 @@ gi {
 }
 
 hi {
-  background: 10% / cover padding-box content-box none repeat, content-box @home linear-gradient(pink, purple);
+  background: 10% / cover padding-box content-box none repeat, content-box brown linear-gradient(pink, purple);
 }
 
 ii {
-  background: content-box content-box round no-repeat linear-gradient(pink, purple), 5px bottom padding-box repeat @home;
+  background: content-box content-box round no-repeat linear-gradient(pink, purple), 5px bottom padding-box repeat brown;
 }
 
 ji {
@@ -871,7 +871,7 @@ ji {
 }
 
 ki {
-  background: repeat 5px bottom border-box, round no-repeat 10% url("test.png"), none border-box, round no-repeat content-box, round no-repeat 5px bottom border-box, top left / 10% repeat url("test.png") content-box, content-box border-box round no-repeat, 5px bottom / 10% round no-repeat, content-box padding-box repeat linear-gradient(pink, purple) 10%, round no-repeat padding-box top left / cover none, center url("test.png"), round no-repeat url("test.png") content-box top left / auto auto, border-box center @home linear-gradient(pink, purple);
+  background: repeat 5px bottom border-box, round no-repeat 10% url("test.png"), none border-box, round no-repeat content-box, round no-repeat 5px bottom border-box, top left / 10% repeat url("test.png") content-box, content-box border-box round no-repeat, 5px bottom / 10% round no-repeat, content-box padding-box repeat linear-gradient(pink, purple) 10%, round no-repeat padding-box top left / cover none, center url("test.png"), round no-repeat url("test.png") content-box top left / auto auto, border-box center brown linear-gradient(pink, purple);
 }
 
 li {
@@ -891,11 +891,11 @@ oi {
 }
 
 pi {
-  background: content-box 5px bottom repeat, repeat content-box content-box, border-box top left @home;
+  background: content-box 5px bottom repeat, repeat content-box content-box, border-box top left brown;
 }
 
 qi {
-  background: repeat border-box linear-gradient(pink, purple) top left / 10%, none 10% / cover content-box, 5px bottom linear-gradient(pink, purple) repeat @home border-box content-box;
+  background: repeat border-box linear-gradient(pink, purple) top left / 10%, none 10% / cover content-box, 5px bottom linear-gradient(pink, purple) repeat brown border-box content-box;
 }
 
 ri {
@@ -903,7 +903,7 @@ ri {
 }
 
 si {
-  background: none top left, 5px bottom / 10%, top left url("test.png") repeat, linear-gradient(pink, purple) border-box round no-repeat, repeat padding-box linear-gradient(pink, purple) 10% / 10%, padding-box none top left @home round no-repeat;
+  background: none top left, 5px bottom / 10%, top left url("test.png") repeat, linear-gradient(pink, purple) border-box round no-repeat, repeat padding-box linear-gradient(pink, purple) 10% / 10%, padding-box none top left brown round no-repeat;
 }
 
 ti {
@@ -983,7 +983,7 @@ lj {
 }
 
 mj {
-  background: repeat linear-gradient(pink, purple) 5px bottom, border-box center / 10% linear-gradient(pink, purple), center / cover round no-repeat content-box, linear-gradient(pink, purple) content-box 10%, url("test.png") top left padding-box padding-box, top left repeat none, center border-box content-box none round no-repeat, url("test.png") top left / 10%, center / cover none content-box content-box, round no-repeat center / cover content-box, top left border-box linear-gradient(pink, purple) repeat, url("test.png"), linear-gradient(pink, purple), linear-gradient(pink, purple) 10% / cover content-box round no-repeat, 10% / auto auto border-box, top left / 10% linear-gradient(pink, purple) repeat @home;
+  background: repeat linear-gradient(pink, purple) 5px bottom, border-box center / 10% linear-gradient(pink, purple), center / cover round no-repeat content-box, linear-gradient(pink, purple) content-box 10%, url("test.png") top left padding-box padding-box, top left repeat none, center border-box content-box none round no-repeat, url("test.png") top left / 10%, center / cover none content-box content-box, round no-repeat center / cover content-box, top left border-box linear-gradient(pink, purple) repeat, url("test.png"), linear-gradient(pink, purple), linear-gradient(pink, purple) 10% / cover content-box round no-repeat, 10% / auto auto border-box, top left / 10% linear-gradient(pink, purple) repeat brown;
 }
 
 nj {
@@ -991,7 +991,7 @@ nj {
 }
 
 oj {
-  background: none 5px bottom / cover, center / 10% linear-gradient(pink, purple) repeat content-box, linear-gradient(pink, purple) center, padding-box top left / 10%, 5px bottom repeat url("test.png"), padding-box top left round no-repeat, center linear-gradient(pink, purple) padding-box content-box, @home round no-repeat top left;
+  background: none 5px bottom / cover, center / 10% linear-gradient(pink, purple) repeat content-box, linear-gradient(pink, purple) center, padding-box top left / 10%, 5px bottom repeat url("test.png"), padding-box top left round no-repeat, center linear-gradient(pink, purple) padding-box content-box, brown round no-repeat top left;
 }
 
 pj {
@@ -1075,7 +1075,7 @@ ik {
 }
 
 jk {
-  background: repeat content-box top left, repeat content-box center linear-gradient(pink, purple), center / auto auto repeat, round no-repeat linear-gradient(pink, purple), linear-gradient(pink, purple) content-box repeat center / auto auto, repeat, linear-gradient(pink, purple) border-box padding-box 10%, top left / auto auto padding-box round no-repeat, repeat padding-box border-box none, linear-gradient(pink, purple) round no-repeat border-box, repeat padding-box 10% url("test.png"), center round no-repeat content-box content-box, @home top left;
+  background: repeat content-box top left, repeat content-box center linear-gradient(pink, purple), center / auto auto repeat, round no-repeat linear-gradient(pink, purple), linear-gradient(pink, purple) content-box repeat center / auto auto, repeat, linear-gradient(pink, purple) border-box padding-box 10%, top left / auto auto padding-box round no-repeat, repeat padding-box border-box none, linear-gradient(pink, purple) round no-repeat border-box, repeat padding-box 10% url("test.png"), center round no-repeat content-box content-box, brown top left;
 }
 
 kk {
@@ -1087,7 +1087,7 @@ lk {
 }
 
 mk {
-  background: repeat padding-box center linear-gradient(pink, purple), border-box repeat, url("test.png") center / 10% repeat, border-box border-box top left none round no-repeat, content-box repeat top left / 10% linear-gradient(pink, purple), 5px bottom url("test.png"), round no-repeat padding-box 5px bottom / 10%, content-box repeat url("test.png"), content-box none round no-repeat 5px bottom / cover, top left / auto auto content-box border-box, repeat 5px bottom linear-gradient(pink, purple), round no-repeat url("test.png") border-box, none 10% round no-repeat border-box, round no-repeat linear-gradient(pink, purple) 5px bottom padding-box, linear-gradient(pink, purple) 10% / auto auto padding-box repeat @home;
+  background: repeat padding-box center linear-gradient(pink, purple), border-box repeat, url("test.png") center / 10% repeat, border-box border-box top left none round no-repeat, content-box repeat top left / 10% linear-gradient(pink, purple), 5px bottom url("test.png"), round no-repeat padding-box 5px bottom / 10%, content-box repeat url("test.png"), content-box none round no-repeat 5px bottom / cover, top left / auto auto content-box border-box, repeat 5px bottom linear-gradient(pink, purple), round no-repeat url("test.png") border-box, none 10% round no-repeat border-box, round no-repeat linear-gradient(pink, purple) 5px bottom padding-box, linear-gradient(pink, purple) 10% / auto auto padding-box repeat brown;
 }
 
 nk {
@@ -1107,7 +1107,7 @@ qk {
 }
 
 rk {
-  background: linear-gradient(pink, purple) border-box round no-repeat center / cover, center content-box padding-box, border-box 10% / 10%, url("test.png") padding-box top left / cover, linear-gradient(pink, purple) top left round no-repeat, border-box content-box repeat url("test.png"), url("test.png") border-box border-box, center linear-gradient(pink, purple) round no-repeat border-box content-box, none top left padding-box, border-box round no-repeat url("test.png"), none 5px bottom, 5px bottom none, padding-box padding-box 10%, repeat center / cover padding-box border-box @home none;
+  background: linear-gradient(pink, purple) border-box round no-repeat center / cover, center content-box padding-box, border-box 10% / 10%, url("test.png") padding-box top left / cover, linear-gradient(pink, purple) top left round no-repeat, border-box content-box repeat url("test.png"), url("test.png") border-box border-box, center linear-gradient(pink, purple) round no-repeat border-box content-box, none top left padding-box, border-box round no-repeat url("test.png"), none 5px bottom, 5px bottom none, padding-box padding-box 10%, repeat center / cover padding-box border-box brown none;
 }
 
 sk {
@@ -1143,7 +1143,7 @@ zk {
 }
 
 al {
-  background: round no-repeat center content-box, border-box 5px bottom / 10%, url("test.png") border-box 10% / cover, repeat @home content-box content-box url("test.png");
+  background: round no-repeat center content-box, border-box 5px bottom / 10%, url("test.png") border-box 10% / cover, repeat brown content-box content-box url("test.png");
 }
 
 bl {
@@ -1239,7 +1239,7 @@ xl {
 }
 
 yl {
-  background: 10% border-box content-box, repeat none content-box, padding-box url("test.png"), 5px bottom repeat, border-box round no-repeat url("test.png"), repeat content-box border-box 5px bottom / auto auto, none, border-box linear-gradient(pink, purple) @home repeat;
+  background: 10% border-box content-box, repeat none content-box, padding-box url("test.png"), 5px bottom repeat, border-box round no-repeat url("test.png"), repeat content-box border-box 5px bottom / auto auto, none, border-box linear-gradient(pink, purple) brown repeat;
 }
 
 zl {
@@ -1303,7 +1303,7 @@ nm {
 }
 
 om {
-  background: top left @home border-box none;
+  background: top left brown border-box none;
 }
 
 pm {
@@ -1311,7 +1311,7 @@ pm {
 }
 
 qm {
-  background: border-box border-box round no-repeat linear-gradient(pink, purple) 10%, 10% / 10% linear-gradient(pink, purple), url("test.png") round no-repeat top left / cover, center content-box border-box none, round no-repeat none top left / cover, top left / cover round no-repeat border-box linear-gradient(pink, purple), repeat border-box center / auto auto, padding-box repeat center @home;
+  background: border-box border-box round no-repeat linear-gradient(pink, purple) 10%, 10% / 10% linear-gradient(pink, purple), url("test.png") round no-repeat top left / cover, center content-box border-box none, round no-repeat none top left / cover, top left / cover round no-repeat border-box linear-gradient(pink, purple), repeat border-box center / auto auto, padding-box repeat center brown;
 }
 
 rm {
@@ -1395,7 +1395,7 @@ kn {
 }
 
 ln {
-  background: content-box center url("test.png"), content-box top left, content-box url("test.png") center, url("test.png") center / auto auto, padding-box round no-repeat 10% linear-gradient(pink, purple), border-box repeat 10%, repeat 10%, round no-repeat center, round no-repeat @home none content-box 10% / cover;
+  background: content-box center url("test.png"), content-box top left, content-box url("test.png") center, url("test.png") center / auto auto, padding-box round no-repeat 10% linear-gradient(pink, purple), border-box repeat 10%, repeat 10%, round no-repeat center, round no-repeat brown none content-box 10% / cover;
 }
 
 mn {
@@ -1411,11 +1411,11 @@ on {
 }
 
 pn {
-  background: content-box content-box 5px bottom / 10% linear-gradient(pink, purple) repeat, url("test.png") top left padding-box padding-box, padding-box center repeat, content-box linear-gradient(pink, purple) 5px bottom / auto auto @home;
+  background: content-box content-box 5px bottom / 10% linear-gradient(pink, purple) repeat, url("test.png") top left padding-box padding-box, padding-box center repeat, content-box linear-gradient(pink, purple) 5px bottom / auto auto brown;
 }
 
 qn {
-  background: none 10%, round no-repeat top left linear-gradient(pink, purple), center / auto auto url("test.png") repeat, border-box 10% / auto auto round no-repeat, round no-repeat content-box url("test.png"), none padding-box 10% / 10%, 10% border-box padding-box @home;
+  background: none 10%, round no-repeat top left linear-gradient(pink, purple), center / auto auto url("test.png") repeat, border-box 10% / auto auto round no-repeat, round no-repeat content-box url("test.png"), none padding-box 10% / 10%, 10% border-box padding-box brown;
 }
 
 rn {
@@ -1435,7 +1435,7 @@ un {
 }
 
 vn {
-  background: none 5px bottom round no-repeat, round no-repeat content-box border-box none 10%, none center round no-repeat content-box, url("test.png") 5px bottom border-box, 10% / cover content-box padding-box, 5px bottom padding-box content-box, round no-repeat linear-gradient(pink, purple) border-box center, url("test.png"), round no-repeat border-box, round no-repeat linear-gradient(pink, purple) @home content-box;
+  background: none 5px bottom round no-repeat, round no-repeat content-box border-box none 10%, none center round no-repeat content-box, url("test.png") 5px bottom border-box, 10% / cover content-box padding-box, 5px bottom padding-box content-box, round no-repeat linear-gradient(pink, purple) border-box center, url("test.png"), round no-repeat border-box, round no-repeat linear-gradient(pink, purple) brown content-box;
 }
 
 wn {
@@ -1443,7 +1443,7 @@ wn {
 }
 
 xn {
-  background: padding-box repeat linear-gradient(pink, purple), border-box padding-box top left none @home;
+  background: padding-box repeat linear-gradient(pink, purple), border-box padding-box top left none brown;
 }
 
 yn {
@@ -1479,7 +1479,7 @@ fo {
 }
 
 go {
-  background: border-box top left / cover round no-repeat, repeat none border-box border-box @home;
+  background: border-box top left / cover round no-repeat, repeat none border-box border-box brown;
 }
 
 ho {
@@ -1491,7 +1491,7 @@ io {
 }
 
 jo {
-  background: content-box padding-box none round no-repeat center, 10% padding-box border-box, repeat center / 10% padding-box none, repeat center, padding-box round no-repeat top left linear-gradient(pink, purple), none round no-repeat padding-box content-box center / cover, padding-box url("test.png") round no-repeat, repeat linear-gradient(pink, purple) border-box content-box center, repeat content-box center / auto auto linear-gradient(pink, purple), top left / cover none padding-box, padding-box content-box linear-gradient(pink, purple) repeat, round no-repeat, top left linear-gradient(pink, purple), repeat center padding-box, content-box padding-box repeat linear-gradient(pink, purple) top left, center border-box border-box, repeat top left / cover @home;
+  background: content-box padding-box none round no-repeat center, 10% padding-box border-box, repeat center / 10% padding-box none, repeat center, padding-box round no-repeat top left linear-gradient(pink, purple), none round no-repeat padding-box content-box center / cover, padding-box url("test.png") round no-repeat, repeat linear-gradient(pink, purple) border-box content-box center, repeat content-box center / auto auto linear-gradient(pink, purple), top left / cover none padding-box, padding-box content-box linear-gradient(pink, purple) repeat, round no-repeat, top left linear-gradient(pink, purple), repeat center padding-box, content-box padding-box repeat linear-gradient(pink, purple) top left, center border-box border-box, repeat top left / cover brown;
 }
 
 ko {
@@ -1507,7 +1507,7 @@ mo {
 }
 
 no {
-  background: linear-gradient(pink, purple) @home 10% repeat;
+  background: linear-gradient(pink, purple) brown 10% repeat;
 }
 
 oo {
@@ -1531,11 +1531,11 @@ so {
 }
 
 to {
-  background: repeat none, top left repeat none padding-box border-box, 5px bottom @home;
+  background: repeat none, top left repeat none padding-box border-box, 5px bottom brown;
 }
 
 uo {
-  background: linear-gradient(pink, purple) content-box, repeat 10% / 10%, padding-box 5px bottom / auto auto, border-box, 10% border-box padding-box, repeat center none border-box, top left content-box padding-box none, url("test.png") padding-box, repeat top left, @home padding-box border-box repeat 5px bottom;
+  background: linear-gradient(pink, purple) content-box, repeat 10% / 10%, padding-box 5px bottom / auto auto, border-box, 10% border-box padding-box, repeat center none border-box, top left content-box padding-box none, url("test.png") padding-box, repeat top left, brown padding-box border-box repeat 5px bottom;
 }
 
 vo {
@@ -1623,7 +1623,7 @@ pp {
 }
 
 qp {
-  background: top left / auto auto url("test.png"), padding-box padding-box 5px bottom / cover linear-gradient(pink, purple) round no-repeat, round no-repeat, center border-box padding-box none round no-repeat, url("test.png") center round no-repeat, 5px bottom / 10% linear-gradient(pink, purple) content-box, center repeat url("test.png"), repeat 5px bottom linear-gradient(pink, purple) content-box, padding-box border-box repeat 5px bottom, url("test.png") 10% round no-repeat, url("test.png") top left content-box content-box, 5px bottom / cover url("test.png"), repeat 5px bottom linear-gradient(pink, purple), round no-repeat linear-gradient(pink, purple) content-box content-box, padding-box none repeat, border-box 5px bottom linear-gradient(pink, purple) repeat, none repeat @home;
+  background: top left / auto auto url("test.png"), padding-box padding-box 5px bottom / cover linear-gradient(pink, purple) round no-repeat, round no-repeat, center border-box padding-box none round no-repeat, url("test.png") center round no-repeat, 5px bottom / 10% linear-gradient(pink, purple) content-box, center repeat url("test.png"), repeat 5px bottom linear-gradient(pink, purple) content-box, padding-box border-box repeat 5px bottom, url("test.png") 10% round no-repeat, url("test.png") top left content-box content-box, 5px bottom / cover url("test.png"), repeat 5px bottom linear-gradient(pink, purple), round no-repeat linear-gradient(pink, purple) content-box content-box, padding-box none repeat, border-box 5px bottom linear-gradient(pink, purple) repeat, none repeat brown;
 }
 
 rp {
@@ -1639,7 +1639,7 @@ tp {
 }
 
 up {
-  background: none repeat 10%, center linear-gradient(pink, purple) border-box round no-repeat, repeat 10% border-box content-box linear-gradient(pink, purple), padding-box round no-repeat 5px bottom / 10%, url("test.png") repeat @home content-box;
+  background: none repeat 10%, center linear-gradient(pink, purple) border-box round no-repeat, repeat 10% border-box content-box linear-gradient(pink, purple), padding-box round no-repeat 5px bottom / 10%, url("test.png") repeat brown content-box;
 }
 
 vp {
@@ -1655,7 +1655,7 @@ xp {
 }
 
 yp {
-  background: repeat url("test.png") 5px bottom / cover border-box, @home padding-box border-box round no-repeat;
+  background: repeat url("test.png") 5px bottom / cover border-box, brown padding-box border-box round no-repeat;
 }
 
 zp {
@@ -1691,7 +1691,7 @@ gq {
 }
 
 hq {
-  background: repeat 5px bottom none padding-box, round no-repeat url("test.png"), border-box content-box none, linear-gradient(pink, purple) 5px bottom, linear-gradient(pink, purple) border-box top left round no-repeat, repeat, none border-box repeat, repeat linear-gradient(pink, purple) content-box border-box center, repeat 5px bottom, round no-repeat linear-gradient(pink, purple) content-box padding-box, content-box border-box 5px bottom / 10% round no-repeat url("test.png"), url("test.png") border-box, center repeat padding-box padding-box, repeat content-box 5px bottom / auto auto none, repeat @home linear-gradient(pink, purple);
+  background: repeat 5px bottom none padding-box, round no-repeat url("test.png"), border-box content-box none, linear-gradient(pink, purple) 5px bottom, linear-gradient(pink, purple) border-box top left round no-repeat, repeat, none border-box repeat, repeat linear-gradient(pink, purple) content-box border-box center, repeat 5px bottom, round no-repeat linear-gradient(pink, purple) content-box padding-box, content-box border-box 5px bottom / 10% round no-repeat url("test.png"), url("test.png") border-box, center repeat padding-box padding-box, repeat content-box 5px bottom / auto auto none, repeat brown linear-gradient(pink, purple);
 }
 
 iq {
@@ -1779,7 +1779,7 @@ cr {
 }
 
 dr {
-  background: 10% padding-box border-box url("test.png"), @home 5px bottom content-box;
+  background: 10% padding-box border-box url("test.png"), brown 5px bottom content-box;
 }
 
 er {
@@ -1791,7 +1791,7 @@ fr {
 }
 
 gr {
-  background: linear-gradient(pink, purple) round no-repeat 10% border-box padding-box, none padding-box top left, repeat none 5px bottom border-box, top left content-box padding-box linear-gradient(pink, purple) @home;
+  background: linear-gradient(pink, purple) round no-repeat 10% border-box padding-box, none padding-box top left, repeat none 5px bottom border-box, top left content-box padding-box linear-gradient(pink, purple) brown;
 }
 
 hr {
@@ -1847,7 +1847,7 @@ tr {
 }
 
 ur {
-  background: round no-repeat, url("test.png") 5px bottom round no-repeat, border-box border-box top left / 10% @home round no-repeat;
+  background: round no-repeat, url("test.png") 5px bottom round no-repeat, border-box border-box top left / 10% brown round no-repeat;
 }
 
 vr {
@@ -1855,7 +1855,7 @@ vr {
 }
 
 wr {
-  background: 5px bottom padding-box none, content-box border-box 10% linear-gradient(pink, purple) repeat @home;
+  background: 5px bottom padding-box none, content-box border-box 10% linear-gradient(pink, purple) repeat brown;
 }
 
 xr {
@@ -1891,15 +1891,15 @@ es {
 }
 
 fs {
-  background: repeat url("test.png") content-box 10%, repeat linear-gradient(pink, purple) 5px bottom / auto auto content-box, round no-repeat 5px bottom / auto auto, padding-box linear-gradient(pink, purple) center / auto auto repeat, url("test.png") repeat 10%, top left / cover padding-box repeat, content-box border-box linear-gradient(pink, purple) center / auto auto repeat, linear-gradient(pink, purple) content-box padding-box round no-repeat, padding-box padding-box 5px bottom linear-gradient(pink, purple), url("test.png") @home 10% border-box;
+  background: repeat url("test.png") content-box 10%, repeat linear-gradient(pink, purple) 5px bottom / auto auto content-box, round no-repeat 5px bottom / auto auto, padding-box linear-gradient(pink, purple) center / auto auto repeat, url("test.png") repeat 10%, top left / cover padding-box repeat, content-box border-box linear-gradient(pink, purple) center / auto auto repeat, linear-gradient(pink, purple) content-box padding-box round no-repeat, padding-box padding-box 5px bottom linear-gradient(pink, purple), url("test.png") brown 10% border-box;
 }
 
 gs {
-  background: linear-gradient(pink, purple) border-box round no-repeat, round no-repeat content-box content-box 5px bottom / auto auto, 10% / auto auto, padding-box linear-gradient(pink, purple) round no-repeat top left / auto auto, repeat center, top left padding-box linear-gradient(pink, purple), @home round no-repeat border-box url("test.png") 5px bottom;
+  background: linear-gradient(pink, purple) border-box round no-repeat, round no-repeat content-box content-box 5px bottom / auto auto, 10% / auto auto, padding-box linear-gradient(pink, purple) round no-repeat top left / auto auto, repeat center, top left padding-box linear-gradient(pink, purple), brown round no-repeat border-box url("test.png") 5px bottom;
 }
 
 hs {
-  background: 10% url("test.png") repeat border-box content-box, border-box repeat, none content-box content-box 10% / auto auto, 10% / 10% round no-repeat linear-gradient(pink, purple), 5px bottom none content-box, none border-box 5px bottom, repeat top left / auto auto border-box content-box none, border-box center / 10% linear-gradient(pink, purple), round no-repeat @home 5px bottom / auto auto none;
+  background: 10% url("test.png") repeat border-box content-box, border-box repeat, none content-box content-box 10% / auto auto, 10% / 10% round no-repeat linear-gradient(pink, purple), 5px bottom none content-box, none border-box 5px bottom, repeat top left / auto auto border-box content-box none, border-box center / 10% linear-gradient(pink, purple), round no-repeat brown 5px bottom / auto auto none;
 }
 
 is {
@@ -1919,11 +1919,11 @@ ls {
 }
 
 ms {
-  background: border-box repeat, center content-box url("test.png"), 10% / 10% repeat none border-box content-box, border-box border-box round no-repeat @home;
+  background: border-box repeat, center content-box url("test.png"), 10% / 10% repeat none border-box content-box, border-box border-box round no-repeat brown;
 }
 
 ns {
-  background: top left / cover url("test.png") padding-box, round no-repeat 5px bottom / auto auto linear-gradient(pink, purple), padding-box padding-box 10% / 10% linear-gradient(pink, purple) repeat, padding-box content-box url("test.png") repeat, linear-gradient(pink, purple) border-box padding-box 5px bottom / cover repeat, content-box top left / 10% url("test.png"), repeat top left @home;
+  background: top left / cover url("test.png") padding-box, round no-repeat 5px bottom / auto auto linear-gradient(pink, purple), padding-box padding-box 10% / 10% linear-gradient(pink, purple) repeat, padding-box content-box url("test.png") repeat, linear-gradient(pink, purple) border-box padding-box 5px bottom / cover repeat, content-box top left / 10% url("test.png"), repeat top left brown;
 }
 
 os {
@@ -1935,11 +1935,11 @@ ps {
 }
 
 qs {
-  background: content-box 10% repeat, border-box url("test.png") 10%, content-box linear-gradient(pink, purple) 10% / cover, none 10% / cover content-box, top left content-box round no-repeat, linear-gradient(pink, purple) @home padding-box border-box center repeat;
+  background: content-box 10% repeat, border-box url("test.png") 10%, content-box linear-gradient(pink, purple) 10% / cover, none 10% / cover content-box, top left content-box round no-repeat, linear-gradient(pink, purple) brown padding-box border-box center repeat;
 }
 
 rs {
-  background: center round no-repeat none content-box, center / auto auto round no-repeat padding-box, repeat linear-gradient(pink, purple), border-box content-box repeat url("test.png"), round no-repeat url("test.png") content-box content-box 5px bottom, 5px bottom linear-gradient(pink, purple), url("test.png") padding-box repeat, center / auto auto url("test.png"), border-box 5px bottom / auto auto repeat url("test.png"), round no-repeat padding-box top left / cover linear-gradient(pink, purple), padding-box round no-repeat @home top left;
+  background: center round no-repeat none content-box, center / auto auto round no-repeat padding-box, repeat linear-gradient(pink, purple), border-box content-box repeat url("test.png"), round no-repeat url("test.png") content-box content-box 5px bottom, 5px bottom linear-gradient(pink, purple), url("test.png") padding-box repeat, center / auto auto url("test.png"), border-box 5px bottom / auto auto repeat url("test.png"), round no-repeat padding-box top left / cover linear-gradient(pink, purple), padding-box round no-repeat brown top left;
 }
 
 ss {
@@ -1955,7 +1955,7 @@ us {
 }
 
 vs {
-  background: @home border-box linear-gradient(pink, purple);
+  background: brown border-box linear-gradient(pink, purple);
 }
 
 ws {
@@ -1967,7 +1967,7 @@ xs {
 }
 
 ys {
-  background: center round no-repeat, 10% border-box repeat, top left / auto auto, padding-box 5px bottom linear-gradient(pink, purple), round no-repeat none 5px bottom content-box, round no-repeat content-box content-box 5px bottom none, round no-repeat 5px bottom, none padding-box 5px bottom, none round no-repeat padding-box, 5px bottom linear-gradient(pink, purple) content-box, border-box round no-repeat @home;
+  background: center round no-repeat, 10% border-box repeat, top left / auto auto, padding-box 5px bottom linear-gradient(pink, purple), round no-repeat none 5px bottom content-box, round no-repeat content-box content-box 5px bottom none, round no-repeat 5px bottom, none padding-box 5px bottom, none round no-repeat padding-box, 5px bottom linear-gradient(pink, purple) content-box, border-box round no-repeat brown;
 }
 
 zs {
@@ -1991,7 +1991,7 @@ dt {
 }
 
 et {
-  background: top left / cover none, border-box round no-repeat, repeat padding-box, padding-box center url("test.png") repeat, round no-repeat 10% / 10%, padding-box round no-repeat none, content-box @home round no-repeat;
+  background: top left / cover none, border-box round no-repeat, repeat padding-box, padding-box center url("test.png") repeat, round no-repeat 10% / 10%, padding-box round no-repeat none, content-box brown round no-repeat;
 }
 
 ft {
@@ -2107,7 +2107,7 @@ gu {
 }
 
 hu {
-  background: 10% url("test.png"), repeat center / 10% border-box padding-box linear-gradient(pink, purple), padding-box border-box repeat none center, 10% border-box repeat none, content-box 5px bottom none, none center round no-repeat, top left content-box linear-gradient(pink, purple), content-box content-box repeat, content-box padding-box top left / 10% round no-repeat, 5px bottom repeat, 10% / auto auto linear-gradient(pink, purple) repeat, 5px bottom padding-box padding-box round no-repeat, 10% / 10% content-box round no-repeat none @home;
+  background: 10% url("test.png"), repeat center / 10% border-box padding-box linear-gradient(pink, purple), padding-box border-box repeat none center, 10% border-box repeat none, content-box 5px bottom none, none center round no-repeat, top left content-box linear-gradient(pink, purple), content-box content-box repeat, content-box padding-box top left / 10% round no-repeat, 5px bottom repeat, 10% / auto auto linear-gradient(pink, purple) repeat, 5px bottom padding-box padding-box round no-repeat, 10% / 10% content-box round no-repeat none brown;
 }
 
 iu {
@@ -2135,7 +2135,7 @@ nu {
 }
 
 ou {
-  background: url("test.png") center padding-box, linear-gradient(pink, purple) center padding-box, 10% repeat padding-box url("test.png"), url("test.png") repeat border-box, padding-box repeat 5px bottom, 5px bottom repeat content-box, repeat center / cover, padding-box top left / cover, round no-repeat linear-gradient(pink, purple), border-box repeat @home 5px bottom;
+  background: url("test.png") center padding-box, linear-gradient(pink, purple) center padding-box, 10% repeat padding-box url("test.png"), url("test.png") repeat border-box, padding-box repeat 5px bottom, 5px bottom repeat content-box, repeat center / cover, padding-box top left / cover, round no-repeat linear-gradient(pink, purple), border-box repeat brown 5px bottom;
 }
 
 pu {
@@ -2171,7 +2171,7 @@ wu {
 }
 
 xu {
-  background: border-box border-box round no-repeat, linear-gradient(pink, purple) padding-box center / 10%, repeat content-box linear-gradient(pink, purple) 10%, url("test.png") content-box content-box @home round no-repeat;
+  background: border-box border-box round no-repeat, linear-gradient(pink, purple) padding-box center / 10%, repeat content-box linear-gradient(pink, purple) 10%, url("test.png") content-box content-box brown round no-repeat;
 }
 
 yu {
@@ -2263,7 +2263,7 @@ tv {
 }
 
 uv {
-  background: repeat, top left / cover content-box repeat @home;
+  background: repeat, top left / cover content-box repeat brown;
 }
 
 vv {
@@ -2275,7 +2275,7 @@ wv {
 }
 
 xv {
-  background: 5px bottom repeat, round no-repeat none padding-box 5px bottom, url("test.png"), repeat top left padding-box, none, url("test.png") center / cover round no-repeat content-box content-box, url("test.png") 10% border-box repeat, top left content-box linear-gradient(pink, purple) repeat, 10% @home linear-gradient(pink, purple) repeat;
+  background: 5px bottom repeat, round no-repeat none padding-box 5px bottom, url("test.png"), repeat top left padding-box, none, url("test.png") center / cover round no-repeat content-box content-box, url("test.png") 10% border-box repeat, top left content-box linear-gradient(pink, purple) repeat, 10% brown linear-gradient(pink, purple) repeat;
 }
 
 yv {
@@ -2283,11 +2283,11 @@ yv {
 }
 
 zv {
-  background: repeat border-box padding-box top left url("test.png"), @home round no-repeat border-box;
+  background: repeat border-box padding-box top left url("test.png"), brown round no-repeat border-box;
 }
 
 aw {
-  background: content-box top left, content-box url("test.png") round no-repeat, center padding-box none @home;
+  background: content-box top left, content-box url("test.png") round no-repeat, center padding-box none brown;
 }
 
 bw {
@@ -2331,7 +2331,7 @@ kw {
 }
 
 lw {
-  background: round no-repeat padding-box center, content-box repeat 10% url("test.png"), padding-box center, border-box 5px bottom @home none;
+  background: round no-repeat padding-box center, content-box repeat 10% url("test.png"), padding-box center, border-box 5px bottom brown none;
 }
 
 mw {
@@ -2371,7 +2371,7 @@ uw {
 }
 
 vw {
-  background: 5px bottom / cover round no-repeat padding-box padding-box, padding-box padding-box round no-repeat center, border-box none, url("test.png") repeat 10% / 10% content-box, content-box border-box linear-gradient(pink, purple) top left, linear-gradient(pink, purple) 10% repeat content-box, border-box padding-box 10% linear-gradient(pink, purple), url("test.png") top left, round no-repeat top left, 5px bottom / 10% linear-gradient(pink, purple) round no-repeat content-box, @home padding-box 10% linear-gradient(pink, purple);
+  background: 5px bottom / cover round no-repeat padding-box padding-box, padding-box padding-box round no-repeat center, border-box none, url("test.png") repeat 10% / 10% content-box, content-box border-box linear-gradient(pink, purple) top left, linear-gradient(pink, purple) 10% repeat content-box, border-box padding-box 10% linear-gradient(pink, purple), url("test.png") top left, round no-repeat top left, 5px bottom / 10% linear-gradient(pink, purple) round no-repeat content-box, brown padding-box 10% linear-gradient(pink, purple);
 }
 
 ww {
@@ -2383,7 +2383,7 @@ xw {
 }
 
 yw {
-  background: repeat content-box, repeat none padding-box 5px bottom / 10%, round no-repeat, none center / auto auto round no-repeat content-box content-box, content-box round no-repeat, top left @home url("test.png");
+  background: repeat content-box, repeat none padding-box 5px bottom / 10%, round no-repeat, none center / auto auto round no-repeat content-box content-box, content-box round no-repeat, top left brown url("test.png");
 }
 
 zw {
@@ -2411,7 +2411,7 @@ ex {
 }
 
 fx {
-  background: @home url("test.png") 10% / auto auto border-box content-box;
+  background: brown url("test.png") 10% / auto auto border-box content-box;
 }
 
 gx {
@@ -2451,7 +2451,7 @@ ox {
 }
 
 px {
-  background: 10% url("test.png") border-box border-box round no-repeat, padding-box border-box center repeat, content-box center / 10% url("test.png"), center content-box @home;
+  background: 10% url("test.png") border-box border-box round no-repeat, padding-box border-box center repeat, content-box center / 10% url("test.png"), center content-box brown;
 }
 
 qx {
@@ -2467,7 +2467,7 @@ sx {
 }
 
 tx {
-  background: none center padding-box content-box, padding-box url("test.png") top left / cover repeat, border-box none 5px bottom, center round no-repeat padding-box, content-box repeat, repeat 10% padding-box content-box, padding-box linear-gradient(pink, purple) repeat top left, border-box repeat, linear-gradient(pink, purple) round no-repeat border-box top left, content-box padding-box 10% / cover none repeat, top left linear-gradient(pink, purple), content-box content-box none 5px bottom / cover, padding-box repeat @home 5px bottom / 10% url("test.png");
+  background: none center padding-box content-box, padding-box url("test.png") top left / cover repeat, border-box none 5px bottom, center round no-repeat padding-box, content-box repeat, repeat 10% padding-box content-box, padding-box linear-gradient(pink, purple) repeat top left, border-box repeat, linear-gradient(pink, purple) round no-repeat border-box top left, content-box padding-box 10% / cover none repeat, top left linear-gradient(pink, purple), content-box content-box none 5px bottom / cover, padding-box repeat brown 5px bottom / 10% url("test.png");
 }
 
 ux {
@@ -2503,7 +2503,7 @@ by {
 }
 
 cy {
-  background: url("test.png") 10% / 10% repeat, @home top left url("test.png") content-box;
+  background: url("test.png") 10% / 10% repeat, brown top left url("test.png") content-box;
 }
 
 dy {
@@ -2519,7 +2519,7 @@ fy {
 }
 
 gy {
-  background: 5px bottom / cover linear-gradient(pink, purple) content-box, center / 10% repeat linear-gradient(pink, purple), none repeat 10% / auto auto content-box content-box, @home linear-gradient(pink, purple) repeat top left border-box padding-box;
+  background: 5px bottom / cover linear-gradient(pink, purple) content-box, center / 10% repeat linear-gradient(pink, purple), none repeat 10% / auto auto content-box content-box, brown linear-gradient(pink, purple) repeat top left border-box padding-box;
 }
 
 hy {
@@ -2559,7 +2559,7 @@ py {
 }
 
 qy {
-  background: border-box center round no-repeat, none border-box content-box repeat, content-box border-box 10% / cover, repeat center / 10% url("test.png"), repeat, round no-repeat padding-box content-box top left / cover, top left none border-box, center / cover padding-box linear-gradient(pink, purple), content-box round no-repeat, content-box 5px bottom / cover @home url("test.png");
+  background: border-box center round no-repeat, none border-box content-box repeat, content-box border-box 10% / cover, repeat center / 10% url("test.png"), repeat, round no-repeat padding-box content-box top left / cover, top left none border-box, center / cover padding-box linear-gradient(pink, purple), content-box round no-repeat, content-box 5px bottom / cover brown url("test.png");
 }
 
 ry {
@@ -2583,7 +2583,7 @@ vy {
 }
 
 wy {
-  background: url("test.png") 5px bottom / cover, 10% / auto auto linear-gradient(pink, purple), repeat 10% border-box, border-box url("test.png") 10% / cover, round no-repeat 5px bottom linear-gradient(pink, purple) padding-box, top left padding-box, repeat url("test.png"), round no-repeat padding-box 10%, border-box url("test.png"), linear-gradient(pink, purple) round no-repeat, linear-gradient(pink, purple), 5px bottom padding-box content-box, content-box 10% repeat, repeat 10%, content-box repeat none top left, none, center / cover url("test.png") content-box padding-box @home;
+  background: url("test.png") 5px bottom / cover, 10% / auto auto linear-gradient(pink, purple), repeat 10% border-box, border-box url("test.png") 10% / cover, round no-repeat 5px bottom linear-gradient(pink, purple) padding-box, top left padding-box, repeat url("test.png"), round no-repeat padding-box 10%, border-box url("test.png"), linear-gradient(pink, purple) round no-repeat, linear-gradient(pink, purple), 5px bottom padding-box content-box, content-box 10% repeat, repeat 10%, content-box repeat none top left, none, center / cover url("test.png") content-box padding-box brown;
 }
 
 xy {
@@ -2595,11 +2595,11 @@ yy {
 }
 
 zy {
-  background: round no-repeat url("test.png"), center / 10% repeat, border-box center linear-gradient(pink, purple), repeat 5px bottom, padding-box padding-box round no-repeat none top left / auto auto, round no-repeat border-box border-box center, repeat content-box padding-box url("test.png"), 5px bottom none, none 5px bottom content-box, top left content-box padding-box round no-repeat, padding-box 5px bottom round no-repeat url("test.png"), round no-repeat border-box url("test.png") 10%, 10% / 10% repeat url("test.png") border-box content-box, content-box repeat @home 5px bottom / auto auto;
+  background: round no-repeat url("test.png"), center / 10% repeat, border-box center linear-gradient(pink, purple), repeat 5px bottom, padding-box padding-box round no-repeat none top left / auto auto, round no-repeat border-box border-box center, repeat content-box padding-box url("test.png"), 5px bottom none, none 5px bottom content-box, top left content-box padding-box round no-repeat, padding-box 5px bottom round no-repeat url("test.png"), round no-repeat border-box url("test.png") 10%, 10% / 10% repeat url("test.png") border-box content-box, content-box repeat brown 5px bottom / auto auto;
 }
 
 az {
-  background: repeat linear-gradient(pink, purple) border-box padding-box, round no-repeat 5px bottom linear-gradient(pink, purple), round no-repeat url("test.png") content-box border-box 10%, content-box border-box linear-gradient(pink, purple) @home 5px bottom;
+  background: repeat linear-gradient(pink, purple) border-box padding-box, round no-repeat 5px bottom linear-gradient(pink, purple), round no-repeat url("test.png") content-box border-box 10%, content-box border-box linear-gradient(pink, purple) brown 5px bottom;
 }
 
 bz {
@@ -2619,7 +2619,7 @@ ez {
 }
 
 fz {
-  background: padding-box 5px bottom round no-repeat, repeat center padding-box, round no-repeat 5px bottom @home;
+  background: padding-box 5px bottom round no-repeat, repeat center padding-box, round no-repeat 5px bottom brown;
 }
 
 gz {
@@ -2643,7 +2643,7 @@ kz {
 }
 
 lz {
-  background: padding-box center @home repeat none;
+  background: padding-box center brown repeat none;
 }
 
 mz {
@@ -2659,7 +2659,7 @@ oz {
 }
 
 pz {
-  background: content-box 10% / cover repeat, round no-repeat @home url("test.png") border-box;
+  background: content-box 10% / cover repeat, round no-repeat brown url("test.png") border-box;
 }
 
 qz {
@@ -2671,7 +2671,7 @@ rz {
 }
 
 sz {
-  background: top left @home content-box url("test.png") round no-repeat;
+  background: top left brown content-box url("test.png") round no-repeat;
 }
 
 tz {

testsuite/css/parser/background-shorthand.ref.css

@@ -20,7 +20,7 @@ b {
 
 c {
   background-clip: padding-box, border-box, padding-box, padding-box, padding-box, content-box, border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none, none, none /* FIXME */, none, none, none /* FIXME */;
   background-origin: padding-box, padding-box, padding-box, padding-box, content-box, content-box, padding-box, border-box;
   background-position: left top, center, left top, left top, left top, left top, 10%, center;
@@ -110,7 +110,7 @@ k {
 
 l {
   background-clip: border-box, content-box, content-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: border-box, padding-box, content-box, padding-box;
   background-position: left top, left top, 10%, 10%;
@@ -290,7 +290,7 @@ cb {
 
 db {
   background-clip: padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none;
   background-origin: border-box;
   background-position: 5px bottom;
@@ -390,7 +390,7 @@ mb {
 
 nb {
   background-clip: border-box, content-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none, none;
   background-origin: padding-box, content-box, padding-box;
   background-position: left top, left top, left top;
@@ -480,7 +480,7 @@ vb {
 
 wb {
   background-clip: padding-box, border-box, content-box, padding-box, padding-box, padding-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: content-box, border-box, border-box, padding-box, content-box, padding-box, padding-box;
   background-position: left top, left top, center, left top, 10%, left top, left top;
@@ -530,7 +530,7 @@ ac {
 
 bc {
   background-clip: border-box, border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: padding-box, padding-box, padding-box;
   background-position: left top, left top, 10%;
@@ -550,7 +550,7 @@ cc {
 
 dc {
   background-clip: content-box, content-box, border-box, content-box, padding-box, content-box, padding-box, border-box, padding-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none /* FIXME */, none, none, none, none /* FIXME */, none, none, none /* FIXME */;
   background-origin: content-box, content-box, border-box, border-box, padding-box, content-box, padding-box, padding-box, padding-box, border-box;
   background-position: 5px bottom, center, 10%, left top, 10%, 5px bottom, 5px bottom, left top, center, center;
@@ -560,7 +560,7 @@ dc {
 
 ec {
   background-clip: content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none;
   background-origin: content-box;
   background-position: left top;
@@ -590,7 +590,7 @@ gc {
 
 hc {
   background-clip: border-box, padding-box, border-box, content-box, padding-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none, none, none /* FIXME */, none /* FIXME */, none;
   background-origin: border-box, padding-box, padding-box, content-box, border-box, padding-box;
   background-position: center, 5px bottom, left top, 10%, center, left top;
@@ -610,7 +610,7 @@ ic {
 
 jc {
   background-clip: border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none /* FIXME */;
   background-origin: border-box, border-box;
   background-position: left top, 10%;
@@ -760,7 +760,7 @@ xc {
 
 yc {
   background-clip: border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none;
   background-origin: padding-box;
   background-position: left top;
@@ -860,7 +860,7 @@ hd {
 
 id {
   background-clip: padding-box, border-box, padding-box, border-box, border-box, padding-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none /* FIXME */, none /* FIXME */, none /* FIXME */;
   background-origin: padding-box, border-box, padding-box, border-box, border-box, border-box, content-box;
   background-position: 10%, 5px bottom, center, left top, left top, 10%, 10%;
@@ -930,7 +930,7 @@ od {
 
 pd {
   background-clip: content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none;
   background-origin: content-box;
   background-position: 10%;
@@ -1050,7 +1050,7 @@ ae {
 
 be {
   background-clip: border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), none;
   background-origin: content-box, padding-box;
   background-position: 5px bottom, 5px bottom;
@@ -1070,7 +1070,7 @@ ce {
 
 de {
   background-clip: border-box, border-box, border-box, padding-box, border-box, padding-box, border-box, border-box, border-box, padding-box, border-box, padding-box, padding-box, border-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none;
   background-origin: border-box, padding-box, content-box, padding-box, border-box, content-box, padding-box, padding-box, border-box, border-box, border-box, border-box, content-box, border-box, content-box;
   background-position: 10%, center, center, left top, center, 5px bottom, left top, left top, left top, left top, 5px bottom, center, left top, 10%, 5px bottom;
@@ -1110,7 +1110,7 @@ ge {
 
 he {
   background-clip: content-box, border-box, border-box, content-box, content-box, content-box, content-box, padding-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none, none, none, none, none, none, none;
   background-origin: content-box, border-box, padding-box, content-box, content-box, padding-box, content-box, padding-box, border-box;
   background-position: left top, center, 10%, 5px bottom, left top, left top, 10%, center, 10%;
@@ -1140,7 +1140,7 @@ je {
 
 ke {
   background-clip: padding-box, content-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none, none;
   background-origin: padding-box, border-box, content-box;
   background-position: 5px bottom, left top, left top;
@@ -1240,7 +1240,7 @@ te {
 
 ue {
   background-clip: content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none;
   background-origin: padding-box;
   background-position: center;
@@ -1360,7 +1360,7 @@ ff {
 
 gf {
   background-clip: padding-box, content-box, border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none /* FIXME */, none /* FIXME */, none;
   background-origin: padding-box, padding-box, border-box, border-box;
   background-position: 10%, 10%, left top, 10%;
@@ -1400,7 +1400,7 @@ jf {
 
 kf {
   background-clip: border-box, padding-box, border-box, padding-box, border-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none /* FIXME */, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none /* FIXME */;
   background-origin: padding-box, border-box, padding-box, padding-box, padding-box, border-box;
   background-position: 5px bottom, left top, 5px bottom, 10%, 10%, 5px bottom;
@@ -1540,7 +1540,7 @@ xf {
 
 yf {
   background-clip: content-box, border-box, padding-box, padding-box, padding-box, content-box, content-box, content-box, border-box, border-box, padding-box, border-box, border-box, border-box, content-box, content-box, padding-box, border-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, none, none /* FIXME */, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none /* FIXME */, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none;
   background-origin: padding-box, padding-box, padding-box, padding-box, content-box, content-box, content-box, border-box, padding-box, border-box, padding-box, border-box, padding-box, border-box, padding-box, border-box, content-box, padding-box, padding-box;
   background-position: left top, center, center, left top, left top, left top, left top, center, 5px bottom, 5px bottom, left top, left top, left top, 10%, left top, left top, left top, left top, left top;
@@ -1610,7 +1610,7 @@ eg {
 
 fg {
   background-clip: padding-box, border-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none /* FIXME */, none /* FIXME */;
   background-origin: padding-box, border-box, padding-box;
   background-position: center, 5px bottom, 10%;
@@ -1660,7 +1660,7 @@ jg {
 
 kg {
   background-clip: padding-box, border-box, padding-box, border-box, border-box, content-box, padding-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none /* FIXME */, none, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, content-box, padding-box, padding-box;
   background-position: left top, left top, center, left top, 10%, 10%, 10%, left top;
@@ -1840,7 +1840,7 @@ bh {
 
 ch {
   background-clip: border-box, border-box, border-box, content-box, content-box, content-box, content-box, border-box, border-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, none, none, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, none;
   background-origin: padding-box, padding-box, padding-box, content-box, padding-box, content-box, content-box, border-box, border-box, padding-box;
   background-position: left top, 5px bottom, 10%, left top, left top, center, 5px bottom, 5px bottom, 10%, left top;
@@ -1850,7 +1850,7 @@ ch {
 
 dh {
   background-clip: padding-box, content-box, padding-box, padding-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none /* FIXME */, none, none;
   background-origin: padding-box, content-box, border-box, padding-box, content-box;
   background-position: 5px bottom, center, 10%, 10%, 5px bottom;
@@ -1990,7 +1990,7 @@ qh {
 
 rh {
   background-clip: border-box, border-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: padding-box, padding-box, content-box;
   background-position: 10%, left top, left top;
@@ -2060,7 +2060,7 @@ xh {
 
 yh {
   background-clip: border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), none;
   background-origin: border-box, padding-box;
   background-position: left top, 10%;
@@ -2130,7 +2130,7 @@ ei {
 
 fi {
   background-clip: border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none;
   background-origin: content-box;
   background-position: left top;
@@ -2150,7 +2150,7 @@ gi {
 
 hi {
   background-clip: content-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: padding-box, content-box;
   background-position: 10%, left top;
@@ -2160,7 +2160,7 @@ hi {
 
 ii {
   background-clip: content-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), none;
   background-origin: content-box, padding-box;
   background-position: left top, 5px bottom;
@@ -2180,7 +2180,7 @@ ji {
 
 ki {
   background-clip: border-box, border-box, border-box, content-box, border-box, content-box, border-box, border-box, padding-box, padding-box, border-box, content-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none /* FIXME */, none, none, none, none /* FIXME */, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none /* FIXME */, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: border-box, padding-box, border-box, content-box, border-box, content-box, content-box, padding-box, content-box, padding-box, padding-box, content-box, border-box;
   background-position: 5px bottom, 10%, left top, left top, 5px bottom, left top, left top, 5px bottom, 10%, left top, center, left top, center;
@@ -2230,7 +2230,7 @@ oi {
 
 pi {
   background-clip: content-box, content-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none;
   background-origin: content-box, content-box, border-box;
   background-position: 5px bottom, left top, left top;
@@ -2240,7 +2240,7 @@ pi {
 
 qi {
   background-clip: border-box, content-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: border-box, content-box, border-box;
   background-position: left top, 10%, 5px bottom;
@@ -2260,7 +2260,7 @@ ri {
 
 si {
   background-clip: border-box, border-box, border-box, border-box, padding-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none;
   background-origin: padding-box, padding-box, padding-box, border-box, padding-box, padding-box;
   background-position: left top, 5px bottom, left top, left top, 10%, left top;
@@ -2460,7 +2460,7 @@ lj {
 
 mj {
   background-clip: border-box, border-box, content-box, content-box, padding-box, border-box, content-box, border-box, content-box, content-box, border-box, border-box, border-box, content-box, border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none, none, none /* FIXME */, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: padding-box, border-box, content-box, content-box, padding-box, padding-box, border-box, padding-box, content-box, content-box, border-box, padding-box, padding-box, content-box, border-box, padding-box;
   background-position: 5px bottom, center, center, 10%, left top, left top, center, left top, center, center, left top, left top, left top, 10%, 10%, left top;
@@ -2480,7 +2480,7 @@ nj {
 
 oj {
   background-clip: border-box, content-box, border-box, padding-box, border-box, padding-box, content-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none /* FIXME */, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none;
   background-origin: padding-box, content-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
   background-position: 5px bottom, center, center, left top, 5px bottom, left top, center, left top;
@@ -2690,7 +2690,7 @@ ik {
 
 jk {
   background-clip: content-box, content-box, border-box, border-box, content-box, border-box, padding-box, padding-box, border-box, border-box, padding-box, content-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none, none;
   background-origin: content-box, content-box, padding-box, padding-box, content-box, padding-box, border-box, padding-box, padding-box, border-box, padding-box, content-box, padding-box;
   background-position: left top, center, center, left top, center, left top, 10%, left top, left top, left top, 10%, center, left top;
@@ -2720,7 +2720,7 @@ lk {
 
 mk {
   background-clip: padding-box, border-box, border-box, border-box, content-box, border-box, padding-box, content-box, content-box, border-box, border-box, border-box, border-box, padding-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none /* FIXME */, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none, none /* FIXME */, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: padding-box, border-box, padding-box, border-box, content-box, padding-box, padding-box, content-box, content-box, content-box, padding-box, border-box, border-box, padding-box, padding-box;
   background-position: center, left top, center, left top, left top, 5px bottom, 5px bottom, left top, 5px bottom, left top, 5px bottom, left top, 10%, 5px bottom, 10%;
@@ -2770,7 +2770,7 @@ qk {
 
 rk {
   background-clip: border-box, padding-box, border-box, padding-box, border-box, content-box, border-box, content-box, padding-box, border-box, border-box, border-box, padding-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none /* FIXME */, none, none, none, none;
   background-origin: border-box, content-box, border-box, padding-box, padding-box, border-box, border-box, border-box, padding-box, border-box, padding-box, padding-box, padding-box, padding-box;
   background-position: center, center, 10%, left top, left top, left top, left top, center, left top, left top, 5px bottom, 5px bottom, 10%, center;
@@ -2860,7 +2860,7 @@ zk {
 
 al {
   background-clip: content-box, border-box, border-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none /* FIXME */, none /* FIXME */;
   background-origin: content-box, border-box, border-box, content-box;
   background-position: center, 5px bottom, 10%, left top;
@@ -3100,7 +3100,7 @@ xl {
 
 yl {
   background-clip: content-box, content-box, padding-box, border-box, border-box, border-box, border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none /* FIXME */, none, none /* FIXME */, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: border-box, content-box, padding-box, padding-box, border-box, content-box, padding-box, border-box;
   background-position: 10%, left top, left top, 5px bottom, left top, 5px bottom, left top, left top;
@@ -3260,7 +3260,7 @@ nm {
 
 om {
   background-clip: border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none;
   background-origin: border-box;
   background-position: left top;
@@ -3280,7 +3280,7 @@ pm {
 
 qm {
   background-clip: border-box, border-box, border-box, border-box, border-box, border-box, border-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none;
   background-origin: border-box, padding-box, padding-box, content-box, padding-box, border-box, border-box, padding-box;
   background-position: 10%, 10%, left top, center, left top, left top, center, center;
@@ -3490,7 +3490,7 @@ kn {
 
 ln {
   background-clip: content-box, content-box, content-box, border-box, padding-box, border-box, border-box, border-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none, none /* FIXME */, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, none, none;
   background-origin: content-box, content-box, content-box, padding-box, padding-box, border-box, padding-box, padding-box, content-box;
   background-position: center, left top, center, center, 10%, 10%, 10%, center, 10%;
@@ -3530,7 +3530,7 @@ on {
 
 pn {
   background-clip: content-box, padding-box, padding-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: content-box, padding-box, padding-box, content-box;
   background-position: 5px bottom, left top, center, 5px bottom;
@@ -3540,7 +3540,7 @@ pn {
 
 qn {
   background-clip: border-box, border-box, border-box, border-box, content-box, padding-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none, none /* FIXME */, none, none;
   background-origin: padding-box, padding-box, padding-box, border-box, content-box, padding-box, border-box;
   background-position: 10%, left top, center, 10%, left top, 10%, 10%;
@@ -3590,7 +3590,7 @@ un {
 
 vn {
   background-clip: border-box, border-box, content-box, border-box, padding-box, content-box, border-box, border-box, border-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none, none /* FIXME */, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: padding-box, content-box, content-box, border-box, content-box, padding-box, border-box, padding-box, border-box, content-box;
   background-position: 5px bottom, 10%, center, 5px bottom, 10%, 5px bottom, center, left top, left top, left top;
@@ -3610,7 +3610,7 @@ wn {
 
 xn {
   background-clip: padding-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), none;
   background-origin: padding-box, border-box;
   background-position: left top, left top;
@@ -3700,7 +3700,7 @@ fo {
 
 go {
   background-clip: border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none;
   background-origin: border-box, border-box;
   background-position: left top, left top;
@@ -3730,7 +3730,7 @@ io {
 
 jo {
   background-clip: padding-box, border-box, padding-box, border-box, padding-box, content-box, padding-box, content-box, content-box, padding-box, content-box, border-box, border-box, padding-box, padding-box, border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none;
   background-origin: content-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, border-box, content-box, padding-box, padding-box, padding-box, padding-box, padding-box, content-box, border-box, padding-box;
   background-position: center, 10%, center, center, left top, center, left top, center, center, left top, left top, left top, left top, center, left top, center, left top;
@@ -3770,7 +3770,7 @@ mo {
 
 no {
   background-clip: border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: padding-box;
   background-position: 10%;
@@ -3830,7 +3830,7 @@ so {
 
 to {
   background-clip: border-box, border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none;
   background-origin: padding-box, padding-box, padding-box;
   background-position: left top, left top, 5px bottom;
@@ -3840,7 +3840,7 @@ to {
 
 uo {
   background-clip: content-box, border-box, padding-box, border-box, padding-box, border-box, padding-box, padding-box, border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, none, none, none, none, none /* FIXME */, none, none;
   background-origin: content-box, padding-box, padding-box, border-box, border-box, border-box, content-box, padding-box, padding-box, padding-box;
   background-position: left top, 10%, 5px bottom, left top, 10%, center, left top, left top, left top, 5px bottom;
@@ -4060,7 +4060,7 @@ pp {
 
 qp {
   background-clip: border-box, padding-box, border-box, padding-box, border-box, content-box, border-box, content-box, border-box, border-box, content-box, border-box, border-box, content-box, padding-box, border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none /* FIXME */, none /* FIXME */, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none;
   background-origin: padding-box, padding-box, padding-box, border-box, padding-box, content-box, padding-box, content-box, padding-box, padding-box, content-box, padding-box, padding-box, content-box, padding-box, border-box, padding-box;
   background-position: left top, 5px bottom, left top, center, center, 5px bottom, center, 5px bottom, 5px bottom, 10%, left top, 5px bottom, 5px bottom, left top, left top, 5px bottom, left top;
@@ -4100,7 +4100,7 @@ tp {
 
 up {
   background-clip: border-box, border-box, content-box, padding-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none /* FIXME */;
   background-origin: padding-box, border-box, border-box, padding-box, content-box;
   background-position: 10%, center, 10%, 5px bottom, left top;
@@ -4140,7 +4140,7 @@ xp {
 
 yp {
   background-clip: border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none;
   background-origin: border-box, padding-box;
   background-position: 5px bottom, left top;
@@ -4230,7 +4230,7 @@ gq {
 
 hq {
   background-clip: padding-box, border-box, content-box, border-box, border-box, border-box, border-box, border-box, border-box, padding-box, border-box, border-box, padding-box, content-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none /* FIXME */, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none /* FIXME */, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: padding-box, padding-box, border-box, padding-box, border-box, padding-box, border-box, content-box, padding-box, content-box, content-box, border-box, padding-box, content-box, padding-box;
   background-position: 5px bottom, left top, left top, 5px bottom, left top, left top, left top, center, 5px bottom, left top, 5px bottom, left top, center, 5px bottom, left top;
@@ -4450,7 +4450,7 @@ cr {
 
 dr {
   background-clip: border-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none;
   background-origin: padding-box, content-box;
   background-position: 10%, 5px bottom;
@@ -4480,7 +4480,7 @@ fr {
 
 gr {
   background-clip: padding-box, padding-box, border-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: border-box, padding-box, border-box, content-box;
   background-position: 10%, left top, 5px bottom, left top;
@@ -4620,7 +4620,7 @@ tr {
 
 ur {
   background-clip: border-box, border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none /* FIXME */, none;
   background-origin: padding-box, padding-box, border-box;
   background-position: left top, 5px bottom, left top;
@@ -4640,7 +4640,7 @@ vr {
 
 wr {
   background-clip: padding-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: padding-box, content-box;
   background-position: 5px bottom, 10%;
@@ -4730,7 +4730,7 @@ es {
 
 fs {
   background-clip: content-box, content-box, border-box, padding-box, border-box, padding-box, border-box, padding-box, padding-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */;
   background-origin: content-box, content-box, padding-box, padding-box, padding-box, padding-box, content-box, content-box, padding-box, border-box;
   background-position: 10%, 5px bottom, 5px bottom, center, 10%, left top, center, left top, 5px bottom, 10%;
@@ -4740,7 +4740,7 @@ fs {
 
 gs {
   background-clip: border-box, content-box, border-box, padding-box, border-box, padding-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */;
   background-origin: border-box, content-box, padding-box, padding-box, padding-box, padding-box, border-box;
   background-position: left top, 5px bottom, 10%, left top, center, left top, 5px bottom;
@@ -4750,7 +4750,7 @@ gs {
 
 hs {
   background-clip: content-box, border-box, content-box, border-box, content-box, border-box, content-box, border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none;
   background-origin: border-box, border-box, content-box, padding-box, content-box, border-box, border-box, border-box, padding-box;
   background-position: 10%, left top, 10%, 10%, 5px bottom, 5px bottom, left top, center, 5px bottom;
@@ -4800,7 +4800,7 @@ ls {
 
 ms {
   background-clip: border-box, content-box, content-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none /* FIXME */, none, none;
   background-origin: border-box, content-box, border-box, border-box;
   background-position: left top, center, 10%, left top;
@@ -4810,7 +4810,7 @@ ms {
 
 ns {
   background-clip: padding-box, border-box, padding-box, content-box, padding-box, content-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none;
   background-origin: padding-box, padding-box, padding-box, padding-box, border-box, content-box, padding-box;
   background-position: left top, 5px bottom, 10%, left top, 5px bottom, left top, left top;
@@ -4840,7 +4840,7 @@ ps {
 
 qs {
   background-clip: content-box, border-box, content-box, content-box, content-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: content-box, border-box, content-box, content-box, content-box, padding-box;
   background-position: 10%, 10%, 10%, 10%, left top, center;
@@ -4850,7 +4850,7 @@ qs {
 
 rs {
   background-clip: content-box, padding-box, border-box, content-box, content-box, border-box, padding-box, border-box, border-box, padding-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none /* FIXME */, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none;
   background-origin: content-box, padding-box, padding-box, border-box, content-box, padding-box, padding-box, padding-box, border-box, padding-box, padding-box;
   background-position: center, center, left top, left top, 5px bottom, 5px bottom, left top, center, 5px bottom, left top, left top;
@@ -4890,7 +4890,7 @@ us {
 
 vs {
   background-clip: border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: border-box;
   background-position: left top;
@@ -4920,7 +4920,7 @@ xs {
 
 ys {
   background-clip: border-box, border-box, border-box, padding-box, content-box, content-box, border-box, padding-box, padding-box, content-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, none, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none;
   background-origin: padding-box, border-box, padding-box, padding-box, content-box, content-box, padding-box, padding-box, padding-box, content-box, border-box;
   background-position: center, 10%, left top, 5px bottom, 5px bottom, 5px bottom, 5px bottom, 5px bottom, left top, 5px bottom, left top;
@@ -4980,7 +4980,7 @@ dt {
 
 et {
   background-clip: border-box, border-box, padding-box, padding-box, border-box, padding-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none, none /* FIXME */, none, none, none;
   background-origin: padding-box, border-box, padding-box, padding-box, padding-box, padding-box, content-box;
   background-position: left top, left top, left top, center, 10%, left top, left top;
@@ -5270,7 +5270,7 @@ gu {
 
 hu {
   background-clip: border-box, padding-box, border-box, border-box, content-box, border-box, content-box, content-box, padding-box, border-box, border-box, padding-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none;
   background-origin: padding-box, border-box, padding-box, border-box, content-box, padding-box, content-box, content-box, content-box, padding-box, padding-box, padding-box, content-box;
   background-position: 10%, center, center, 10%, 5px bottom, center, left top, left top, left top, 5px bottom, 10%, 5px bottom, 10%;
@@ -5340,7 +5340,7 @@ nu {
 
 ou {
   background-clip: padding-box, padding-box, padding-box, border-box, padding-box, content-box, border-box, padding-box, border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none /* FIXME */, none, none, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none;
   background-origin: padding-box, padding-box, padding-box, border-box, padding-box, content-box, padding-box, padding-box, padding-box, border-box;
   background-position: center, center, 10%, left top, 5px bottom, 5px bottom, center, left top, left top, 5px bottom;
@@ -5430,7 +5430,7 @@ wu {
 
 xu {
   background-clip: border-box, padding-box, content-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */;
   background-origin: border-box, padding-box, content-box, content-box;
   background-position: left top, center, 10%, left top;
@@ -5660,7 +5660,7 @@ tv {
 
 uv {
   background-clip: border-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none;
   background-origin: padding-box, content-box;
   background-position: left top, left top;
@@ -5690,7 +5690,7 @@ wv {
 
 xv {
   background-clip: border-box, padding-box, border-box, padding-box, border-box, content-box, border-box, content-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none /* FIXME */, none, none, none /* FIXME */, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, content-box, border-box, content-box, padding-box;
   background-position: 5px bottom, 5px bottom, left top, left top, left top, center, 10%, left top, 10%;
@@ -5710,7 +5710,7 @@ yv {
 
 zv {
   background-clip: padding-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none;
   background-origin: border-box, border-box;
   background-position: left top, left top;
@@ -5720,7 +5720,7 @@ zv {
 
 aw {
   background-clip: content-box, content-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none /* FIXME */, none;
   background-origin: content-box, content-box, padding-box;
   background-position: left top, left top, center;
@@ -5830,7 +5830,7 @@ kw {
 
 lw {
   background-clip: padding-box, content-box, padding-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none /* FIXME */, none, none;
   background-origin: padding-box, content-box, padding-box, border-box;
   background-position: center, 10%, center, 5px bottom;
@@ -5930,7 +5930,7 @@ uw {
 
 vw {
   background-clip: padding-box, padding-box, border-box, content-box, border-box, content-box, padding-box, border-box, border-box, content-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: padding-box, padding-box, border-box, content-box, content-box, content-box, border-box, padding-box, padding-box, content-box, padding-box;
   background-position: 5px bottom, center, left top, 10%, left top, 10%, 10%, left top, left top, 5px bottom, 10%;
@@ -5960,7 +5960,7 @@ xw {
 
 yw {
   background-clip: content-box, padding-box, border-box, content-box, content-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none, none, none, none /* FIXME */;
   background-origin: content-box, padding-box, padding-box, content-box, content-box, padding-box;
   background-position: left top, 5px bottom, left top, center, left top, left top;
@@ -6030,7 +6030,7 @@ ex {
 
 fx {
   background-clip: content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */;
   background-origin: border-box;
   background-position: 10%;
@@ -6130,7 +6130,7 @@ ox {
 
 px {
   background-clip: border-box, border-box, content-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none, none /* FIXME */, none;
   background-origin: border-box, padding-box, content-box, content-box;
   background-position: 10%, center, center, center;
@@ -6170,7 +6170,7 @@ sx {
 
 tx {
   background-clip: content-box, padding-box, border-box, padding-box, content-box, content-box, padding-box, border-box, border-box, padding-box, border-box, content-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none /* FIXME */, none, none, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none /* FIXME */;
   background-origin: padding-box, padding-box, border-box, padding-box, content-box, padding-box, padding-box, border-box, border-box, content-box, padding-box, content-box, padding-box;
   background-position: center, left top, 5px bottom, center, left top, 10%, left top, left top, left top, 10%, left top, 5px bottom, 5px bottom;
@@ -6260,7 +6260,7 @@ by {
 
 cy {
   background-clip: border-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none /* FIXME */;
   background-origin: padding-box, content-box;
   background-position: 10%, left top;
@@ -6300,7 +6300,7 @@ fy {
 
 gy {
   background-clip: content-box, border-box, content-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: content-box, padding-box, content-box, border-box;
   background-position: 5px bottom, center, 10%, left top;
@@ -6400,7 +6400,7 @@ py {
 
 qy {
   background-clip: border-box, content-box, border-box, border-box, border-box, content-box, border-box, padding-box, content-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none, none /* FIXME */, none, none, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none /* FIXME */;
   background-origin: border-box, border-box, content-box, padding-box, padding-box, padding-box, border-box, padding-box, content-box, content-box;
   background-position: center, left top, 10%, center, left top, left top, left top, center, left top, 5px bottom;
@@ -6460,7 +6460,7 @@ vy {
 
 wy {
   background-clip: border-box, border-box, border-box, border-box, padding-box, padding-box, border-box, padding-box, border-box, border-box, border-box, content-box, content-box, border-box, content-box, border-box, padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none /* FIXME */, none, none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, none, none, none, none /* FIXME */;
   background-origin: padding-box, padding-box, border-box, border-box, padding-box, padding-box, padding-box, padding-box, border-box, padding-box, padding-box, padding-box, content-box, padding-box, content-box, padding-box, content-box;
   background-position: 5px bottom, 10%, 10%, 10%, 5px bottom, left top, left top, 10%, left top, left top, left top, 5px bottom, 10%, 10%, left top, left top, center;
@@ -6490,7 +6490,7 @@ yy {
 
 zy {
   background-clip: border-box, border-box, border-box, border-box, padding-box, border-box, padding-box, border-box, content-box, padding-box, padding-box, border-box, content-box, content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */, none, linear-gradient(rgb(255,192,203), rgb(128,0,128)), none, none, none, none /* FIXME */, none, none, none, none /* FIXME */, none /* FIXME */, none /* FIXME */, none;
   background-origin: padding-box, padding-box, border-box, padding-box, padding-box, border-box, content-box, padding-box, content-box, content-box, padding-box, border-box, border-box, content-box;
   background-position: left top, center, center, 5px bottom, left top, center, left top, 5px bottom, 5px bottom, left top, 5px bottom, 10%, 10%, 5px bottom;
@@ -6500,7 +6500,7 @@ zy {
 
 az {
   background-clip: padding-box, border-box, border-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: linear-gradient(rgb(255,192,203), rgb(128,0,128)), linear-gradient(rgb(255,192,203), rgb(128,0,128)), none /* FIXME */, linear-gradient(rgb(255,192,203), rgb(128,0,128));
   background-origin: border-box, padding-box, content-box, content-box;
   background-position: left top, 5px bottom, 10%, 5px bottom;
@@ -6550,7 +6550,7 @@ ez {
 
 fz {
   background-clip: padding-box, padding-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none, none;
   background-origin: padding-box, padding-box, padding-box;
   background-position: 5px bottom, center, 5px bottom;
@@ -6610,7 +6610,7 @@ kz {
 
 lz {
   background-clip: padding-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none;
   background-origin: padding-box;
   background-position: center;
@@ -6650,7 +6650,7 @@ oz {
 
 pz {
   background-clip: content-box, border-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none, none /* FIXME */;
   background-origin: content-box, border-box;
   background-position: 10%, left top;
@@ -6680,7 +6680,7 @@ rz {
 
 sz {
   background-clip: content-box;
-  background-color: @home;
+  background-color: rgb(165,42,42);
   background-image: none /* FIXME */;
   background-origin: content-box;
   background-position: left top;

testsuite/css/parser/color.css

@@ -1,5 +1,3 @@
-@define-color mygreen rgb(0,1,0);
-
 a {
   color: initial;
 }
@@ -67,7 +65,3 @@ p {
 q {
   color: mix(red,blue,0.25);
 }
-
-r {
-  color: @mygreen;
-}

testsuite/css/parser/color.ref.css

@@ -1,5 +1,3 @@
-@define-color mygreen rgb(0,1,0);
-
 a {
   color: initial;
 }
@@ -67,7 +65,3 @@ p {
 q {
   color: rgb(191,0,64);
 }
-
-r {
-  color: @mygreen;
-}

testsuite/css/parser/currentcolor-everywhere.css

@@ -1,5 +1,3 @@
-@define-color some-color currentColor;
-
 a {
   color: currentColor;
 }
@@ -13,9 +11,9 @@ c {
 }
 
 d {
-  color: mix(currentColor, @some-color, 0.5);
+  color: mix(currentColor, pink, 0.5);
 }
 
 e {
-  color: mix(@some-color, currentColor, 0.5);
+  color: mix(pink, currentColor, 0.5);
 }

testsuite/css/parser/declarations-valid-09.css

@@ -1 +1 @@
-* { color: red; background-color: shade(@bg_color, 0.5); }
+* { color: red; background-color: shade(black, 0.5); }

testsuite/css/parser/declarations-valid-09.ref.css

@@ -1,4 +1,4 @@
 * {
-  background-color: shade(@bg_color, 0.5);
+  background-color: rgb(0,0,0);
   color: rgb(255,0,0);
 }

testsuite/css/parser/meson.build

@@ -50,45 +50,6 @@ test_data = [
   'at-invalid-07.css',
   'at-invalid-07.errors',
   'at-invalid-07.ref.css',
-  'at-invalid-08.css',
-  'at-invalid-08.errors',
-  'at-invalid-08.ref.css',
-  'at-invalid-09.css',
-  'at-invalid-09.errors',
-  'at-invalid-09.ref.css',
-  'at-invalid-10.css',
-  'at-invalid-10.errors',
-  'at-invalid-10.ref.css',
-  'at-invalid-11.css',
-  'at-invalid-11.errors',
-  'at-invalid-11.ref.css',
-  'at-invalid-12.css',
-  'at-invalid-12.errors',
-  'at-invalid-12.ref.css',
-  'at-invalid-13.css',
-  'at-invalid-13.errors',
-  'at-invalid-13.ref.css',
-  'at-invalid-14.css',
-  'at-invalid-14.errors',
-  'at-invalid-14.ref.css',
-  'at-invalid-15.css',
-  'at-invalid-15.errors',
-  'at-invalid-15.ref.css',
-  'at-invalid-16.css',
-  'at-invalid-16.errors',
-  'at-invalid-16.ref.css',
-  'at-invalid-17.css',
-  'at-invalid-17.errors',
-  'at-invalid-17.ref.css',
-  'at-invalid-18.css',
-  'at-invalid-18.errors',
-  'at-invalid-18.ref.css',
-  'at-invalid-19.css',
-  'at-invalid-19.errors',
-  'at-invalid-19.ref.css',
-  'at-invalid-20.css',
-  'at-invalid-20.errors',
-  'at-invalid-20.ref.css',
   'at-invalid-21.css',
   'at-invalid-21.errors',
   'at-invalid-21.ref.css',
@@ -102,30 +63,6 @@ test_data = [
   'at-valid-04.ref.css',
   'at-valid-05.css',
   'at-valid-05.ref.css',
-  'at-valid-06.css',
-  'at-valid-06.ref.css',
-  'at-valid-07.css',
-  'at-valid-08.css',
-  'at-valid-08.ref.css',
-  'at-valid-09.css',
-  'at-valid-09.ref.css',
-  'at-valid-10.css',
-  'at-valid-10.ref.css',
-  'at-valid-11.css',
-  'at-valid-11.ref.css',
-  'at-valid-12.css',
-  'at-valid-12.ref.css',
-  'at-valid-13.css',
-  'at-valid-13.ref.css',
-  'at-valid-14.css',
-  'at-valid-14.ref.css',
-  'at-valid-15.css',
-  'at-valid-15.ref.css',
-  'at-valid-16.css',
-  'at-valid-16.ref.css',
-  'at-valid-17.css',
-  'at-valid-18.css',
-  'at-valid-18.ref.css',
   'background-blend-mode.css',
   'background-blend-mode.ref.css',
   'background-clip.css',
@@ -221,6 +158,7 @@ test_data = [
   'css-21-malformed-statements.css',
   'css-21-malformed-statements.errors',
   'css-21-malformed-statements.ref.css',
+  'currentcolor-everywhere.ref.css',
   'currentcolor-everywhere.css',
   'dash-backslash-eof-is-identifier.ref.css',
   'dash-backslash-eof-is-identifier.css',

testsuite/css/parser/shadow.css

@@ -75,7 +75,7 @@ s {
 }
 
 t {
-  box-shadow: -1em 0 0 alpha(@bg_color, 0.5);
+  box-shadow: -1em 0 0 alpha(red, 0.5);
 }
 
 u {
@@ -143,7 +143,7 @@ jb {
 }
 
 kb {
-  box-shadow: inset 0.25pt 0.25pt 3px 0.25pt alpha(@bg_color, 0.5);
+  box-shadow: inset 0.25pt 0.25pt 3px 0.25pt alpha(red, 0.5);
 }
 
 lb {
@@ -151,7 +151,7 @@ lb {
 }
 
 mb {
-  box-shadow: -1em 0.25pt 0 alpha(@bg_color, 0.5);
+  box-shadow: -1em 0.25pt 0 alpha(red, 0.5);
 }
 
 nb {
@@ -171,7 +171,7 @@ qb {
 }
 
 rb {
-  box-shadow: inset 0.25pt 3px 1em alpha(@bg_color, 0.5);
+  box-shadow: inset 0.25pt 3px 1em alpha(red, 0.5);
 }
 
 sb {
@@ -187,7 +187,7 @@ ub {
 }
 
 vb {
-  box-shadow: 3px 0 0 0.25pt alpha(@bg_color, 0.5) inset;
+  box-shadow: 3px 0 0 0.25pt alpha(red, 0.5) inset;
 }
 
 wb {
@@ -235,7 +235,7 @@ gc {
 }
 
 hc {
-  box-shadow: inset alpha(@bg_color, 0.5) 0.25pt 0.25pt 0 -1em;
+  box-shadow: inset alpha(red, 0.5) 0.25pt 0.25pt 0 -1em;
 }
 
 ic {
@@ -311,11 +311,11 @@ zc {
 }
 
 ad {
-  box-shadow: 0 -1em 0.125pt -1em alpha(@bg_color, 0.5);
+  box-shadow: 0 -1em 0.125pt -1em alpha(red, 0.5);
 }
 
 bd {
-  box-shadow: alpha(@bg_color, 0.5) -1em -1em 0.125pt;
+  box-shadow: alpha(red, 0.5) -1em -1em 0.125pt;
 }
 
 cd {
@@ -331,7 +331,7 @@ ed {
 }
 
 fd {
-  box-shadow: 3px 0 alpha(@bg_color, 0.5) inset;
+  box-shadow: 3px 0 alpha(red, 0.5) inset;
 }
 
 gd {
@@ -351,11 +351,11 @@ jd {
 }
 
 kd {
-  box-shadow: inset 0.25pt 0 alpha(@bg_color, 0.5);
+  box-shadow: inset 0.25pt 0 alpha(red, 0.5);
 }
 
 ld {
-  box-shadow: 3px 0.25pt 0 0.25pt alpha(@bg_color, 0.5) inset;
+  box-shadow: 3px 0.25pt 0 0.25pt alpha(red, 0.5) inset;
 }
 
 md {
@@ -379,7 +379,7 @@ qd {
 }
 
 rd {
-  box-shadow: -1em 3px alpha(@bg_color, 0.5);
+  box-shadow: -1em 3px alpha(red, 0.5);
 }
 
 sd {

testsuite/css/parser/shadow.ref.css

@@ -75,7 +75,7 @@ s {
 }
 
 t {
-  box-shadow: -1em 0 alpha(@bg_color, 0.5);
+  box-shadow: -1em 0 rgba(255,0,0,0.5);
 }
 
 u {
@@ -143,7 +143,7 @@ jb {
 }
 
 kb {
-  box-shadow: 0.25pt 0.25pt 3px 0.25pt alpha(@bg_color, 0.5) inset;
+  box-shadow: 0.25pt 0.25pt 3px 0.25pt rgba(255,0,0,0.5) inset;
 }
 
 lb {
@@ -151,7 +151,7 @@ lb {
 }
 
 mb {
-  box-shadow: -1em 0.25pt alpha(@bg_color, 0.5);
+  box-shadow: -1em 0.25pt rgba(255,0,0,0.5);
 }
 
 nb {
@@ -171,7 +171,7 @@ qb {
 }
 
 rb {
-  box-shadow: 0.25pt 3px 1em alpha(@bg_color, 0.5) inset;
+  box-shadow: 0.25pt 3px 1em rgba(255,0,0,0.5) inset;
 }
 
 sb {
@@ -187,7 +187,7 @@ ub {
 }
 
 vb {
-  box-shadow: 3px 0 0 0.25pt alpha(@bg_color, 0.5) inset;
+  box-shadow: 3px 0 0 0.25pt rgba(255,0,0,0.5) inset;
 }
 
 wb {
@@ -235,7 +235,7 @@ gc {
 }
 
 hc {
-  box-shadow: 0.25pt 0.25pt 0 -1em alpha(@bg_color, 0.5) inset;
+  box-shadow: 0.25pt 0.25pt 0 -1em rgba(255,0,0,0.5) inset;
 }
 
 ic {
@@ -311,11 +311,11 @@ zc {
 }
 
 ad {
-  box-shadow: 0 -1em 0.125pt -1em alpha(@bg_color, 0.5);
+  box-shadow: 0 -1em 0.125pt -1em rgba(255,0,0,0.5);
 }
 
 bd {
-  box-shadow: -1em -1em 0.125pt alpha(@bg_color, 0.5);
+  box-shadow: -1em -1em 0.125pt rgba(255,0,0,0.5);
 }
 
 cd {
@@ -331,7 +331,7 @@ ed {
 }
 
 fd {
-  box-shadow: 3px 0 alpha(@bg_color, 0.5) inset;
+  box-shadow: 3px 0 rgba(255,0,0,0.5) inset;
 }
 
 gd {
@@ -351,11 +351,11 @@ jd {
 }
 
 kd {
-  box-shadow: 0.25pt 0 alpha(@bg_color, 0.5) inset;
+  box-shadow: 0.25pt 0 rgba(255,0,0,0.5) inset;
 }
 
 ld {
-  box-shadow: 3px 0.25pt 0 0.25pt alpha(@bg_color, 0.5) inset;
+  box-shadow: 3px 0.25pt 0 0.25pt rgba(255,0,0,0.5) inset;
 }
 
 md {
@@ -379,7 +379,7 @@ qd {
 }
 
 rd {
-  box-shadow: -1em 3px alpha(@bg_color, 0.5);
+  box-shadow: -1em 3px rgba(255,0,0,0.5);
 }
 
 sd {

testsuite/css/style/misc.nodes

@@ -1,6 +1,6 @@
 window.background:dir(ltr)
   box.horizontal:dir(ltr)
-    -gtk-icon-palette: error rgb(255,255,255), success rgb(255,255,255), warning rgb(255,255,255); /* misc.css:2:3-30 */
+    -gtk-icon-palette: default; /* misc.css:2:3-30 */
     -gtk-icon-transform: none; /* misc.css:3:3-30 */
 
     label:dir(ltr)