yummacss 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +46 -0
- package/LICENSE +21 -0
- package/README.md +54 -0
- package/dist/yumma.css +23026 -0
- package/gulpfile.js +28 -0
- package/index.js +8 -0
- package/package.json +34 -0
- package/public/css/yumma.min.css +1 -0
- package/yumma-css/_base.scss +30 -0
- package/yumma-css/_breakpoints.scss +43 -0
- package/yumma-css/_colors.scss +282 -0
- package/yumma-css/_functions.scss +5 -0
- package/yumma-css/_grid.scss +111 -0
- package/yumma-css/_utilities.scss +693 -0
- package/yumma-css/_variables.scss +51 -0
- package/yumma-css/components/_badge.scss +34 -0
- package/yumma-css/components/_button.scss +65 -0
- package/yumma-css/components/_card.scss +23 -0
- package/yumma-css/components/_navbar.scss +29 -0
- package/yumma-css/index.scss +20 -0
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
All notable changes to the Yumma CSS Library will be documented in this file.
|
|
4
|
+
|
|
5
|
+
## v0.0.1
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
- Initial release of Yumma CSS.
|
|
9
|
+
|
|
10
|
+
### Changed
|
|
11
|
+
- None
|
|
12
|
+
|
|
13
|
+
### Fixed
|
|
14
|
+
- None
|
|
15
|
+
|
|
16
|
+
### Deprecated
|
|
17
|
+
- None
|
|
18
|
+
|
|
19
|
+
## v0.1.0
|
|
20
|
+
|
|
21
|
+
### Added
|
|
22
|
+
- Improved utility class generation for Height, Margin, Padding, and Width.
|
|
23
|
+
- Added new classes and selectors for Height, Margin, Padding, and Width properties.
|
|
24
|
+
|
|
25
|
+
### Changed
|
|
26
|
+
- Replaced the `copyStyles` function with `minifyStyles` for faster CDN loading.
|
|
27
|
+
|
|
28
|
+
### Fixed
|
|
29
|
+
- None
|
|
30
|
+
|
|
31
|
+
### Deprecated
|
|
32
|
+
- None
|
|
33
|
+
|
|
34
|
+
## v0.1.1
|
|
35
|
+
|
|
36
|
+
### Added
|
|
37
|
+
- None
|
|
38
|
+
|
|
39
|
+
### Changed
|
|
40
|
+
- Updated readme file
|
|
41
|
+
|
|
42
|
+
### Fixed
|
|
43
|
+
- None
|
|
44
|
+
|
|
45
|
+
### Deprecated
|
|
46
|
+
- None
|
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2023 Renildo Pereira
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS," WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT, OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF, OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
# Yumma CSS
|
|
2
|
+
|
|
3
|
+
<img src="https://i.ibb.co/4ZNLWYj/app-icon.jpg" width="50" height="50">
|
|
4
|
+
|
|
5
|
+
Welcome to Yumma CSS Library! A lightweight and powerful CSS library designed to enhance the styling capabilities of your web apps. Whether you're a beginner or an experienced developer, Yumma CSS provides you with a wide range of pre-built CSS components, styles, and utilities to supercharge your web development workflow. It was created by **Renildo Pereira** in September 2022.
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
You can include Yumma CSS in your project either by using our Content Delivery Network (CDN) link or by using a package manager.
|
|
9
|
+
|
|
10
|
+
### Integrate via CDN
|
|
11
|
+
```html
|
|
12
|
+
<link rel="stylesheet" href="https://unpkg.com/yummacss/public/css/yumma.min.css" crossorigin="anonymous">
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### Install via NPM
|
|
16
|
+
```
|
|
17
|
+
npm install yummacss
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
## Version Display
|
|
21
|
+
To display the Yumma CSS version in your console, import the following code snippet and call the `greet` function:
|
|
22
|
+
|
|
23
|
+
```js
|
|
24
|
+
const packageJson = require('./package.json');
|
|
25
|
+
|
|
26
|
+
const greet = () => {
|
|
27
|
+
const version = packageJson.version;
|
|
28
|
+
console.log(`You're running Yumma CSS v${version}`);
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
module.exports = { greet };
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
### How to use
|
|
35
|
+
To display the Yumma CSS version in your console, just call the `greet` function in your project code:
|
|
36
|
+
|
|
37
|
+
```js
|
|
38
|
+
const { greet } = require('./index');
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## Documentation
|
|
42
|
+
For comprehensive documentation, visit the [Yumma CSS Docs](https://yummacss.netlify.app/).
|
|
43
|
+
|
|
44
|
+
## License
|
|
45
|
+
Yumma CSS is open-source software licensed under the MIT License.
|
|
46
|
+
|
|
47
|
+
## Support
|
|
48
|
+
|
|
49
|
+
If you have questions or want to stay updated on our projects, here are some ways to connect with us:
|
|
50
|
+
|
|
51
|
+
- Join our [Discord](https://discord.gg/CGw5vyqmQ6) server.
|
|
52
|
+
- Follow us on [Twitter](https://twitter.com/yummacss) for the latest updates.
|
|
53
|
+
|
|
54
|
+
If you'd like to show your support for our work, [you can buy me a coffee](https://www.buymeacoffee.com/rrenildoo).
|