Groups keyboard shortcuts have been updated
Dismiss
See shortcuts

Full CSS3 Support?

111 views
Skip to first unread message

Sze C.

unread,
Oct 16, 2011, 9:52:36 AM10/16/11
to CSS Lint
im using csslint.net for validating CSS but I also have CSS3 in my
stylesheet.

section { box-shadow: 2px 2px 2px #000; } appears to pass validation
but the following CSS3 animation dos not appear in the validation
results.


@keyframes resize {
0% {
padding: 0;
}
50% {
padding: 0 20px;
background-color:rgba(255,0,0,0.2);
}
100% {
padding: 0 100px;
background-color:rgba(255,0,0,0.9);
}
}

#box {
animation-name: resize;
animation-duration: 1s;
animation-iteration-count: 4;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}


Is there any amount of CSS3 support built into CSS Lint?

Nicholas Zakas

unread,
Oct 17, 2011, 12:36:36 PM10/17/11
to css-...@googlegroups.com
Hi,

Keep in mind that CSS Lint is not a CSS validator, it's a code quality tool that points out potential problems. It has support for all CSS3 syntax.

I'm not sure what you're referring to when you say "does not appear in the validation results." Are you saying there's an error? Or that you're expecting an error but there isn't one? Can you be more specific?

-N

Sze Chan

unread,
Oct 17, 2011, 1:47:50 PM10/17/11
to css-...@googlegroups.com
You know how after CSS linting, the CSS is reprinted in the code view area?
When I lint this CSS snippet below:

@keyframes resize {
0% {
padding: 0;
}
50% {
padding: 0 20px;
background-color:rgba(255,0,0,0.2);
}
100% {
padding: 0 100px;
background-color:rgba(255,0,0,0.9);
}
}

#box {
animation-name: resize;
animation-duration: 1s;
animation-iteration-count: 4;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}

The CSS does not get reprinted.

Do you see the issue now?

Nicholas Zakas

unread,
Oct 17, 2011, 3:46:05 PM10/17/11
to css-...@googlegroups.com
Okay, it sounds like you're saying that the code isn't being displayed on the results screen correct? Can you please go and file an issue for this? https://github.com/stubbornella/csslint/issues.

Thanks.

-N

Sze Chan

unread,
Oct 17, 2011, 3:56:37 PM10/17/11
to css-...@googlegroups.com
Issue filed.
https://github.com/stubbornella/csslint/issues/196


On Mon, Oct 17, 2011 at 3:46 PM, Nicholas Zakas

Sze C.

unread,
Oct 20, 2011, 12:19:26 AM10/20/11
to CSS Lint
I saw the ticket was closed 1 day ago. When will the next build of
csslint.net have this fix?

Thanks.
Sze

On Oct 17, 3:56 pm, Sze Chan <sze.m.c...@gmail.com> wrote:
> Issue filed.https://github.com/stubbornella/csslint/issues/196
>
> On Mon, Oct 17, 2011 at 3:46 PM, Nicholas Zakas
>
>
>
>
>
>
>
> <nicho...@nczconsulting.com> wrote:
> > Okay, it sounds like you're saying that the code isn't being displayed on
> > the results screen correct? Can you please go and file an issue for this?
> >https://github.com/stubbornella/csslint/issues.
> > Thanks.
> > -N
>

Nicholas Zakas

unread,
Oct 20, 2011, 1:36:08 PM10/20/11
to css-...@googlegroups.com
It will go out with 0.8.0, which will either be the end of this week or sometime next week.

-N

Sze Chan

unread,
Oct 20, 2011, 2:49:39 PM10/20/11
to css-...@googlegroups.com
That's great! Nicholas and Nicole, Thanks!
Reply all
Reply to author
Forward
0 new messages