Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(styles): add flex to common css (helpers) #3816

Merged
merged 5 commits into from
Sep 1, 2022

Conversation

InnaAtanasova
Copy link
Contributor

Related Issue

common css

Description

  • flex

@InnaAtanasova InnaAtanasova added this to the Sprint 94 - Montevideo milestone Aug 17, 2022
@InnaAtanasova InnaAtanasova self-assigned this Aug 17, 2022
@InnaAtanasova InnaAtanasova marked this pull request as draft August 17, 2022 19:50
@InnaAtanasova InnaAtanasova changed the title feat(styles): add flex to common css [WIP] feat(styles): add flex to common css Aug 17, 2022
@netlify
Copy link

netlify bot commented Aug 17, 2022

Deploy Preview for fundamental-styles ready!

Name Link
🔨 Latest commit e0133ec
🔍 Latest deploy log https://app.netlify.com/sites/fundamental-styles/deploys/630eb0a9b3e74a0009691ea0
😎 Deploy Preview https://deploy-preview-3816--fundamental-styles.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@InnaAtanasova InnaAtanasova changed the title [WIP] feat(styles): add flex to common css feat(styles): add flex to common css (helpers) Aug 19, 2022
@InnaAtanasova InnaAtanasova marked this pull request as ready for review August 19, 2022 20:23
src/styles/flex.scss Outdated Show resolved Hide resolved

// ----------- FLEX ALIGN CONTENT -----------
@mixin fd-flex-align-content($type: normal) {
display: flex;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why not use fd-flex mixin here?


// ----------- FLEX ALIGN ITEMS -----------
@mixin fd-flex-align-items($type: stretch) {
display: flex;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fd-flex?

@g-cheishvili
Copy link
Contributor

This would be much more helpful to end user if we ship raw scss to the npm repo, this way they would be able to use our mixins in case they have scss on their end

src/styles/flex.scss Outdated Show resolved Hide resolved
@mikerodonnell89
Copy link
Member

I don't think the examples are working, they are all displaying the same thing (zoomed out)
Screen Shot 2022-08-30 at 11 32 10 AM

@InnaAtanasova
Copy link
Contributor Author

https://deploy-preview-3816--fundamental-styles.netlify.app

they should be working now

@@ -0,0 +1,955 @@
export default {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

empty space below stories

зображення

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't understand. Where do you see this in the documentation?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Development
  
Awaiting triage
Development

Successfully merging this pull request may close these issues.

None yet

5 participants