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

astroturf: EuiMark #6

Draft
wants to merge 2 commits into
base: ref/astroturf
Choose a base branch
from
Draft

Conversation

thompsongl
Copy link
Owner

@thompsongl thompsongl commented Aug 1, 2019

CSS Modules.

  1. Write your Sass like nothing has changed
  2. Write your JSX like nothing has changed
  3. Import .scss file(s) via css from astroturf
  4. Use classNames in component, referencing them via style object from css

Ignore all files not related to EuiMark


Screen Shot 2019-08-01 at 2 38 24 PM


Screen Shot 2019-08-01 at 2 47 09 PM


Screen Shot 2019-08-01 at 2 53 04 PM

@thompsongl thompsongl changed the title Astroturf: EuiMark astroturf: EuiMark Aug 1, 2019
@@ -31,7 +31,7 @@ module.exports = {
dirname(hostFilePath),
basename(hostFilePath, extname(hostFilePath)),
);
return `${basepath}_${id}${pluginsOptions.extension}`;
return `${basepath}${pluginsOptions.extension}`;
Copy link
Owner Author

Choose a reason for hiding this comment

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

Ignore. Just changing the name of the generated CSS file.

@@ -55,7 +55,14 @@ const webpackConfig = {
test: /\.module\.scss$/,
loaders: [
'style-loader',
'astroturf/css-loader',
{
Copy link
Owner Author

Choose a reason for hiding this comment

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

Ignore. Just changing what the generated class names look like.

const dark = css`
@import 'avatar_dark.module';
`;
// const dark = css`
Copy link
Owner Author

Choose a reason for hiding this comment

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

Ignore. Removing theming for now.

const dark = css`
@import 'badge_dark.module';
`;
// const dark = css`
Copy link
Owner Author

Choose a reason for hiding this comment

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

Ignore. Removing theming for now.

@@ -0,0 +1 @@
@import 'mark.module';
Copy link
Owner Author

Choose a reason for hiding this comment

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

.module just so babel & webpack can distinguish which files to process as modules.

thompsongl added a commit that referenced this pull request Mar 20, 2020
* added tests for date_modes

* added test for EuiCopy

* added tests for EuiTreeView

* added tests for EuiToggle

* test for text-align

* added for EuiTab

* Update src/components/copy/copy.test.tsx

Co-Authored-By: Caroline Horn <[email protected]>

* Update src/components/toggle/toggle.test.tsx

Co-Authored-By: Caroline Horn <[email protected]>

* Update src/components/toggle/toggle.test.tsx

Co-Authored-By: Caroline Horn <[email protected]>

* Update src/components/toggle/toggle.test.tsx

Co-Authored-By: Caroline Horn <[email protected]>

* Update src/components/toggle/toggle.test.tsx

Co-Authored-By: Caroline Horn <[email protected]>

* Update src/components/text/text_align.test.tsx

Co-Authored-By: Caroline Horn <[email protected]>

* Update src/components/toggle/toggle.test.tsx

Co-Authored-By: Caroline Horn <[email protected]>

* updated tests

* updated toggle to single

* changed casting

* dateMode tests

* dateMode tests (#6)

* date_modes test

Co-authored-by: Caroline Horn <[email protected]>
Co-authored-by: Greg Thompson <[email protected]>
Co-authored-by: Greg Thompson <[email protected]>
@github-actions
Copy link

👋 Hey there. This PR hasn't had any activity for 90 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.

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

Successfully merging this pull request may close these issues.

1 participant