4 Replies Latest reply on Dec 12, 2012 8:13 AM by 956927

    "globalization" of color gradient in CSS

    956927
      Hy there,

      i am using in my CSS file some kind of "global" definitions:

      .root{
      -custom-color:#666666;
      }

      .button{
      -fx-background-color:-custom-color;
      }

      as i tried to do a "global" gradient like

      .root{
      -custom-gradient:#F8F8F8,linear-gradient(#F8F8F8 0%, #E4E4E4 50%, #CCCCCC 100%);
      }

      i could not use this definition on my button (gradient did not show up)

      .button{
      -fx-background-color: -custom-gradient;
      }

      is this known or am i doing something wrong with the gradient ?

      BR