Re: translating -gtk-gradient to -webkit-gradient -- GTK3 Themes

[Dennis <dennisonic gmail com>]

Actually it's from line 242: 

http://bazaar.launchpad.net/~christhehorton/light-themes/Touch_style/view/head:/Ambiance/gtk-3.0/gtk-widgets.css#L242

On Sat, Aug 17, 2013 at 7:59 PM, Dennis <dennisonic gmail com> wrote:

it's a GTK vendor prefix: 

http://bazaar.launchpad.net/~christhehorton/light-themes/Touch_style/view/head:/Ambiance/gtk-3.0/gtk-widgets.css#L171

On Sat, Aug 17, 2013 at 7:04 PM, Jasper St. Pierre <jstpierre mecheye net> wrote:

You should use the standard linear-gradient CSS feature, not -webkit-gradient.

https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient

However, as far as I can tell, that's invalid syntax, as there's only one item allowed in a from() _expression_. This might be a recent restriction, in which case everything after the first comma would simply be ignored. In which case, as both colors are the same, it should be equivalent to:

    background-color: #f07746;

Where did these CSS lines come from?

On Sat, Aug 17, 2013 at 1:53 PM, Dennis <dennisonic gmail com> wrote:

Hi

I am in the process of converting some GTK+3 theme widgets into browser/webkit CSS -- in order to create a CSS theme to make desktop HTML5 apps integrate nicely with the desktop.

How can/should I translate the below gradient into a browser compatible gradient?  -webkit-gradient for example.

.button.default {

  background-image: -gtk-gradient (linear, left top, left bottom,

                                   from (#f07746, 1.16 , #f2f1f0, 0.3),

                                   to (#f07746, 0.84 , #f2f1f0, 0.3));

 

}

_______________________________________________
gtk-list mailing list
gtk-list gnome org
https://mail.gnome.org/mailman/listinfo/gtk-list

--
  Jasper