🌴 Minimalist. Modern. Simple. 🌴 An open source CSS library.
Home Page: https://palm-tree-css.vercel.app/
License: MIT License
Hi there 👋
My name is Adonys Santos, a Software Engineer passionate about web and mobile development. I have experience building applications using modern JavaScript, TypeScript, and Python technologies.
I am passionate about technology and always seek ways to improve and learn new skills. I enjoy sharing my knowledge and helping others in any way I can. I support cooperation and teamwork to accomplish shared objectives.
Create a CI pipeline to check that the library compile successfully using npm run build.
Update the readme to match the new Palm Tree 2.0 goals. We need to do the following:
Automate releases and changelogs using a tool like changesets or release-it.
UPDATE:
This is a monorepo, so it is important to have a release for each app and package.
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)
The code standards on the CONTRIBUTING.md file. We will create a .editorconfig file with all our code standard. So that we improve the development experience (DX) by maintaining a standard in the code written by the different contributors.
This require the strict eslint configuration (by default by Astro generator) and a strict TypeScript.
Related with #25
Add styles to the <button> and <a role="button"> tags.
Add the ability to customize the themes of the library by means of:
@use.Fix the cards margin
> Still not working. 
@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 a blank line at the end of the file
Originally posted by @adonyssantos in #47 (comment)
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)
Document al the process and guidelines to contribute to our project.
Lists (ol, ul)
An Atro integration to setup Palm Tree with just one command.
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).
Should we use semantic/classless styles by default? Or would it be better to have 3 modules: core, semantic/classless, and utility-class?
Add styles to the <p> tag.
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);
}The code standards and format is on the CONTRIBUTING.md file. We will setup and create a prettier config following our guidelines. So that we improve the development experience (DX) by maintaining a standard in the code written by the different contributors.
There are several tools that can assist you in writing semantic commits, such as:
Display color mode according to user preferences.
Add a GitHub Action to add a automatically label according to the issue type.
Example:
bug for Bug reports.feature for feature request.The layout components will include:
<header>: Is the container for the navigation.<section>: Is a container (12 cols grid)<main>: if is the only child of section will take the 12 columns<aside>: there may be up to 2 and each one will take 3 column (to be taken away from <main>).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.
Implement cache for this step
Originally posted by @adonyssantos in #47 (comment)
Add styles to the <h1>, <h2>, <h3>, <h4>, <h5>and <h6> tags.
px-to-rem function.Note: both variables need to be define.
We will work on the second version of the landing with the following sections:
<section>
<aside></aside>
<article></article>
<aside></aside>
</section>
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.