msb-public
/
30-Days-Of-React
mirror of https://github.com/Asabeneh/30-Days-Of-React
2
1
Code Issues Projects Releases Wiki Activity

Fix css: invalid property value

Browse Source
pull/74/head
danbiilee 5 years ago
parent 0b1cada3f3
commit 46909c7f36
38 changed files with 25 additions and 140 deletions
Show Stats Download Patch File Download Diff File

6
04_Day_Components/04_components_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

6
05_Day_Props/05_props_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

6
06_Day_Map_List_Keys/06_map_list_keys_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

6
07_Day_Class_Components/07_class_based_components_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

6
08_Day_States/08_states_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

6
09_Day_Conditional_Rendering/09_conditional_rendering_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

1
10_React_Project_Folder_Structure/10_react_project_folder_structure_boilerplate/src/styles/header.css
Unescape View File

@ -1,5 +1,4 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }

6
12_Day_Forms/12_forms_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

6
13_Day_Controlled_Versus_Uncontrolled_Input/13_uncontrolled_input_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

6
14_Day_Component_Life_Cycles/14_component_life_cycles_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

3
15_Third_Party_Packages/15_third_party_packages.md
Unescape View File

@ -85,7 +85,6 @@ After installing node-sass you can start using Sass in React. Create a styles fo
/* ./styles/header.scss */ /* ./styles/header.scss */
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
margin: 0; margin: 0;
} }
@ -147,7 +146,6 @@ Naming:
/* ./styles/header.module.scss */ /* ./styles/header.module.scss */
.header { .header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
margin: 0; margin: 0;
} }
@ -384,7 +382,6 @@ const Title = styled.h1`
` `
const Header = styled.header` const Header = styled.header`
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
margin: 0; margin: 0;
` `

6
15_Third_Party_Packages/15_third_pary_packages_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

1
15_Third_Party_Packages/15_third_pary_packages_boilerplate/src/index.js
Unescape View File

@ -19,7 +19,6 @@ const SubTitle = styled.h2`
const Header = styled.header` const Header = styled.header`
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
margin: 0; margin: 0;
` `

6
16_Higher_Order_Component/16_higher_order_component_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

6
17_React_Router/17_react_router_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

6
18_Fetch_And_Axios/18_fetch_and_axios_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

6
19_projects/19_projects_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

6
20_projects/20_projects_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

6
21_Introducing_Hooks/21_introducing_hooks_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

1
21_Introducing_Hooks/21_introducing_hooks_boilerplate/src/index.scss
Unescape View File

@ -45,7 +45,6 @@ h3 {
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }

6
22_Form_Using_Hooks/22_form_using_hooks_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

1
22_Form_Using_Hooks/22_form_using_hooks_boilerplate/src/index.scss
Unescape View File

@ -45,7 +45,6 @@ h3 {
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }

6
23_Fetching_Data_Using_Hooks/23_fetching_data_using_hooks_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

1
23_Fetching_Data_Using_Hooks/23_fetching_data_using_hooks_boilerplate/src/index.scss
Unescape View File

@ -45,7 +45,6 @@ h3 {
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }

6
24_projects/24_projects_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

1
24_projects/24_projects_boilerplate/src/index.scss
Unescape View File

@ -45,7 +45,6 @@ h3 {
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }

6
25_Custom_Hooks/25_custom_hooks_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

1
25_Custom_Hooks/25_custom_hooks_boilerplate/src/index.scss
Unescape View File

@ -45,7 +45,6 @@ h3 {
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }

6
26_Context/26_context_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

1
26_Context/26_context_boilerplate/src/index.scss
Unescape View File

@ -45,7 +45,6 @@ h3 {
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }

6
27_Ref/27_ref_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

1
27_Ref/27_ref_boilerplate/src/index.scss
Unescape View File

@ -45,7 +45,6 @@ h3 {
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }

6
28_project/28_project_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

1
28_project/28_project_boilerplate/src/index.scss
Unescape View File

@ -45,7 +45,6 @@ h3 {
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }

6
29_explore/29_explore_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

1
29_explore/29_explore_boilerplate/src/index.scss
Unescape View File

@ -45,7 +45,6 @@ h3 {
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }

6
30_conclusions/30_conclusions_boilerplate/public/index.html
Unescape View File

@ -14,9 +14,8 @@
<title>30 Days Of React App</title> <title>30 Days Of React App</title>
<style> <style>
/* == General style === */ /* == General style === */
* { * {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -62,7 +61,6 @@
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }
@ -101,9 +99,7 @@
border-radius: 50%; border-radius: 50%;
width: 14%; width: 14%;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

1
30_conclusions/30_conclusions_boilerplate/src/index.scss
Unescape View File

@ -45,7 +45,6 @@ h3 {
header { header {
background-color: #61dbfb; background-color: #61dbfb;
padding: 25;
padding: 10px; padding: 10px;
} }

Write Preview
Loading…
Cancel
Save