├── .DS_Store
├── .github
├── ISSUE_TEMPLATE
│ └── feature_request.md
└── pull_request_template.md
├── CONTRIBUTING.md
├── CSSButtons
├── index.html
└── style.css
├── CSSFlexbox
├── #1 Template
│ ├── index.html
│ └── style.css
├── #2 display flex
│ ├── index.html
│ └── style.css
├── #3 Flex Wrap
│ ├── index.html
│ └── style.css
├── #4 Flex JustifyContent
│ ├── index.html
│ └── style.css
├── #5 Flex basis
│ ├── index.html
│ └── style.css
├── #6 Flex grow
│ ├── index.html
│ └── style.css
├── #7 Flex shrink
│ ├── index.html
│ └── style.css
└── #8 Flex order
│ ├── index.html
│ └── style.css
├── CSSScrollBehaviour
├── index.html
└── style.css
├── README.md
├── Text-numeric
├── index.html
└── style.css
├── css-alert-status
├── index.html
└── style.css
├── css-badge
├── index.html
└── style.css
├── css-cards
├── index.html
└── style.css
├── css-list
├── index.html
└── style.css
├── css-table
├── Table.html
└── table.css
├── css-tags
├── index.html
└── style.css
├── css
└── base.css
├── cssCalc
├── index.html
└── style.css
├── cssClickableGallery
├── index.html
└── style.css
├── cssCounter
├── index.html
└── style.css
├── cssFilters
├── index.html
├── script.js
└── style.css
├── cssGrids
├── .DS_Store
├── 01-display
│ ├── index.html
│ └── style.css
├── 02-columns
│ ├── index.html
│ └── style.css
├── 03-rows
│ ├── index.html
│ └── style.css
├── 04-gap
│ ├── index.html
│ └── style.css
├── 05-gridAreas
│ ├── index.html
│ └── style.css
├── 06-flow
│ ├── index.html
│ └── style.css
└── 07-rows-and-columns
│ ├── index.html
│ └── style.css
├── cssMixins
├── index.html
└── style.css
├── cssVariables
├── index.html
└── style.css
├── cssWritingModes
├── index.html
└── style.css
├── currentcolor
├── index.html
└── style.css
├── galleries
├── 01
│ ├── index.html
│ └── style.css
└── 02
│ ├── index.html
│ └── style.css
├── images
├── alerts.png
├── buttons.png
├── cards.png
└── tags.png
└── responsive
├── index.html
└── style.css
/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Neha/css3-demos/9104a2ead5657428619870ea8298110350461ee5/.DS_Store
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature_request.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Feature request
3 | about: Suggest an idea for this project
4 | title: ''
5 | labels: Feature
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Describe your feature**
11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
12 |
13 | **Describe the technology or features of CSS you used**
14 | A clear and concise description of what you want to happen.
15 |
16 | **Is it responsive**
17 | - [ ] Yes
18 | - [ ] No
19 | - [ ] NA
20 |
21 | **Is it accessible**
22 | - [ ] Yes
23 | - [ ] No
24 | - [ ] NA
25 |
26 | **Have you tested in on all browsers?**
27 | - [ ] Yes
28 | - [ ] No
29 | - [ ] NA
30 |
--------------------------------------------------------------------------------
/.github/pull_request_template.md:
--------------------------------------------------------------------------------
1 | # Title of your PR
2 |
3 |
4 | # Describe your PR
5 |
6 |
7 | # JIRA Numbers and Link
8 |
9 |
10 | # Release Number
11 |
12 |
13 | # Have you tested them on the Browsers?
14 | - [ ] Yes
15 | - [ ] No
16 |
17 | # Have you wrote the testcases?
18 | - [ ] Yes
19 | - [ ] No
20 |
--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | # Hacktoberfest 2019
2 | Welcome to the month of learning, sharing, and raising PRs. Being a developer and active community person I keep getting lot of questions
3 | from where to start for contribution. Hence, here it is my repo of CSS3 examples open for contribution for first-timer or seasoned
4 | CSS developers or anyone who is learning CSS.
5 |
6 | ## Rules:
7 | - Be very very nice
8 | - Have empathy
9 | - Remember goal is to __learn and share__ not to prove __who is more smarter__
10 | - If stuck ask for help. Trust me there is no issue is asking help.
11 |
12 | ## Code Guidlines:
13 | - The biggest rule is the code should be only HTML and CSS NO JAVASCRIPT.
14 | - The code should be valid HTML and CSS
15 | - The code should be ready to use
16 | - The code should be generic to use
17 |
18 | ## Where to start contributing?
19 | - Documentation
20 | - Pipelines (may be??)
21 | - New features, modules suggestions
22 | - PR for pending tasks
23 | - Check to Issues
24 |
25 | ## Who I am?
26 | I am Neha Sharma, a curious and learner. Here is my [twitter](https://twitter.com/hellonehha) account.
27 |
--------------------------------------------------------------------------------
/CSSButtons/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | CSS Buttons
4 |
5 |
6 |
7 |
8 |
9 |
10 |
CSS Buttons
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |