aries-auto / ariesautomotive

Aries Automotive Website
MIT License
1 stars 3 forks source link

Refactor/catalog 249 #252

Closed WileESpaghetti closed 7 years ago

WileESpaghetti commented 7 years ago

Removed old catalogs Updated 2017 calendar Moved catalogs location

ninnemana commented 7 years ago

Can we achieve this with using flexbox? That way we can have a CSS only approach and don't need react properties for styling.

WileESpaghetti commented 7 years ago

I have my doubts, but I'll take a stab at it and see.

WileESpaghetti commented 7 years ago

Do you know how the component .root class names are being created? I need to change the flex-direction for the .root class from src/components/home/Catalogs.scss inside of src/components/home/Marketing.scss.

The generated class name winds up being .Catalogs_root_3GX

...I can find a way to do this without just hard-coding the class name in there

ninnemana commented 7 years ago

They're being generated in webpack: https://github.com/aries-auto/ariesautomotive/blob/master/tools/webpack.config.js#L105. When I've needed to manipulate a child component from the parent I've always done it by referencing the DOM specifically.

Instead of

div .Catalogs_root_3GX {

}

it ends up with

div > div:first-child {

}