Re: [css-d] order of rules in a single declaration

2016-10-14 Thread Tom Livingston 
On Fri, Oct 14, 2016 at 3:06 PM, Karl DeSaulniers  wrote:
> Agreed. The parser doesn't care, but the browser will interpret and reorder 
> based on its settings/preferences.
>
>
> Best,
>
> Karl DeSaulniers


Bottom line, the page layout/display is not effected by the order of
declarations.

Thanks all.


-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] order of rules in a single declaration

2016-10-14 Thread Karl DeSaulniers 
Agreed. The parser doesn't care, but the browser will interpret and reorder 
based on its settings/preferences.


Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com




> On Oct 14, 2016, at 7:00 AM, Mi B  wrote:
> 
> The ordering is only an indication of interpretation. It’s not proof. 
> Certainly not for the parser caring about order in the CSS source.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] order of rules in a single declaration

2016-10-14 Thread Mi B 

> 14 okt. 2016 kl. 06:54 skrev Karl DeSaulniers :
> 
> The parser does care somewhat. Depends on the browser
> In my research I have found that they load aspects before dynamics.
> 
> Loading the elements basic parameters first like color, background color then 
> fonts, font size, line height then width, height and then margins, padding 
> and then borders, transitions, shadows and then position, clip and display. 

The ordering is only an indication of interpretation. It’s not proof. Certainly 
not for the parser caring about order in the CSS source.




> 
> I got this from the inspect element pane and how different browsers 
> were ordering my css. If you have them out of order, safari would reorder 
> them 
> according to their spec and I had found that most other browsers treated this 
> the same way and reordered them similarly. 
> 
> So it is a yes and no answer with a personal preference included.
> Try it for yourself. Put them in the order you want and see how Safari or 
> chrome or firefox 
> reorder them respectively.
> 
> For example:
> 
> div{
>   width: 100%;
>   margin: 10px 20px;
>   padding: 0;
>   position: relative;
>   display: block;
> }
> 
> Best,
> 
> Karl DeSaulniers
> Design Drumm
> http://designdrumm.com
> 
> 
> 
> 
>> On Oct 13, 2016, at 10:32 PM, Philippe Wittenbergh  wrote:
>> 
>> 
>>> On Oct 14, 2016, at 12:13 PM, Tom Livingston  wrote:
>>> 
>>> Curious. Does the order of declarations within a single rule matter?
>>> Not specificity between rules.
>>> 
>>> For example:
>>> 
>>> div{
>>>   position: relative;
>>>   display: block;
>>>   width: 100%;
>>>   margin: 10px 20px;
>>>   padding: 0;
>>> }
>>> 
>>> as opposed to:
>>> 
>>> div{
>>>   display: block;
>>>   margin: 10px 20px;
>>>   padding: 0;
>>>   position: relative;
>>>   width: 100%;
>>> }
>>> 
>>> Make any difference?
>> 
>> No. The CSS parser doesn’t care.
>> 
>> For the human eye aka readability of a stylesheet, that is another matter. 
>> Excellent fuel for violent flame wars.
>> 
>> Philippe
>> --
>> Philippe Wittenbergh
>> http://l-c-n.com/
>> 
>> 
>> 
>> 
>> 
>> __
>> css-discuss [css-d@lists.css-discuss.org]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> 
> __
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] order of rules in a single declaration

2016-10-14 Thread Tom Livingston 
For clarity, I'll include my reply to Philippe, which I accidentally sent
only to him...

On Thu, Oct 13, 2016 at 11:34 PM Tom Livingston  wrote:

> >> Make any difference?
> >
> > No. The CSS parser doesn’t care.
> >
> > For the human eye aka readability of a stylesheet, that is another
> matter. Excellent fuel for violent flame wars.
> >
> > Philippe
> > --
> > Philippe Wittenbergh
> > http://l-c-n.com/
> >
>
> Oh dear. Then I'll take this as my answer and move on.
>
> Nothing more to see here.
>
>
> --
>
> Tom Livingston | Senior Front End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>
>
> #663399
>
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] order of rules in a single declaration

2016-10-14 Thread Tom Livingston 
Hmm. Ill try that. Never noticed that in my day to day.

Thanks.
On Fri, Oct 14, 2016 at 12:54 AM Karl DeSaulniers 
wrote:

> The parser does care somewhat. Depends on the browser
> In my research I have found that they load aspects before dynamics.
>
> Loading the elements basic parameters first like color, background color
> then
> fonts, font size, line height then width, height and then margins, padding
> and then borders, transitions, shadows and then position, clip and display.
>
> I got this from the inspect element pane and how different browsers
> were ordering my css. If you have them out of order, safari would reorder
> them
> according to their spec and I had found that most other browsers treated
> this
> the same way and reordered them similarly.
>
> So it is a yes and no answer with a personal preference included.
> Try it for yourself. Put them in the order you want and see how Safari or
> chrome or firefox
> reorder them respectively.
>
> For example:
>
> div{
>width: 100%;
>margin: 10px 20px;
>padding: 0;
>position: relative;
>display: block;
> }
>
> Best,
>
> Karl DeSaulniers
> Design Drumm
> http://designdrumm.com
>
>
>
>
> > On Oct 13, 2016, at 10:32 PM, Philippe Wittenbergh 
> wrote:
> >
> >
> >> On Oct 14, 2016, at 12:13 PM, Tom Livingston  wrote:
> >>
> >> Curious. Does the order of declarations within a single rule matter?
> >> Not specificity between rules.
> >>
> >> For example:
> >>
> >> div{
> >>position: relative;
> >>display: block;
> >>width: 100%;
> >>margin: 10px 20px;
> >>padding: 0;
> >> }
> >>
> >> as opposed to:
> >>
> >> div{
> >>display: block;
> >>margin: 10px 20px;
> >>padding: 0;
> >>position: relative;
> >>width: 100%;
> >> }
> >>
> >> Make any difference?
> >
> > No. The CSS parser doesn’t care.
> >
> > For the human eye aka readability of a stylesheet, that is another
> matter. Excellent fuel for violent flame wars.
> >
> > Philippe
> > --
> > Philippe Wittenbergh
> > http://l-c-n.com/
> >
> >
> >
> >
> >
> > __
> > css-discuss [css-d@lists.css-discuss.org]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > List wiki/FAQ -- http://css-discuss.incutio.com/
> > List policies -- http://css-discuss.org/policies.html
> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
> __
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] order of rules in a single declaration

2016-10-13 Thread Karl DeSaulniers 
The parser does care somewhat. Depends on the browser
In my research I have found that they load aspects before dynamics.

Loading the elements basic parameters first like color, background color then 
fonts, font size, line height then width, height and then margins, padding 
and then borders, transitions, shadows and then position, clip and display. 

I got this from the inspect element pane and how different browsers 
were ordering my css. If you have them out of order, safari would reorder them 
according to their spec and I had found that most other browsers treated this 
the same way and reordered them similarly. 

So it is a yes and no answer with a personal preference included.
Try it for yourself. Put them in the order you want and see how Safari or 
chrome or firefox 
reorder them respectively.

For example:

div{
   width: 100%;
   margin: 10px 20px;
   padding: 0;
   position: relative;
   display: block;
}

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com




> On Oct 13, 2016, at 10:32 PM, Philippe Wittenbergh  wrote:
> 
> 
>> On Oct 14, 2016, at 12:13 PM, Tom Livingston  wrote:
>> 
>> Curious. Does the order of declarations within a single rule matter?
>> Not specificity between rules.
>> 
>> For example:
>> 
>> div{
>>position: relative;
>>display: block;
>>width: 100%;
>>margin: 10px 20px;
>>padding: 0;
>> }
>> 
>> as opposed to:
>> 
>> div{
>>display: block;
>>margin: 10px 20px;
>>padding: 0;
>>position: relative;
>>width: 100%;
>> }
>> 
>> Make any difference?
> 
> No. The CSS parser doesn’t care.
> 
> For the human eye aka readability of a stylesheet, that is another matter. 
> Excellent fuel for violent flame wars.
> 
> Philippe
> --
> Philippe Wittenbergh
> http://l-c-n.com/
> 
> 
> 
> 
> 
> __
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] order of rules in a single declaration

2016-10-13 Thread Philippe Wittenbergh 

> On Oct 14, 2016, at 12:13 PM, Tom Livingston  wrote:
> 
> Curious. Does the order of declarations within a single rule matter?
> Not specificity between rules.
> 
> For example:
> 
> div{
> position: relative;
> display: block;
> width: 100%;
> margin: 10px 20px;
> padding: 0;
> }
> 
> as opposed to:
> 
> div{
> display: block;
> margin: 10px 20px;
> padding: 0;
> position: relative;
> width: 100%;
> }
> 
> Make any difference?

No. The CSS parser doesn’t care.

For the human eye aka readability of a stylesheet, that is another matter. 
Excellent fuel for violent flame wars.

Philippe
--
Philippe Wittenbergh
http://l-c-n.com/





__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] order of rules in a single declaration

2016-10-13 Thread Tom Livingston 
List,

Curious. Does the order of declarations within a single rule matter?
Not specificity between rules.

For example:

div{
 position: relative;
 display: block;
 width: 100%;
 margin: 10px 20px;
 padding: 0;
}

as opposed to:

div{
 display: block;
 margin: 10px 20px;
 padding: 0;
 position: relative;
 width: 100%;
}

Make any difference?

-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/