├── .github
    └── FUNDING.yml
├── LICENSE
└── README.md


/.github/FUNDING.yml:
--------------------------------------------------------------------------------
 1 | # These are supported funding model platforms
 2 | 
 3 | open_collective: ng-web-apis
 4 | 
 5 | issuehunt: # ng-web-apis
 6 | tidelift: # npm/@ng-web-apis/common
 7 | 
 8 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
 9 | patreon: # Replace with a single Patreon username
10 | ko_fi: # Replace with a single Ko-fi username
11 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
12 | liberapay: # Replace with a single Liberapay username
13 | otechie: # Replace with a single Otechie username
14 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
15 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2021 AngularWave
 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.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # CSS Challenge
 2 | A set of little CSS puzzles to practice your styling skills by [Alex](https://twitter.com/Waterplea)
 3 | 
 4 | ## Day 01
 5 | Create a «refresh» button that does a full turn on click.
 6 | 
 7 | - [Template](https://codepen.io/AngularWave/pen/ExvKGVo)
 8 | - [Solution](https://codepen.io/AngularWave/pen/mdMErYJ)
 9 | 
10 | ## Day 02
11 | Create a classic flying label input.
12 | 
13 | - [Template](https://codepen.io/AngularWave/pen/mdMEGVa)
14 | - [Solution](https://codepen.io/AngularWave/pen/oNezYdN)
15 | 
16 | ## Day 03
17 | Create a custom checkbox.
18 | 
19 | - [Template](https://codepen.io/AngularWave/pen/gOxwLdg)
20 | - [Solution](https://codepen.io/AngularWave/pen/gOxLOJK)
21 | 
22 | ## Day 04
23 | Create a «fixed» overlay for scrollable container
24 | 
25 | - [Template](https://codepen.io/AngularWave/pen/rNzWaEG)
26 | - [Solution](https://codepen.io/AngularWave/pen/porRJmp)
27 | 
28 | ## Day 05
29 | Make a sticky header with shadow appearing only when it's «stuck»
30 | 
31 | - [Template](https://codepen.io/AngularWave/pen/oNeBXrr)
32 | - [Solution](https://codepen.io/AngularWave/pen/yLoMgvj)
33 | 
34 | ## Day 06
35 | Create a «fixed» overlay for scrollable container
36 | 
37 | - [Template](https://codepen.io/AngularWave/pen/ExvWEYR)
38 | 


--------------------------------------------------------------------------------