adonyssantos / palm-tree-css Goto Github PK

          Add a blank line at the end of the file

Originally posted by @adonyssantos in #47 (comment)

Create a CI pipeline to check that the library compile successfully using npm run build.

          > Still not working. ![imagen](https://private-user-images.githubusercontent.com/95647031/320169420-f26e1a41-bef1-4960-b214-93bc63fbb721.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTIzNjgyNTksIm5iZiI6MTcxMjM2Nzk1OSwicGF0aCI6Ii85NTY0NzAzMS8zMjAxNjk0MjAtZjI2ZTFhNDEtYmVmMS00OTYwLWIyMTQtOTNiYzYzZmJiNzIxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA0MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNDA2VDAxNDU1OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI5NWU2YzE3MThkZmQ0MjI5ZjYzMmY3OGU4MGU4MTkyZDRiMmU4ZGVhMWI1ODVkNzdlZDBmNjY5MDhhYjQwYzEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.wAeX9t8jgRuxjiBrj3-72f8Ch-kJIGbgF-0DKCB6wWo)

@0s1n Fixed again. There is a error with the grid responsive but we can work this in another issue.

The problem is that it should show 4 columns on the desktop:

Also, we need to check the horizontal spacing on mobile:

Originally posted by @adonyssantos in #60 (comment)

Add the ability to customize the themes of the library by means of:

1. CSS variables.
2. Sass Modules @use.
3. Choose some of the predefined themes.

Fix the cards margin

A new improved version of this library that will allow classless styles, theme customization through variables, and support for a previous version with classes (will include new and better classes).

Add styles to the <h1>, <h2>, <h3>, <h4>, <h5>and <h6> tags.

Add styles to the <button> and <a role="button"> tags.

Display color mode according to user preferences.

Add Astro aliases for more simple imports.

Documentation reference: https://docs.astro.build/en/guides/aliases/

We will have just one alias @/ that refers to src/*.

This depends on #27.

An Atro integration to setup Palm Tree with just one command.

Should we use semantic/classless styles by default? Or would it be better to have 3 modules: core, semantic/classless, and utility-class?

          This variable name is so generic. I think that we will create a more descriptive variable name, like `$font-body`, `$font-headings`, etc.

Originally posted by @adonyssantos in #40 (comment)

This require the strict eslint configuration (by default by Astro generator) and a strict TypeScript.

Related with #25

          Maybe we should save this in an artifact, so we have the build and can use it to deploy it to a CDN or upload it to NPM. Let's not think about this for now but when we are closer to release 2.0 we can do it.

Originally posted by @adonyssantos in #52 (comment)

          Implement cache for this step

Originally posted by @adonyssantos in #47 (comment)

Change the colors to their high contrast equivalent.

Like px-to-rem (helper created by us) we can create a helper to which we pass a color and automatically this adds the @media prefers-contrast high with the corresponding color (this color will be autocomputed).

We can also make this helper include more things related to color in the future (Even invert the color if it is according to the color mode).

Example of usage

h1 {
  background-color: color(#f14b00);
}

Add styles to the <p> tag.