Responsive common utils?

[Kcko]

Where should i place common simple responsive rules?
My opinion is 3. 'base/responsive';

[KittyGiraudel]

Why do you mean by responsive rules?

[Kcko]

I like to have common set of responsive rules

/* Very common responsive rules
---------------------------------------------------------------------------------------------------- */

img 
{
    max-width: 100%;
    height: auto;
}


@media \0screen 
{
    img 
    { 
        width: auto; /*  ie 8 */
    }
}

This file i missing in your awesome skelet.

[KittyGiraudel]

Oh. I guess I would put it in base/base.

[Kcko]

My opinion is separate file in /base ... ; but thx :)

[Kcko]

Hugo, I have one last question.

Whats different between _base.scss and _typography.scss. I think that are equals. Styles for body, H1-H6, commons para etc can be inserted in both.

Can you show me some god example (that i understand distinction).

Thx very much

[KittyGiraudel]

In _typography.scss, you will stuff everything related to your typography: font styles for headings, content elements, your modular scale, etc.

In _base.scss, you could have some browser resets, the box-sizing reset, and various rules targeting default elements that are not related to typography.

[Kcko]

+1 :-)

S pozdravem

Roman Janko
Frontend Specialist / PHP Developer

gsm: [+420] 777 856 657
email: admin@rjwebdesign.cz mailto:admin@rjwebdesign.cz
icq: 176-031-471
www: rjwebdesign.cz http://rjwebdesign.cz
linkedin: linkedin.com/in/romanjanko
http://www.linkedin.com/in/romanjanko
twitter: twitter.com/RomanJanko https://twitter.com/RomanJanko

Rjwebdesign logo

Dne 2.12.2015 v 14:42 Hugo Giraudel napsal(a):

In |_typography.scss|, you will stuff everything related to your
typography: font styles for headings, content elements, your modular
scale, etc.

In |_base.scss|, you could have some browser resets, the box-sizing
reset, and various rules targeting default elements that are not
related to typography.

—
Reply to this email directly or view it on GitHub
#11 (comment).