From b1ef248d319b41ac9d51643d68c44a4e5ce48b9e Mon Sep 17 00:00:00 2001 From: Phuoc Nguyen Date: Thu, 1 Apr 2021 12:12:00 +0700 Subject: [PATCH 1/9] Responsive improvements --- client/components/coverCard.css | 14 ++------------ client/index.css | 17 +++++++++-------- client/layouts/footer.css | 8 ++++++-- client/pages/HomePage.tsx | 6 ------ client/pages/homePage.css | 22 ++++++++++++---------- 5 files changed, 29 insertions(+), 38 deletions(-) diff --git a/client/components/coverCard.css b/client/components/coverCard.css index bdf6c0f..43a0e0a 100644 --- a/client/components/coverCard.css +++ b/client/components/coverCard.css @@ -11,7 +11,7 @@ justify-content: flex-start; padding: 1rem; text-decoration: none; - width: 50%; + width: 7rem; } .cover__name { font-weight: normal; @@ -20,18 +20,8 @@ text-align: center; } -@media (min-width: 640px) { - .cover { - width: 25%; - } -} @media (min-width: 768px) { .cover { - width: 20%; + width: 8rem; } } -@media (min-width: 1024px) { - .cover { - width: 16.666666666666668%; - } -} \ No newline at end of file diff --git a/client/index.css b/client/index.css index aa22d62..cfb10fd 100644 --- a/client/index.css +++ b/client/index.css @@ -5,7 +5,7 @@ :root { --background-color: #e7d900; - --text-color: #1e1d6e; + --text-color: #111827; } body { font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; @@ -22,6 +22,7 @@ a { .container { margin: 0 auto; max-width: 64rem; + padding: 0 1rem; } .content { display: flex; @@ -46,28 +47,28 @@ a { background: var(--background-color); display: flex; justify-content: center; - padding-bottom: 2rem; + padding-bottom: 1rem; } .hero__logo { display: flex; justify-content: center; } .hero__logo img { - height: 16rem; + height: 12rem; object-fit: cover; - width: 24rem; + width: 20rem; } .hero__heading { color: var(--text-color); - font-size: 3rem; - margin: 2rem 0; + font-size: 2rem; + line-height: 1.5; text-align: center; text-transform: capitalize; } .hero__subheading { color: var(--text-color); - font-size: 2rem; - margin: 2rem 0; + font-size: 1.5rem; + line-height: 1.5; text-align: center; } diff --git a/client/layouts/footer.css b/client/layouts/footer.css index 279d937..9b34fef 100644 --- a/client/layouts/footer.css +++ b/client/layouts/footer.css @@ -1,5 +1,5 @@ .footer { - padding: 2rem 0 4rem 0; + padding: 2rem 0; } .footer__about { border-bottom: 1px solid var(--text-color); @@ -15,7 +15,6 @@ color: var(--text-color); } .footer__grid { - display: flex; margin-left: -1rem; margin-right: -1rem; } @@ -34,4 +33,9 @@ } .footer__product a { color: var(--text-color); +} +@media (min-width: 640px) { + .footer__grid { + display: flex; + } } \ No newline at end of file diff --git a/client/pages/HomePage.tsx b/client/pages/HomePage.tsx index 7fd1bff..da1de92 100644 --- a/client/pages/HomePage.tsx +++ b/client/pages/HomePage.tsx @@ -51,12 +51,6 @@ const HomePage = () => {
Real Use Cases
-
-
Good Practices
-
-
-
Accessibility
-
diff --git a/client/pages/homePage.css b/client/pages/homePage.css index edc4381..13483d2 100644 --- a/client/pages/homePage.css +++ b/client/pages/homePage.css @@ -10,18 +10,18 @@ max-width: 48rem; } .home__feature { - padding: 2rem; + padding: 0.5rem; text-align: center; - width: 33.333%; + width: 50%; } -.home__feature:not(:nth-child(3n)) { +.home__feature:not(:nth-child(2n)) { border-right: 1px solid var(--text-color); } -.home__feature:nth-child(-n+3) { +.home__feature:nth-child(-n+2) { border-bottom: 1px solid var(--text-color); } .home__title { - font-size: 2rem; + font-size: 1.5rem; font-weight: 500; } @@ -52,16 +52,18 @@ background-color: var(--background-color); border-radius: 0.4rem; color: var(--text-color); - font-size: 2rem; + font-size: 1.5rem; + font-weight: 600; padding: 1rem 2rem; } .home__sliders { align-items: center; display: flex; + flex-direction: column; flex-wrap: nowrap; + height: 180rem; opacity: 0.4; - width: 192rem; } .home__slide { animation: slide 20s linear infinite; @@ -69,15 +71,15 @@ flex-wrap: wrap; height: 60rem; justify-content: center; - width: 64rem; + width: 60rem; will-change: transform; } @keyframes slide { from { - transform: translateX(0); + transform: translateY(0); } to { - transform: translateX(-100%); + transform: translateY(-100%); } } From 47ffbb06d7ab980694ee7ceb9b0c41f2dc70ffe4 Mon Sep 17 00:00:00 2001 From: Phuoc Nguyen Date: Thu, 1 Apr 2021 14:37:31 +0700 Subject: [PATCH 2/9] Add feature icons --- client/layouts/footer.css | 2 +- client/pages/HomePage.tsx | 32 ++++++++++++++++++++++++++++++-- client/pages/homePage.css | 18 ++++++++++++------ 3 files changed, 43 insertions(+), 9 deletions(-) diff --git a/client/layouts/footer.css b/client/layouts/footer.css index 9b34fef..2fc1163 100644 --- a/client/layouts/footer.css +++ b/client/layouts/footer.css @@ -2,7 +2,7 @@ padding: 2rem 0; } .footer__about { - border-bottom: 1px solid var(--text-color); + border-bottom: 1px solid rgba(0, 0, 0, .3); display: flex; margin-bottom: 1rem; padding-bottom: 1rem; diff --git a/client/pages/HomePage.tsx b/client/pages/HomePage.tsx index da1de92..2bc6f5d 100644 --- a/client/pages/HomePage.tsx +++ b/client/pages/HomePage.tsx @@ -40,17 +40,45 @@ const HomePage = () => {
-
Zero Dependencies
+
+ +
+
+ Zero Dependencies +
+
+ +
No Frameworks
-
No CSS Hacks
+
+ +
+
+ No CSS Hacks +
+
+ +
Real Use Cases
+
+
+ +
+
Good Practices
soon
+
+
+
+ +
+
Accessibility Support
soon
+
diff --git a/client/pages/homePage.css b/client/pages/homePage.css index 13483d2..594ed84 100644 --- a/client/pages/homePage.css +++ b/client/pages/homePage.css @@ -10,15 +10,13 @@ max-width: 48rem; } .home__feature { - padding: 0.5rem; + padding: 1rem; text-align: center; width: 50%; } -.home__feature:not(:nth-child(2n)) { - border-right: 1px solid var(--text-color); -} -.home__feature:nth-child(-n+2) { - border-bottom: 1px solid var(--text-color); +.home__icon { + color: #1e1d6e; + margin-bottom: 1rem; } .home__title { font-size: 1.5rem; @@ -75,6 +73,14 @@ will-change: transform; } +.home__soon { + background: #1e1d6e; + border-radius: 9999px; + color: #fff; + display: inline-block; + padding: 0.125rem 1rem; +} + @keyframes slide { from { transform: translateY(0); From 48f4cf3422c5c8b65a892f662222786e914c6f3a Mon Sep 17 00:00:00 2001 From: Phuoc Nguyen Date: Thu, 1 Apr 2021 14:44:54 +0700 Subject: [PATCH 3/9] Fix background color of arrow buttons pattern --- client/patterns/arrow-buttons/Cover.tsx | 4 ---- 1 file changed, 4 deletions(-) diff --git a/client/patterns/arrow-buttons/Cover.tsx b/client/patterns/arrow-buttons/Cover.tsx index 8635c58..8a45ddc 100644 --- a/client/patterns/arrow-buttons/Cover.tsx +++ b/client/patterns/arrow-buttons/Cover.tsx @@ -23,7 +23,6 @@ const Cover: React.FC<{}> = () => {
= () => { />
= () => { />
= () => { />
Date: Thu, 1 Apr 2021 14:52:09 +0700 Subject: [PATCH 4/9] Fix the background arrow issue --- client/index.css | 1 + client/patterns/popover-arrow/Cover.tsx | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/client/index.css b/client/index.css index cfb10fd..99c5d25 100644 --- a/client/index.css +++ b/client/index.css @@ -44,6 +44,7 @@ a { /* Hero */ .hero { + --current-background-color: var(--background-color); background: var(--background-color); display: flex; justify-content: center; diff --git a/client/patterns/popover-arrow/Cover.tsx b/client/patterns/popover-arrow/Cover.tsx index 47dade7..be4e06b 100644 --- a/client/patterns/popover-arrow/Cover.tsx +++ b/client/patterns/popover-arrow/Cover.tsx @@ -31,7 +31,7 @@ const Cover: React.FC<{}> = () => { >
Date: Thu, 1 Apr 2021 15:13:01 +0700 Subject: [PATCH 5/9] Update header --- client/App.tsx | 2 +- client/components/Ad.tsx | 2 +- client/components/CoverCard.tsx | 2 +- client/components/Heading.tsx | 2 +- client/components/Product.tsx | 2 +- client/components/RelatedPatterns.tsx | 2 +- client/components/SampleCode.tsx | 2 +- client/components/ad.css | 2 +- client/components/coverCard.css | 2 +- client/components/heading.css | 2 +- client/components/product.css | 2 +- client/constants/Pattern.ts | 2 +- client/constants/ProductList.ts | 5 +++++ client/constants/ProductModel.ts | 5 +++++ client/helpers/chunk.ts | 2 +- client/helpers/highlight.ts | 2 +- client/helpers/random.ts | 2 +- client/helpers/randomFromArray.ts | 2 +- client/helpers/randomIterms.ts | 2 +- client/helpers/shuffe.ts | 2 +- client/helpers/slug.ts | 2 +- client/hooks/useDocumentTitle.ts | 2 +- client/hooks/useInterval.ts | 2 +- client/index.css | 2 +- client/index.tsx | 2 +- client/layouts/DetailsLayout.tsx | 2 +- client/layouts/Footer.tsx | 2 +- client/layouts/Header.tsx | 2 +- client/layouts/Layout.tsx | 2 +- client/layouts/footer.css | 5 +++++ client/layouts/header.css | 5 +++++ client/loaders/CoverLoader.tsx | 2 +- client/loaders/DetailsLoader.tsx | 2 +- client/loaders/spinner.css | 2 +- client/pages/ExplorePage.tsx | 2 +- client/pages/HomePage.tsx | 2 +- client/pages/PatternPage.tsx | 2 +- client/pages/explorePage.css | 2 +- client/pages/homePage.css | 2 +- client/patterns/accordion/Cover.tsx | 2 +- client/patterns/accordion/Details.tsx | 2 +- client/patterns/arrow-buttons/Cover.tsx | 2 +- client/patterns/arrow-buttons/Details.tsx | 2 +- client/patterns/avatar-list/Cover.tsx | 2 +- client/patterns/avatar-list/Details.tsx | 2 +- client/patterns/avatar/Cover.tsx | 2 +- client/patterns/avatar/Details.tsx | 2 +- client/patterns/badge/Cover.tsx | 2 +- client/patterns/badge/Details.tsx | 2 +- client/patterns/breadcrumb/Cover.tsx | 2 +- client/patterns/breadcrumb/Details.tsx | 2 +- client/patterns/button-with-icon/Cover.tsx | 2 +- client/patterns/button-with-icon/Details.tsx | 2 +- client/patterns/card-layout/Cover.tsx | 2 +- client/patterns/card-layout/Details.tsx | 2 +- client/patterns/card/Cover.tsx | 2 +- client/patterns/card/Details.tsx | 2 +- client/patterns/centering/Cover.tsx | 2 +- client/patterns/centering/Details.tsx | 2 +- client/patterns/chip/Cover.tsx | 2 +- client/patterns/chip/Details.tsx | 2 +- client/patterns/chip/InputChip.tsx | 2 +- client/patterns/circular-navigation/Cover.tsx | 2 +- client/patterns/circular-navigation/Details.tsx | 2 +- client/patterns/close-button/Cover.tsx | 2 +- client/patterns/close-button/Details.tsx | 2 +- client/patterns/cookie-banner/Cover.tsx | 2 +- client/patterns/cookie-banner/Details.tsx | 2 +- client/patterns/corner-ribbon/Cover.tsx | 2 +- client/patterns/corner-ribbon/Details.tsx | 2 +- client/patterns/curved-background/Cover.tsx | 2 +- client/patterns/curved-background/Details.tsx | 2 +- client/patterns/custom-checkbox-button/Cover.tsx | 2 +- client/patterns/custom-checkbox-button/Details.tsx | 2 +- client/patterns/custom-radio-button/Cover.tsx | 2 +- client/patterns/custom-radio-button/Details.tsx | 2 +- client/patterns/diagonal-section/Cover.tsx | 2 +- client/patterns/diagonal-section/Details.tsx | 2 +- client/patterns/docked-at-corner/Cover.tsx | 2 +- client/patterns/docked-at-corner/Details.tsx | 2 +- client/patterns/dot-leader/Cover.tsx | 2 +- client/patterns/dot-leader/Details.tsx | 2 +- client/patterns/dot-navigation/Cover.tsx | 2 +- client/patterns/dot-navigation/Details.tsx | 2 +- client/patterns/drawer/Cover.tsx | 2 +- client/patterns/drawer/Details.tsx | 2 +- client/patterns/drop-area/Cover.tsx | 2 +- client/patterns/drop-area/Details.tsx | 2 +- client/patterns/drop-cap/Cover.tsx | 2 +- client/patterns/drop-cap/Details.tsx | 2 +- client/patterns/drop-cap/dropcap.css | 2 +- client/patterns/dropdown/Cover.tsx | 2 +- client/patterns/dropdown/Details.tsx | 2 +- client/patterns/dropdown/dropdown.css | 2 +- client/patterns/fading-long-section/Cover.tsx | 2 +- client/patterns/fading-long-section/Details.tsx | 2 +- client/patterns/feature-comparison/Cover.tsx | 2 +- client/patterns/feature-comparison/Details.tsx | 2 +- client/patterns/feature-list/Cover.tsx | 2 +- client/patterns/feature-list/Details.tsx | 2 +- client/patterns/fixed-at-corner/Cover.tsx | 2 +- client/patterns/fixed-at-corner/Details.tsx | 2 +- client/patterns/fixed-at-side/Cover.tsx | 2 +- client/patterns/fixed-at-side/Details.tsx | 2 +- client/patterns/floating-label/Cover.tsx | 2 +- client/patterns/floating-label/Details.tsx | 2 +- client/patterns/floating-label/floating-label.css | 2 +- client/patterns/full-background/Cover.tsx | 2 +- client/patterns/full-background/Details.tsx | 2 +- client/patterns/full-screen-menu/Cover.tsx | 2 +- client/patterns/full-screen-menu/Details.tsx | 2 +- client/patterns/holy-grail/Cover.tsx | 2 +- client/patterns/holy-grail/Details.tsx | 2 +- client/patterns/initial-avatar/Cover.tsx | 2 +- client/patterns/initial-avatar/Details.tsx | 2 +- client/patterns/input-addon/Cover.tsx | 2 +- client/patterns/input-addon/Details.tsx | 2 +- client/patterns/keyboard-shortcut/Cover.tsx | 2 +- client/patterns/keyboard-shortcut/Details.tsx | 2 +- client/patterns/lined-paper/Cover.tsx | 2 +- client/patterns/lined-paper/Details.tsx | 2 +- client/patterns/media-object/Cover.tsx | 2 +- client/patterns/media-object/Details.tsx | 2 +- client/patterns/mega-menu/Cover.tsx | 2 +- client/patterns/mega-menu/Details.tsx | 2 +- client/patterns/mega-menu/mega-menu.css | 2 +- client/patterns/menu/Cover.tsx | 2 +- client/patterns/menu/Details.tsx | 2 +- client/patterns/menu/menu.css | 2 +- client/patterns/modal/Cover.tsx | 2 +- client/patterns/modal/Details.tsx | 2 +- client/patterns/nested-dropdowns/Cover.tsx | 2 +- client/patterns/nested-dropdowns/Details.tsx | 2 +- client/patterns/nested-dropdowns/nested-dropdowns.css | 2 +- client/patterns/notification/Cover.tsx | 2 +- client/patterns/notification/Details.tsx | 2 +- client/patterns/overlay-play-button/Cover.tsx | 2 +- client/patterns/overlay-play-button/Details.tsx | 2 +- client/patterns/pagination/Cover.tsx | 2 +- client/patterns/pagination/Details.tsx | 2 +- client/patterns/popover-arrow/Cover.tsx | 2 +- client/patterns/popover-arrow/Details.tsx | 2 +- client/patterns/presence-indicator/Cover.tsx | 2 +- client/patterns/presence-indicator/Details.tsx | 2 +- client/patterns/previous-next-buttons/Cover.tsx | 2 +- client/patterns/previous-next-buttons/Details.tsx | 2 +- client/patterns/pricing-table/Cover.tsx | 2 +- client/patterns/pricing-table/Details.tsx | 2 +- client/patterns/progress-bar/Cover.tsx | 2 +- client/patterns/progress-bar/Details.tsx | 2 +- client/patterns/property-list/Cover.tsx | 2 +- client/patterns/property-list/Details.tsx | 2 +- client/patterns/questions-and-answers/Cover.tsx | 2 +- client/patterns/questions-and-answers/Details.tsx | 2 +- client/patterns/radial-progress-bar/Cover.tsx | 2 +- client/patterns/radial-progress-bar/Details.tsx | 2 +- client/patterns/radio-button-group/Cover.tsx | 2 +- client/patterns/radio-button-group/Details.tsx | 2 +- client/patterns/radio-button-group/radio-button-group.css | 2 +- client/patterns/radio-switch/Cover.tsx | 2 +- client/patterns/radio-switch/Details.tsx | 2 +- client/patterns/rating/Cover.tsx | 2 +- client/patterns/rating/Details.tsx | 2 +- client/patterns/rating/Star.tsx | 2 +- client/patterns/rating/star.css | 2 +- client/patterns/resizable-element/Cover.tsx | 2 +- client/patterns/resizable-element/Details.tsx | 2 +- client/patterns/ribbon/Cover.tsx | 2 +- client/patterns/ribbon/Details.tsx | 2 +- client/patterns/same-height-columns/Cover.tsx | 2 +- client/patterns/same-height-columns/Details.tsx | 2 +- client/patterns/search-box/Cover.tsx | 2 +- client/patterns/search-box/Details.tsx | 2 +- client/patterns/separator/Cover.tsx | 2 +- client/patterns/separator/Details.tsx | 2 +- client/patterns/sidebar/Cover.tsx | 2 +- client/patterns/sidebar/Details.tsx | 2 +- client/patterns/simple-grid/Cover.tsx | 2 +- client/patterns/simple-grid/Details.tsx | 2 +- client/patterns/slider/Cover.tsx | 2 +- client/patterns/slider/Details.tsx | 2 +- client/patterns/spin-button/Cover.tsx | 2 +- client/patterns/spin-button/Details.tsx | 2 +- client/patterns/split-navigation/Cover.tsx | 2 +- client/patterns/split-navigation/Details.tsx | 2 +- client/patterns/split-screen/Cover.tsx | 2 +- client/patterns/split-screen/Details.tsx | 2 +- client/patterns/stacked-cards/Cover.tsx | 2 +- client/patterns/stacked-cards/Details.tsx | 2 +- client/patterns/stamp-border/Cover.tsx | 2 +- client/patterns/stamp-border/Details.tsx | 2 +- client/patterns/statistic/Cover.tsx | 2 +- client/patterns/statistic/Details.tsx | 2 +- client/patterns/status-light/Cover.tsx | 2 +- client/patterns/status-light/Details.tsx | 2 +- client/patterns/stepper-input/Cover.tsx | 2 +- client/patterns/stepper-input/Details.tsx | 2 +- client/patterns/sticky-footer/Cover.tsx | 2 +- client/patterns/sticky-footer/Details.tsx | 2 +- client/patterns/sticky-header/Cover.tsx | 2 +- client/patterns/sticky-header/Details.tsx | 2 +- client/patterns/sticky-sections/Cover.tsx | 2 +- client/patterns/sticky-sections/Details.tsx | 2 +- client/patterns/sticky-table-column/Cover.tsx | 2 +- client/patterns/sticky-table-column/Details.tsx | 2 +- client/patterns/sticky-table-headers/Cover.tsx | 2 +- client/patterns/sticky-table-headers/Details.tsx | 2 +- client/patterns/switch/Cover.tsx | 2 +- client/patterns/switch/Details.tsx | 2 +- client/patterns/tab/Cover.tsx | 2 +- client/patterns/tab/Details.tsx | 2 +- client/patterns/teardrop/Cover.tsx | 2 +- client/patterns/teardrop/Details.tsx | 2 +- client/patterns/timeline/Cover.tsx | 2 +- client/patterns/timeline/Details.tsx | 2 +- client/patterns/toggle-password-visibility/Cover.tsx | 2 +- client/patterns/toggle-password-visibility/Details.tsx | 2 +- client/patterns/tooltip/Cover.tsx | 2 +- client/patterns/tooltip/Details.tsx | 2 +- client/patterns/tooltip/tooltip.css | 2 +- client/patterns/triangle-buttons/Cover.tsx | 2 +- client/patterns/triangle-buttons/Details.tsx | 2 +- client/patterns/upload-button/Cover.tsx | 2 +- client/patterns/upload-button/Details.tsx | 2 +- client/patterns/validation-icon/Cover.tsx | 2 +- client/patterns/validation-icon/Details.tsx | 2 +- client/patterns/video-background/Cover.tsx | 2 +- client/patterns/video-background/Details.tsx | 2 +- client/patterns/watermark/Cover.tsx | 2 +- client/patterns/watermark/Details.tsx | 2 +- client/patterns/wizard/Cover.tsx | 2 +- client/patterns/wizard/Details.tsx | 2 +- client/placeholders/Block.tsx | 2 +- client/placeholders/BrowserFrame.tsx | 2 +- client/placeholders/Circle.tsx | 2 +- client/placeholders/Frame.tsx | 2 +- client/placeholders/Line.tsx | 2 +- client/placeholders/Rectangle.tsx | 2 +- client/placeholders/Square.tsx | 2 +- client/placeholders/Triangle.tsx | 2 +- client/placeholders/VerticalLine.tsx | 2 +- client/placeholders/browserFrame.css | 2 +- client/types/hightlight.d.ts | 2 +- webpack.config.js | 2 +- 244 files changed, 260 insertions(+), 240 deletions(-) diff --git a/client/App.tsx b/client/App.tsx index ac222c5..7b7d272 100644 --- a/client/App.tsx +++ b/client/App.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/components/Ad.tsx b/client/components/Ad.tsx index e955ffa..d7e5cbd 100644 --- a/client/components/Ad.tsx +++ b/client/components/Ad.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React, { useEffect, useRef } from 'react'; diff --git a/client/components/CoverCard.tsx b/client/components/CoverCard.tsx index 8ff1bbd..350e12d 100644 --- a/client/components/CoverCard.tsx +++ b/client/components/CoverCard.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import * as React from 'react'; diff --git a/client/components/Heading.tsx b/client/components/Heading.tsx index 7df36a5..f402640 100644 --- a/client/components/Heading.tsx +++ b/client/components/Heading.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import * as React from 'react'; diff --git a/client/components/Product.tsx b/client/components/Product.tsx index b20e53d..b430499 100644 --- a/client/components/Product.tsx +++ b/client/components/Product.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import * as React from 'react'; diff --git a/client/components/RelatedPatterns.tsx b/client/components/RelatedPatterns.tsx index 3c441a6..a75d0f1 100644 --- a/client/components/RelatedPatterns.tsx +++ b/client/components/RelatedPatterns.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/components/SampleCode.tsx b/client/components/SampleCode.tsx index 48a2f83..409a1d2 100644 --- a/client/components/SampleCode.tsx +++ b/client/components/SampleCode.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import * as React from 'react'; diff --git a/client/components/ad.css b/client/components/ad.css index 56bd52c..89b7ee0 100644 --- a/client/components/ad.css +++ b/client/components/ad.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ #carbonads { diff --git a/client/components/coverCard.css b/client/components/coverCard.css index 43a0e0a..242d4b4 100644 --- a/client/components/coverCard.css +++ b/client/components/coverCard.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .cover { diff --git a/client/components/heading.css b/client/components/heading.css index 0cd9a45..be15e9a 100644 --- a/client/components/heading.css +++ b/client/components/heading.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .heading { diff --git a/client/components/product.css b/client/components/product.css index cfa8ca5..04bac91 100644 --- a/client/components/product.css +++ b/client/components/product.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .product { diff --git a/client/constants/Pattern.ts b/client/constants/Pattern.ts index 24e1d8f..4a8484b 100644 --- a/client/constants/Pattern.ts +++ b/client/constants/Pattern.ts @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ enum Pattern { diff --git a/client/constants/ProductList.ts b/client/constants/ProductList.ts index 351ae48..ef4006a 100644 --- a/client/constants/ProductList.ts +++ b/client/constants/ProductList.ts @@ -1,3 +1,8 @@ +/** + * A collection of popular layouts and patterns made with CSS (https://csslayout.io) + * (c) 2019 - 2021 Nguyen Huu Phuoc + */ + import ProductModel from './ProductModel'; const ProductList: ProductModel[] = [ diff --git a/client/constants/ProductModel.ts b/client/constants/ProductModel.ts index 1087385..fbb1b99 100644 --- a/client/constants/ProductModel.ts +++ b/client/constants/ProductModel.ts @@ -1,3 +1,8 @@ +/** + * A collection of popular layouts and patterns made with CSS (https://csslayout.io) + * (c) 2019 - 2021 Nguyen Huu Phuoc + */ + export default interface ProductModel { name: string; url: string; diff --git a/client/helpers/chunk.ts b/client/helpers/chunk.ts index a9fcf68..e90cfd5 100644 --- a/client/helpers/chunk.ts +++ b/client/helpers/chunk.ts @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ function chunk(arr: T[], size: number): T[][] { diff --git a/client/helpers/highlight.ts b/client/helpers/highlight.ts index 6378ef0..abd0271 100755 --- a/client/helpers/highlight.ts +++ b/client/helpers/highlight.ts @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import Prism from 'prismjs'; diff --git a/client/helpers/random.ts b/client/helpers/random.ts index 218a852..d1ca7fe 100644 --- a/client/helpers/random.ts +++ b/client/helpers/random.ts @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ const random = (min: number, max: number) => min + Math.round(Math.random() * (max - min)); diff --git a/client/helpers/randomFromArray.ts b/client/helpers/randomFromArray.ts index 97a484e..af9da8c 100644 --- a/client/helpers/randomFromArray.ts +++ b/client/helpers/randomFromArray.ts @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ function randomFromArray(array: T[]): T { diff --git a/client/helpers/randomIterms.ts b/client/helpers/randomIterms.ts index 72d814a..c0a4813 100644 --- a/client/helpers/randomIterms.ts +++ b/client/helpers/randomIterms.ts @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ type Tuple = [number, T[]]; diff --git a/client/helpers/shuffe.ts b/client/helpers/shuffe.ts index 5fcafe3..eb53299 100644 --- a/client/helpers/shuffe.ts +++ b/client/helpers/shuffe.ts @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ const shuffe = (array: number[]) => { diff --git a/client/helpers/slug.ts b/client/helpers/slug.ts index 5b71b1e..41fb445 100644 --- a/client/helpers/slug.ts +++ b/client/helpers/slug.ts @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ const slug = (item: string) => item.toLowerCase().split(' ').join('-'); diff --git a/client/hooks/useDocumentTitle.ts b/client/hooks/useDocumentTitle.ts index 6d85055..4dbd07f 100644 --- a/client/hooks/useDocumentTitle.ts +++ b/client/hooks/useDocumentTitle.ts @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import { useEffect } from 'react'; diff --git a/client/hooks/useInterval.ts b/client/hooks/useInterval.ts index 3232a5e..7848f28 100644 --- a/client/hooks/useInterval.ts +++ b/client/hooks/useInterval.ts @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import { useEffect } from 'react'; diff --git a/client/index.css b/client/index.css index 99c5d25..f35b8bf 100644 --- a/client/index.css +++ b/client/index.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ :root { diff --git a/client/index.tsx b/client/index.tsx index 8dc57f6..13d2d23 100644 --- a/client/index.tsx +++ b/client/index.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/layouts/DetailsLayout.tsx b/client/layouts/DetailsLayout.tsx index d7aa50d..78a1e69 100644 --- a/client/layouts/DetailsLayout.tsx +++ b/client/layouts/DetailsLayout.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import * as React from 'react'; diff --git a/client/layouts/Footer.tsx b/client/layouts/Footer.tsx index 7994613..caabde2 100644 --- a/client/layouts/Footer.tsx +++ b/client/layouts/Footer.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import * as React from 'react'; diff --git a/client/layouts/Header.tsx b/client/layouts/Header.tsx index 49f9379..aa1317c 100644 --- a/client/layouts/Header.tsx +++ b/client/layouts/Header.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import * as React from 'react'; diff --git a/client/layouts/Layout.tsx b/client/layouts/Layout.tsx index e028996..0633eb8 100644 --- a/client/layouts/Layout.tsx +++ b/client/layouts/Layout.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import * as React from 'react'; diff --git a/client/layouts/footer.css b/client/layouts/footer.css index 2fc1163..e5d4061 100644 --- a/client/layouts/footer.css +++ b/client/layouts/footer.css @@ -1,3 +1,8 @@ +/** + * A collection of popular layouts and patterns made with CSS (https://csslayout.io) + * (c) 2019 - 2021 Nguyen Huu Phuoc + */ + .footer { padding: 2rem 0; } diff --git a/client/layouts/header.css b/client/layouts/header.css index d72aa4a..d54ee0c 100644 --- a/client/layouts/header.css +++ b/client/layouts/header.css @@ -1,3 +1,8 @@ +/** + * A collection of popular layouts and patterns made with CSS (https://csslayout.io) + * (c) 2019 - 2021 Nguyen Huu Phuoc + */ + .header { background-color: var(--background-color); } diff --git a/client/loaders/CoverLoader.tsx b/client/loaders/CoverLoader.tsx index b8949e4..af6ee25 100644 --- a/client/loaders/CoverLoader.tsx +++ b/client/loaders/CoverLoader.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import loadable, { LoadableComponent } from '@loadable/component'; diff --git a/client/loaders/DetailsLoader.tsx b/client/loaders/DetailsLoader.tsx index 2c281f5..19fbeee 100644 --- a/client/loaders/DetailsLoader.tsx +++ b/client/loaders/DetailsLoader.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import loadable, { LoadableComponent } from '@loadable/component'; diff --git a/client/loaders/spinner.css b/client/loaders/spinner.css index bf22435..bc6cea3 100644 --- a/client/loaders/spinner.css +++ b/client/loaders/spinner.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .spinner { diff --git a/client/pages/ExplorePage.tsx b/client/pages/ExplorePage.tsx index 318b0c8..a80ae6b 100644 --- a/client/pages/ExplorePage.tsx +++ b/client/pages/ExplorePage.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/pages/HomePage.tsx b/client/pages/HomePage.tsx index 2bc6f5d..0eac96b 100644 --- a/client/pages/HomePage.tsx +++ b/client/pages/HomePage.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import * as React from 'react'; diff --git a/client/pages/PatternPage.tsx b/client/pages/PatternPage.tsx index 1e25b86..4cb9f1b 100644 --- a/client/pages/PatternPage.tsx +++ b/client/pages/PatternPage.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/pages/explorePage.css b/client/pages/explorePage.css index 1f9901c..5f4b5a8 100644 --- a/client/pages/explorePage.css +++ b/client/pages/explorePage.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .explore__collection { diff --git a/client/pages/homePage.css b/client/pages/homePage.css index 594ed84..84735f2 100644 --- a/client/pages/homePage.css +++ b/client/pages/homePage.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .home__features { diff --git a/client/patterns/accordion/Cover.tsx b/client/patterns/accordion/Cover.tsx index 301108a..14a07a9 100644 --- a/client/patterns/accordion/Cover.tsx +++ b/client/patterns/accordion/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/accordion/Details.tsx b/client/patterns/accordion/Details.tsx index 0903b21..8e0e191 100644 --- a/client/patterns/accordion/Details.tsx +++ b/client/patterns/accordion/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React, { useState } from 'react'; diff --git a/client/patterns/arrow-buttons/Cover.tsx b/client/patterns/arrow-buttons/Cover.tsx index 8a45ddc..c3016da 100644 --- a/client/patterns/arrow-buttons/Cover.tsx +++ b/client/patterns/arrow-buttons/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/arrow-buttons/Details.tsx b/client/patterns/arrow-buttons/Details.tsx index 0e03863..1b688a2 100644 --- a/client/patterns/arrow-buttons/Details.tsx +++ b/client/patterns/arrow-buttons/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/avatar-list/Cover.tsx b/client/patterns/avatar-list/Cover.tsx index d5df4fd..e72ce52 100644 --- a/client/patterns/avatar-list/Cover.tsx +++ b/client/patterns/avatar-list/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/avatar-list/Details.tsx b/client/patterns/avatar-list/Details.tsx index 4d13158..db3ccdb 100644 --- a/client/patterns/avatar-list/Details.tsx +++ b/client/patterns/avatar-list/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/avatar/Cover.tsx b/client/patterns/avatar/Cover.tsx index a8d72f7..174a313 100644 --- a/client/patterns/avatar/Cover.tsx +++ b/client/patterns/avatar/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/avatar/Details.tsx b/client/patterns/avatar/Details.tsx index 3a67f0d..145a467 100644 --- a/client/patterns/avatar/Details.tsx +++ b/client/patterns/avatar/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/badge/Cover.tsx b/client/patterns/badge/Cover.tsx index ae42b08..a51ee50 100644 --- a/client/patterns/badge/Cover.tsx +++ b/client/patterns/badge/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/badge/Details.tsx b/client/patterns/badge/Details.tsx index bff571e..80cad61 100644 --- a/client/patterns/badge/Details.tsx +++ b/client/patterns/badge/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/breadcrumb/Cover.tsx b/client/patterns/breadcrumb/Cover.tsx index 8cd0fe4..31ab46a 100644 --- a/client/patterns/breadcrumb/Cover.tsx +++ b/client/patterns/breadcrumb/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/breadcrumb/Details.tsx b/client/patterns/breadcrumb/Details.tsx index 909f2df..65544e9 100644 --- a/client/patterns/breadcrumb/Details.tsx +++ b/client/patterns/breadcrumb/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/button-with-icon/Cover.tsx b/client/patterns/button-with-icon/Cover.tsx index 49f9308..b9c84c5 100644 --- a/client/patterns/button-with-icon/Cover.tsx +++ b/client/patterns/button-with-icon/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/button-with-icon/Details.tsx b/client/patterns/button-with-icon/Details.tsx index a5f7f13..6031f39 100644 --- a/client/patterns/button-with-icon/Details.tsx +++ b/client/patterns/button-with-icon/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/card-layout/Cover.tsx b/client/patterns/card-layout/Cover.tsx index d677878..95de43a 100644 --- a/client/patterns/card-layout/Cover.tsx +++ b/client/patterns/card-layout/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/card-layout/Details.tsx b/client/patterns/card-layout/Details.tsx index b902871..992b1f5 100644 --- a/client/patterns/card-layout/Details.tsx +++ b/client/patterns/card-layout/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/card/Cover.tsx b/client/patterns/card/Cover.tsx index 5b7ac49..a9caf2e 100644 --- a/client/patterns/card/Cover.tsx +++ b/client/patterns/card/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/card/Details.tsx b/client/patterns/card/Details.tsx index 5a059a3..25c8eb7 100644 --- a/client/patterns/card/Details.tsx +++ b/client/patterns/card/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/centering/Cover.tsx b/client/patterns/centering/Cover.tsx index b72fb6b..ba0c0c5 100644 --- a/client/patterns/centering/Cover.tsx +++ b/client/patterns/centering/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/centering/Details.tsx b/client/patterns/centering/Details.tsx index 8b6b7b3..ca87092 100644 --- a/client/patterns/centering/Details.tsx +++ b/client/patterns/centering/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/chip/Cover.tsx b/client/patterns/chip/Cover.tsx index 5893dc5..42e17b5 100644 --- a/client/patterns/chip/Cover.tsx +++ b/client/patterns/chip/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/chip/Details.tsx b/client/patterns/chip/Details.tsx index dcbfa90..25b8bae 100644 --- a/client/patterns/chip/Details.tsx +++ b/client/patterns/chip/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/chip/InputChip.tsx b/client/patterns/chip/InputChip.tsx index 9e1568b..a5b6477 100644 --- a/client/patterns/chip/InputChip.tsx +++ b/client/patterns/chip/InputChip.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/circular-navigation/Cover.tsx b/client/patterns/circular-navigation/Cover.tsx index a51b9cd..4b16c55 100644 --- a/client/patterns/circular-navigation/Cover.tsx +++ b/client/patterns/circular-navigation/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/circular-navigation/Details.tsx b/client/patterns/circular-navigation/Details.tsx index 4249049..71517ef 100644 --- a/client/patterns/circular-navigation/Details.tsx +++ b/client/patterns/circular-navigation/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/close-button/Cover.tsx b/client/patterns/close-button/Cover.tsx index 8ee2851..aa8167c 100644 --- a/client/patterns/close-button/Cover.tsx +++ b/client/patterns/close-button/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/close-button/Details.tsx b/client/patterns/close-button/Details.tsx index 6365d41..3af9c04 100644 --- a/client/patterns/close-button/Details.tsx +++ b/client/patterns/close-button/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/cookie-banner/Cover.tsx b/client/patterns/cookie-banner/Cover.tsx index df51b4f..88e2819 100644 --- a/client/patterns/cookie-banner/Cover.tsx +++ b/client/patterns/cookie-banner/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/cookie-banner/Details.tsx b/client/patterns/cookie-banner/Details.tsx index db557ff..d20e5d6 100644 --- a/client/patterns/cookie-banner/Details.tsx +++ b/client/patterns/cookie-banner/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/corner-ribbon/Cover.tsx b/client/patterns/corner-ribbon/Cover.tsx index 391b281..ff40d34 100644 --- a/client/patterns/corner-ribbon/Cover.tsx +++ b/client/patterns/corner-ribbon/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/corner-ribbon/Details.tsx b/client/patterns/corner-ribbon/Details.tsx index bbbe58f..a9eb56c 100644 --- a/client/patterns/corner-ribbon/Details.tsx +++ b/client/patterns/corner-ribbon/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/curved-background/Cover.tsx b/client/patterns/curved-background/Cover.tsx index d2c86c1..6669376 100644 --- a/client/patterns/curved-background/Cover.tsx +++ b/client/patterns/curved-background/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/curved-background/Details.tsx b/client/patterns/curved-background/Details.tsx index bc9eaf2..1a9ac9c 100644 --- a/client/patterns/curved-background/Details.tsx +++ b/client/patterns/curved-background/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/custom-checkbox-button/Cover.tsx b/client/patterns/custom-checkbox-button/Cover.tsx index 85d2a0d..f143915 100644 --- a/client/patterns/custom-checkbox-button/Cover.tsx +++ b/client/patterns/custom-checkbox-button/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/custom-checkbox-button/Details.tsx b/client/patterns/custom-checkbox-button/Details.tsx index d962d36..be4f0b0 100644 --- a/client/patterns/custom-checkbox-button/Details.tsx +++ b/client/patterns/custom-checkbox-button/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React, { useState } from 'react'; diff --git a/client/patterns/custom-radio-button/Cover.tsx b/client/patterns/custom-radio-button/Cover.tsx index dd99177..1ef1b98 100644 --- a/client/patterns/custom-radio-button/Cover.tsx +++ b/client/patterns/custom-radio-button/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/custom-radio-button/Details.tsx b/client/patterns/custom-radio-button/Details.tsx index 1ac9eb0..3ed2250 100644 --- a/client/patterns/custom-radio-button/Details.tsx +++ b/client/patterns/custom-radio-button/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React, { useState } from 'react'; diff --git a/client/patterns/diagonal-section/Cover.tsx b/client/patterns/diagonal-section/Cover.tsx index a810fa3..baeffe6 100644 --- a/client/patterns/diagonal-section/Cover.tsx +++ b/client/patterns/diagonal-section/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/diagonal-section/Details.tsx b/client/patterns/diagonal-section/Details.tsx index 98f227f..d3dfde4 100644 --- a/client/patterns/diagonal-section/Details.tsx +++ b/client/patterns/diagonal-section/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/docked-at-corner/Cover.tsx b/client/patterns/docked-at-corner/Cover.tsx index 79d15c2..95bda77 100644 --- a/client/patterns/docked-at-corner/Cover.tsx +++ b/client/patterns/docked-at-corner/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/docked-at-corner/Details.tsx b/client/patterns/docked-at-corner/Details.tsx index cf86a72..8eeda24 100644 --- a/client/patterns/docked-at-corner/Details.tsx +++ b/client/patterns/docked-at-corner/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/dot-leader/Cover.tsx b/client/patterns/dot-leader/Cover.tsx index c0d8f37..d0f2a60 100644 --- a/client/patterns/dot-leader/Cover.tsx +++ b/client/patterns/dot-leader/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/dot-leader/Details.tsx b/client/patterns/dot-leader/Details.tsx index bb0a7ef..e18326c 100644 --- a/client/patterns/dot-leader/Details.tsx +++ b/client/patterns/dot-leader/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/dot-navigation/Cover.tsx b/client/patterns/dot-navigation/Cover.tsx index 75d38e2..0957193 100644 --- a/client/patterns/dot-navigation/Cover.tsx +++ b/client/patterns/dot-navigation/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/dot-navigation/Details.tsx b/client/patterns/dot-navigation/Details.tsx index f2138ab..d1f4b46 100644 --- a/client/patterns/dot-navigation/Details.tsx +++ b/client/patterns/dot-navigation/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React, { useState } from 'react'; diff --git a/client/patterns/drawer/Cover.tsx b/client/patterns/drawer/Cover.tsx index ea4ed41..b6036c2 100644 --- a/client/patterns/drawer/Cover.tsx +++ b/client/patterns/drawer/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/drawer/Details.tsx b/client/patterns/drawer/Details.tsx index 4c73db5..074e6db 100644 --- a/client/patterns/drawer/Details.tsx +++ b/client/patterns/drawer/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/drop-area/Cover.tsx b/client/patterns/drop-area/Cover.tsx index e88db4e..74ccd93 100644 --- a/client/patterns/drop-area/Cover.tsx +++ b/client/patterns/drop-area/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/drop-area/Details.tsx b/client/patterns/drop-area/Details.tsx index 9a84042..dca1e25 100644 --- a/client/patterns/drop-area/Details.tsx +++ b/client/patterns/drop-area/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/drop-cap/Cover.tsx b/client/patterns/drop-cap/Cover.tsx index f67ce66..467daf0 100644 --- a/client/patterns/drop-cap/Cover.tsx +++ b/client/patterns/drop-cap/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/drop-cap/Details.tsx b/client/patterns/drop-cap/Details.tsx index 73ac2ac..74a9969 100644 --- a/client/patterns/drop-cap/Details.tsx +++ b/client/patterns/drop-cap/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/drop-cap/dropcap.css b/client/patterns/drop-cap/dropcap.css index 5f689d4..b12883d 100644 --- a/client/patterns/drop-cap/dropcap.css +++ b/client/patterns/drop-cap/dropcap.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .p-drop-cap:first-letter { diff --git a/client/patterns/dropdown/Cover.tsx b/client/patterns/dropdown/Cover.tsx index 7054a43..1186095 100644 --- a/client/patterns/dropdown/Cover.tsx +++ b/client/patterns/dropdown/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/dropdown/Details.tsx b/client/patterns/dropdown/Details.tsx index 83b6fa7..d140ca8 100644 --- a/client/patterns/dropdown/Details.tsx +++ b/client/patterns/dropdown/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/dropdown/dropdown.css b/client/patterns/dropdown/dropdown.css index 4443a57..604ffe8 100644 --- a/client/patterns/dropdown/dropdown.css +++ b/client/patterns/dropdown/dropdown.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .p-dropdown-content { diff --git a/client/patterns/fading-long-section/Cover.tsx b/client/patterns/fading-long-section/Cover.tsx index c310ab0..2b1b25f 100644 --- a/client/patterns/fading-long-section/Cover.tsx +++ b/client/patterns/fading-long-section/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/fading-long-section/Details.tsx b/client/patterns/fading-long-section/Details.tsx index eeb86e5..0e5a7bc 100644 --- a/client/patterns/fading-long-section/Details.tsx +++ b/client/patterns/fading-long-section/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/feature-comparison/Cover.tsx b/client/patterns/feature-comparison/Cover.tsx index 3c31b55..f63e5bd 100644 --- a/client/patterns/feature-comparison/Cover.tsx +++ b/client/patterns/feature-comparison/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/feature-comparison/Details.tsx b/client/patterns/feature-comparison/Details.tsx index c9e9dbc..9868696 100644 --- a/client/patterns/feature-comparison/Details.tsx +++ b/client/patterns/feature-comparison/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/feature-list/Cover.tsx b/client/patterns/feature-list/Cover.tsx index 0ea2742..0fe24ac 100644 --- a/client/patterns/feature-list/Cover.tsx +++ b/client/patterns/feature-list/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/feature-list/Details.tsx b/client/patterns/feature-list/Details.tsx index df0cfc0..fc53d38 100644 --- a/client/patterns/feature-list/Details.tsx +++ b/client/patterns/feature-list/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/fixed-at-corner/Cover.tsx b/client/patterns/fixed-at-corner/Cover.tsx index ced9062..4350f52 100644 --- a/client/patterns/fixed-at-corner/Cover.tsx +++ b/client/patterns/fixed-at-corner/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/fixed-at-corner/Details.tsx b/client/patterns/fixed-at-corner/Details.tsx index fefaaa8..d6be317 100644 --- a/client/patterns/fixed-at-corner/Details.tsx +++ b/client/patterns/fixed-at-corner/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/fixed-at-side/Cover.tsx b/client/patterns/fixed-at-side/Cover.tsx index a11c84a..0a58e82 100644 --- a/client/patterns/fixed-at-side/Cover.tsx +++ b/client/patterns/fixed-at-side/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/fixed-at-side/Details.tsx b/client/patterns/fixed-at-side/Details.tsx index 8ed71c2..20adf67 100644 --- a/client/patterns/fixed-at-side/Details.tsx +++ b/client/patterns/fixed-at-side/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/floating-label/Cover.tsx b/client/patterns/floating-label/Cover.tsx index 19485c8..30acdac 100644 --- a/client/patterns/floating-label/Cover.tsx +++ b/client/patterns/floating-label/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/floating-label/Details.tsx b/client/patterns/floating-label/Details.tsx index f1edb5b..c06501c 100644 --- a/client/patterns/floating-label/Details.tsx +++ b/client/patterns/floating-label/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/floating-label/floating-label.css b/client/patterns/floating-label/floating-label.css index cd39dc1..9fef476 100644 --- a/client/patterns/floating-label/floating-label.css +++ b/client/patterns/floating-label/floating-label.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .p-floating-container label { diff --git a/client/patterns/full-background/Cover.tsx b/client/patterns/full-background/Cover.tsx index cfe1f3d..bfd6e49 100644 --- a/client/patterns/full-background/Cover.tsx +++ b/client/patterns/full-background/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/full-background/Details.tsx b/client/patterns/full-background/Details.tsx index 6ffd862..a46a881 100644 --- a/client/patterns/full-background/Details.tsx +++ b/client/patterns/full-background/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/full-screen-menu/Cover.tsx b/client/patterns/full-screen-menu/Cover.tsx index 9dbf529..0f6c300 100644 --- a/client/patterns/full-screen-menu/Cover.tsx +++ b/client/patterns/full-screen-menu/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/full-screen-menu/Details.tsx b/client/patterns/full-screen-menu/Details.tsx index 7029d1a..5651f39 100644 --- a/client/patterns/full-screen-menu/Details.tsx +++ b/client/patterns/full-screen-menu/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/holy-grail/Cover.tsx b/client/patterns/holy-grail/Cover.tsx index 4322794..8e31aee 100644 --- a/client/patterns/holy-grail/Cover.tsx +++ b/client/patterns/holy-grail/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/holy-grail/Details.tsx b/client/patterns/holy-grail/Details.tsx index ad0a0d7..8df4690 100644 --- a/client/patterns/holy-grail/Details.tsx +++ b/client/patterns/holy-grail/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/initial-avatar/Cover.tsx b/client/patterns/initial-avatar/Cover.tsx index 89dadf9..ca40597 100644 --- a/client/patterns/initial-avatar/Cover.tsx +++ b/client/patterns/initial-avatar/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/initial-avatar/Details.tsx b/client/patterns/initial-avatar/Details.tsx index 2fa161d..9c2f572 100644 --- a/client/patterns/initial-avatar/Details.tsx +++ b/client/patterns/initial-avatar/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/input-addon/Cover.tsx b/client/patterns/input-addon/Cover.tsx index 458ca36..a87c211 100644 --- a/client/patterns/input-addon/Cover.tsx +++ b/client/patterns/input-addon/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/input-addon/Details.tsx b/client/patterns/input-addon/Details.tsx index f0e7163..9972f35 100644 --- a/client/patterns/input-addon/Details.tsx +++ b/client/patterns/input-addon/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/keyboard-shortcut/Cover.tsx b/client/patterns/keyboard-shortcut/Cover.tsx index bf7f1f4..59e73e2 100644 --- a/client/patterns/keyboard-shortcut/Cover.tsx +++ b/client/patterns/keyboard-shortcut/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/keyboard-shortcut/Details.tsx b/client/patterns/keyboard-shortcut/Details.tsx index 16683ab..19d6040 100644 --- a/client/patterns/keyboard-shortcut/Details.tsx +++ b/client/patterns/keyboard-shortcut/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/lined-paper/Cover.tsx b/client/patterns/lined-paper/Cover.tsx index 329da83..7e8a721 100644 --- a/client/patterns/lined-paper/Cover.tsx +++ b/client/patterns/lined-paper/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/lined-paper/Details.tsx b/client/patterns/lined-paper/Details.tsx index 3454a51..6400ccc 100644 --- a/client/patterns/lined-paper/Details.tsx +++ b/client/patterns/lined-paper/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/media-object/Cover.tsx b/client/patterns/media-object/Cover.tsx index 76aebd8..86fc6b0 100644 --- a/client/patterns/media-object/Cover.tsx +++ b/client/patterns/media-object/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/media-object/Details.tsx b/client/patterns/media-object/Details.tsx index 4e6ecaf..b180983 100644 --- a/client/patterns/media-object/Details.tsx +++ b/client/patterns/media-object/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/mega-menu/Cover.tsx b/client/patterns/mega-menu/Cover.tsx index 7407c31..8a50d01 100644 --- a/client/patterns/mega-menu/Cover.tsx +++ b/client/patterns/mega-menu/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/mega-menu/Details.tsx b/client/patterns/mega-menu/Details.tsx index 7f29ffc..ad9bdea 100644 --- a/client/patterns/mega-menu/Details.tsx +++ b/client/patterns/mega-menu/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/mega-menu/mega-menu.css b/client/patterns/mega-menu/mega-menu.css index 72ff91a..b47f1b4 100644 --- a/client/patterns/mega-menu/mega-menu.css +++ b/client/patterns/mega-menu/mega-menu.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .p-mega-menu-container { diff --git a/client/patterns/menu/Cover.tsx b/client/patterns/menu/Cover.tsx index e42c0e7..e5c5afa 100644 --- a/client/patterns/menu/Cover.tsx +++ b/client/patterns/menu/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/menu/Details.tsx b/client/patterns/menu/Details.tsx index 2b9bc04..f986af3 100644 --- a/client/patterns/menu/Details.tsx +++ b/client/patterns/menu/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/menu/menu.css b/client/patterns/menu/menu.css index f48bb9e..8dc8766 100644 --- a/client/patterns/menu/menu.css +++ b/client/patterns/menu/menu.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .p-menu-item:hover { diff --git a/client/patterns/modal/Cover.tsx b/client/patterns/modal/Cover.tsx index 72df326..bcabc91 100644 --- a/client/patterns/modal/Cover.tsx +++ b/client/patterns/modal/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/modal/Details.tsx b/client/patterns/modal/Details.tsx index 96e1283..84f3de6 100644 --- a/client/patterns/modal/Details.tsx +++ b/client/patterns/modal/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/nested-dropdowns/Cover.tsx b/client/patterns/nested-dropdowns/Cover.tsx index 33defae..a85b93e 100644 --- a/client/patterns/nested-dropdowns/Cover.tsx +++ b/client/patterns/nested-dropdowns/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/nested-dropdowns/Details.tsx b/client/patterns/nested-dropdowns/Details.tsx index 1ffb9ee..5a5c5e8 100644 --- a/client/patterns/nested-dropdowns/Details.tsx +++ b/client/patterns/nested-dropdowns/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/nested-dropdowns/nested-dropdowns.css b/client/patterns/nested-dropdowns/nested-dropdowns.css index 4f69821..54cabce 100644 --- a/client/patterns/nested-dropdowns/nested-dropdowns.css +++ b/client/patterns/nested-dropdowns/nested-dropdowns.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .p-nested-dropdowns { diff --git a/client/patterns/notification/Cover.tsx b/client/patterns/notification/Cover.tsx index 07f25b4..7e66ad7 100644 --- a/client/patterns/notification/Cover.tsx +++ b/client/patterns/notification/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/notification/Details.tsx b/client/patterns/notification/Details.tsx index 9db0765..77ebc46 100644 --- a/client/patterns/notification/Details.tsx +++ b/client/patterns/notification/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/overlay-play-button/Cover.tsx b/client/patterns/overlay-play-button/Cover.tsx index 4be0377..b64440a 100644 --- a/client/patterns/overlay-play-button/Cover.tsx +++ b/client/patterns/overlay-play-button/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/overlay-play-button/Details.tsx b/client/patterns/overlay-play-button/Details.tsx index 0bc2d2d..471c3ac 100644 --- a/client/patterns/overlay-play-button/Details.tsx +++ b/client/patterns/overlay-play-button/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/pagination/Cover.tsx b/client/patterns/pagination/Cover.tsx index 717fef6..8faca0b 100644 --- a/client/patterns/pagination/Cover.tsx +++ b/client/patterns/pagination/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/pagination/Details.tsx b/client/patterns/pagination/Details.tsx index 35ed384..7ff34f8 100644 --- a/client/patterns/pagination/Details.tsx +++ b/client/patterns/pagination/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/popover-arrow/Cover.tsx b/client/patterns/popover-arrow/Cover.tsx index be4e06b..c3f23da 100644 --- a/client/patterns/popover-arrow/Cover.tsx +++ b/client/patterns/popover-arrow/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/popover-arrow/Details.tsx b/client/patterns/popover-arrow/Details.tsx index 77f5c25..eb12c02 100644 --- a/client/patterns/popover-arrow/Details.tsx +++ b/client/patterns/popover-arrow/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/presence-indicator/Cover.tsx b/client/patterns/presence-indicator/Cover.tsx index 779e967..d2e301f 100644 --- a/client/patterns/presence-indicator/Cover.tsx +++ b/client/patterns/presence-indicator/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/presence-indicator/Details.tsx b/client/patterns/presence-indicator/Details.tsx index 708c3c8..54bceab 100644 --- a/client/patterns/presence-indicator/Details.tsx +++ b/client/patterns/presence-indicator/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/previous-next-buttons/Cover.tsx b/client/patterns/previous-next-buttons/Cover.tsx index c1ce896..6d7f128 100644 --- a/client/patterns/previous-next-buttons/Cover.tsx +++ b/client/patterns/previous-next-buttons/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/previous-next-buttons/Details.tsx b/client/patterns/previous-next-buttons/Details.tsx index 1335476..bde7e13 100644 --- a/client/patterns/previous-next-buttons/Details.tsx +++ b/client/patterns/previous-next-buttons/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/pricing-table/Cover.tsx b/client/patterns/pricing-table/Cover.tsx index 271c9e4..50d7572 100644 --- a/client/patterns/pricing-table/Cover.tsx +++ b/client/patterns/pricing-table/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/pricing-table/Details.tsx b/client/patterns/pricing-table/Details.tsx index f604cd7..ec13aa6 100644 --- a/client/patterns/pricing-table/Details.tsx +++ b/client/patterns/pricing-table/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/progress-bar/Cover.tsx b/client/patterns/progress-bar/Cover.tsx index aee8396..de11da4 100644 --- a/client/patterns/progress-bar/Cover.tsx +++ b/client/patterns/progress-bar/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/progress-bar/Details.tsx b/client/patterns/progress-bar/Details.tsx index cc04d9f..80c367a 100644 --- a/client/patterns/progress-bar/Details.tsx +++ b/client/patterns/progress-bar/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React, { useState } from 'react'; diff --git a/client/patterns/property-list/Cover.tsx b/client/patterns/property-list/Cover.tsx index bde49fd..a8fe5de 100644 --- a/client/patterns/property-list/Cover.tsx +++ b/client/patterns/property-list/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/property-list/Details.tsx b/client/patterns/property-list/Details.tsx index d697f97..f91ebe9 100644 --- a/client/patterns/property-list/Details.tsx +++ b/client/patterns/property-list/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/questions-and-answers/Cover.tsx b/client/patterns/questions-and-answers/Cover.tsx index 44bf76a..bf50f04 100644 --- a/client/patterns/questions-and-answers/Cover.tsx +++ b/client/patterns/questions-and-answers/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/questions-and-answers/Details.tsx b/client/patterns/questions-and-answers/Details.tsx index 2a8661a..4b4229f 100644 --- a/client/patterns/questions-and-answers/Details.tsx +++ b/client/patterns/questions-and-answers/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React, { useState } from 'react'; diff --git a/client/patterns/radial-progress-bar/Cover.tsx b/client/patterns/radial-progress-bar/Cover.tsx index 931275c..9d416a8 100644 --- a/client/patterns/radial-progress-bar/Cover.tsx +++ b/client/patterns/radial-progress-bar/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/radial-progress-bar/Details.tsx b/client/patterns/radial-progress-bar/Details.tsx index 88061db..91289a9 100644 --- a/client/patterns/radial-progress-bar/Details.tsx +++ b/client/patterns/radial-progress-bar/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/radio-button-group/Cover.tsx b/client/patterns/radio-button-group/Cover.tsx index 358ac92..3569e48 100644 --- a/client/patterns/radio-button-group/Cover.tsx +++ b/client/patterns/radio-button-group/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/radio-button-group/Details.tsx b/client/patterns/radio-button-group/Details.tsx index 5ee8c11..d2ba12a 100644 --- a/client/patterns/radio-button-group/Details.tsx +++ b/client/patterns/radio-button-group/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React, { useState } from 'react'; diff --git a/client/patterns/radio-button-group/radio-button-group.css b/client/patterns/radio-button-group/radio-button-group.css index 7d50d19..39d5284 100644 --- a/client/patterns/radio-button-group/radio-button-group.css +++ b/client/patterns/radio-button-group/radio-button-group.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .p-radio-button-group label { diff --git a/client/patterns/radio-switch/Cover.tsx b/client/patterns/radio-switch/Cover.tsx index 1cef0a9..a5637df 100644 --- a/client/patterns/radio-switch/Cover.tsx +++ b/client/patterns/radio-switch/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/radio-switch/Details.tsx b/client/patterns/radio-switch/Details.tsx index 9dee613..6dc913e 100644 --- a/client/patterns/radio-switch/Details.tsx +++ b/client/patterns/radio-switch/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React, { useState } from 'react'; diff --git a/client/patterns/rating/Cover.tsx b/client/patterns/rating/Cover.tsx index 335149b..4d5fc26 100644 --- a/client/patterns/rating/Cover.tsx +++ b/client/patterns/rating/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/rating/Details.tsx b/client/patterns/rating/Details.tsx index dc53dbe..9e52b89 100644 --- a/client/patterns/rating/Details.tsx +++ b/client/patterns/rating/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/rating/Star.tsx b/client/patterns/rating/Star.tsx index af33510..719583e 100644 --- a/client/patterns/rating/Star.tsx +++ b/client/patterns/rating/Star.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/rating/star.css b/client/patterns/rating/star.css index 155a26c..5494bb6 100644 --- a/client/patterns/rating/star.css +++ b/client/patterns/rating/star.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .p-rating { diff --git a/client/patterns/resizable-element/Cover.tsx b/client/patterns/resizable-element/Cover.tsx index 436ce61..c35431b 100644 --- a/client/patterns/resizable-element/Cover.tsx +++ b/client/patterns/resizable-element/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/resizable-element/Details.tsx b/client/patterns/resizable-element/Details.tsx index 279f549..9ce1a26 100644 --- a/client/patterns/resizable-element/Details.tsx +++ b/client/patterns/resizable-element/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/ribbon/Cover.tsx b/client/patterns/ribbon/Cover.tsx index aec1bce..316d811 100644 --- a/client/patterns/ribbon/Cover.tsx +++ b/client/patterns/ribbon/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/ribbon/Details.tsx b/client/patterns/ribbon/Details.tsx index 258f7e1..c7f492a 100644 --- a/client/patterns/ribbon/Details.tsx +++ b/client/patterns/ribbon/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/same-height-columns/Cover.tsx b/client/patterns/same-height-columns/Cover.tsx index bf24bb0..a5c7a71 100644 --- a/client/patterns/same-height-columns/Cover.tsx +++ b/client/patterns/same-height-columns/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/same-height-columns/Details.tsx b/client/patterns/same-height-columns/Details.tsx index 607c4bd..019aa68 100644 --- a/client/patterns/same-height-columns/Details.tsx +++ b/client/patterns/same-height-columns/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/search-box/Cover.tsx b/client/patterns/search-box/Cover.tsx index 06fb173..b673843 100644 --- a/client/patterns/search-box/Cover.tsx +++ b/client/patterns/search-box/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/search-box/Details.tsx b/client/patterns/search-box/Details.tsx index 27cbc21..60a1a21 100644 --- a/client/patterns/search-box/Details.tsx +++ b/client/patterns/search-box/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/separator/Cover.tsx b/client/patterns/separator/Cover.tsx index 3417149..1bfdc68 100644 --- a/client/patterns/separator/Cover.tsx +++ b/client/patterns/separator/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/separator/Details.tsx b/client/patterns/separator/Details.tsx index 163e467..5a9d23e 100644 --- a/client/patterns/separator/Details.tsx +++ b/client/patterns/separator/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/sidebar/Cover.tsx b/client/patterns/sidebar/Cover.tsx index ff9232c..52198ad 100644 --- a/client/patterns/sidebar/Cover.tsx +++ b/client/patterns/sidebar/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/sidebar/Details.tsx b/client/patterns/sidebar/Details.tsx index 5fd872d..3215744 100644 --- a/client/patterns/sidebar/Details.tsx +++ b/client/patterns/sidebar/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/simple-grid/Cover.tsx b/client/patterns/simple-grid/Cover.tsx index 6e2ed63..544cacf 100644 --- a/client/patterns/simple-grid/Cover.tsx +++ b/client/patterns/simple-grid/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/simple-grid/Details.tsx b/client/patterns/simple-grid/Details.tsx index 02be0fd..d7ec637 100644 --- a/client/patterns/simple-grid/Details.tsx +++ b/client/patterns/simple-grid/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/slider/Cover.tsx b/client/patterns/slider/Cover.tsx index c89ad37..f7133fc 100644 --- a/client/patterns/slider/Cover.tsx +++ b/client/patterns/slider/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/slider/Details.tsx b/client/patterns/slider/Details.tsx index 1403269..9cb8998 100644 --- a/client/patterns/slider/Details.tsx +++ b/client/patterns/slider/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/spin-button/Cover.tsx b/client/patterns/spin-button/Cover.tsx index 6f015f4..4d7607e 100644 --- a/client/patterns/spin-button/Cover.tsx +++ b/client/patterns/spin-button/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/spin-button/Details.tsx b/client/patterns/spin-button/Details.tsx index e4451a4..936c726 100644 --- a/client/patterns/spin-button/Details.tsx +++ b/client/patterns/spin-button/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React, { useState } from 'react'; diff --git a/client/patterns/split-navigation/Cover.tsx b/client/patterns/split-navigation/Cover.tsx index bbdffc1..e7220ff 100644 --- a/client/patterns/split-navigation/Cover.tsx +++ b/client/patterns/split-navigation/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/split-navigation/Details.tsx b/client/patterns/split-navigation/Details.tsx index 7ecbcb4..26e4b50 100644 --- a/client/patterns/split-navigation/Details.tsx +++ b/client/patterns/split-navigation/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/split-screen/Cover.tsx b/client/patterns/split-screen/Cover.tsx index 9e5eced..cc7713e 100644 --- a/client/patterns/split-screen/Cover.tsx +++ b/client/patterns/split-screen/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/split-screen/Details.tsx b/client/patterns/split-screen/Details.tsx index e3ecd13..d73ad2d 100644 --- a/client/patterns/split-screen/Details.tsx +++ b/client/patterns/split-screen/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/stacked-cards/Cover.tsx b/client/patterns/stacked-cards/Cover.tsx index ce58a97..56420e0 100644 --- a/client/patterns/stacked-cards/Cover.tsx +++ b/client/patterns/stacked-cards/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/stacked-cards/Details.tsx b/client/patterns/stacked-cards/Details.tsx index 33275c8..05c757e 100644 --- a/client/patterns/stacked-cards/Details.tsx +++ b/client/patterns/stacked-cards/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/stamp-border/Cover.tsx b/client/patterns/stamp-border/Cover.tsx index 7515da0..c067f5e 100644 --- a/client/patterns/stamp-border/Cover.tsx +++ b/client/patterns/stamp-border/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/stamp-border/Details.tsx b/client/patterns/stamp-border/Details.tsx index 6e7ba10..a98e4b6 100644 --- a/client/patterns/stamp-border/Details.tsx +++ b/client/patterns/stamp-border/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/statistic/Cover.tsx b/client/patterns/statistic/Cover.tsx index 5853068..1a51507 100644 --- a/client/patterns/statistic/Cover.tsx +++ b/client/patterns/statistic/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/statistic/Details.tsx b/client/patterns/statistic/Details.tsx index 90528b0..061773b 100644 --- a/client/patterns/statistic/Details.tsx +++ b/client/patterns/statistic/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/status-light/Cover.tsx b/client/patterns/status-light/Cover.tsx index 35e56ab..a333cdb 100644 --- a/client/patterns/status-light/Cover.tsx +++ b/client/patterns/status-light/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/status-light/Details.tsx b/client/patterns/status-light/Details.tsx index fac6058..146be3a 100644 --- a/client/patterns/status-light/Details.tsx +++ b/client/patterns/status-light/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/stepper-input/Cover.tsx b/client/patterns/stepper-input/Cover.tsx index c2cdb5a..9aeda33 100644 --- a/client/patterns/stepper-input/Cover.tsx +++ b/client/patterns/stepper-input/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/stepper-input/Details.tsx b/client/patterns/stepper-input/Details.tsx index cd03d98..1da3af4 100644 --- a/client/patterns/stepper-input/Details.tsx +++ b/client/patterns/stepper-input/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React, { useState } from 'react'; diff --git a/client/patterns/sticky-footer/Cover.tsx b/client/patterns/sticky-footer/Cover.tsx index e2e48f8..ab8550a 100644 --- a/client/patterns/sticky-footer/Cover.tsx +++ b/client/patterns/sticky-footer/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/sticky-footer/Details.tsx b/client/patterns/sticky-footer/Details.tsx index 7a9626b..c22eceb 100644 --- a/client/patterns/sticky-footer/Details.tsx +++ b/client/patterns/sticky-footer/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/sticky-header/Cover.tsx b/client/patterns/sticky-header/Cover.tsx index ce968b5..2ded916 100644 --- a/client/patterns/sticky-header/Cover.tsx +++ b/client/patterns/sticky-header/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/sticky-header/Details.tsx b/client/patterns/sticky-header/Details.tsx index d02849d..6877f88 100644 --- a/client/patterns/sticky-header/Details.tsx +++ b/client/patterns/sticky-header/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/sticky-sections/Cover.tsx b/client/patterns/sticky-sections/Cover.tsx index c773d7e..9f00017 100644 --- a/client/patterns/sticky-sections/Cover.tsx +++ b/client/patterns/sticky-sections/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/sticky-sections/Details.tsx b/client/patterns/sticky-sections/Details.tsx index 6038fee..844e149 100644 --- a/client/patterns/sticky-sections/Details.tsx +++ b/client/patterns/sticky-sections/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/sticky-table-column/Cover.tsx b/client/patterns/sticky-table-column/Cover.tsx index 82fc8db..1f25cf9 100644 --- a/client/patterns/sticky-table-column/Cover.tsx +++ b/client/patterns/sticky-table-column/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/sticky-table-column/Details.tsx b/client/patterns/sticky-table-column/Details.tsx index 1da113a..b85bcd6 100644 --- a/client/patterns/sticky-table-column/Details.tsx +++ b/client/patterns/sticky-table-column/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ // tslint:disable:prefer-object-spread diff --git a/client/patterns/sticky-table-headers/Cover.tsx b/client/patterns/sticky-table-headers/Cover.tsx index f7ec6ac..9e93c83 100644 --- a/client/patterns/sticky-table-headers/Cover.tsx +++ b/client/patterns/sticky-table-headers/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/sticky-table-headers/Details.tsx b/client/patterns/sticky-table-headers/Details.tsx index d1e4e92..099b3b7 100644 --- a/client/patterns/sticky-table-headers/Details.tsx +++ b/client/patterns/sticky-table-headers/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/switch/Cover.tsx b/client/patterns/switch/Cover.tsx index 1d37211..ec6b8d2 100644 --- a/client/patterns/switch/Cover.tsx +++ b/client/patterns/switch/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/switch/Details.tsx b/client/patterns/switch/Details.tsx index e5766ba..caacc4e 100644 --- a/client/patterns/switch/Details.tsx +++ b/client/patterns/switch/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React, { useState } from 'react'; diff --git a/client/patterns/tab/Cover.tsx b/client/patterns/tab/Cover.tsx index b33d322..f079a1a 100644 --- a/client/patterns/tab/Cover.tsx +++ b/client/patterns/tab/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/tab/Details.tsx b/client/patterns/tab/Details.tsx index bb56e77..ce73c47 100644 --- a/client/patterns/tab/Details.tsx +++ b/client/patterns/tab/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React, { useState } from 'react'; diff --git a/client/patterns/teardrop/Cover.tsx b/client/patterns/teardrop/Cover.tsx index c5585ed..9010c2c 100644 --- a/client/patterns/teardrop/Cover.tsx +++ b/client/patterns/teardrop/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/teardrop/Details.tsx b/client/patterns/teardrop/Details.tsx index 02af921..e8a82d2 100644 --- a/client/patterns/teardrop/Details.tsx +++ b/client/patterns/teardrop/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/timeline/Cover.tsx b/client/patterns/timeline/Cover.tsx index e5758d8..7fbacfc 100644 --- a/client/patterns/timeline/Cover.tsx +++ b/client/patterns/timeline/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/timeline/Details.tsx b/client/patterns/timeline/Details.tsx index f720d8e..58f67bd 100644 --- a/client/patterns/timeline/Details.tsx +++ b/client/patterns/timeline/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/toggle-password-visibility/Cover.tsx b/client/patterns/toggle-password-visibility/Cover.tsx index 7ba90c1..fcb332c 100644 --- a/client/patterns/toggle-password-visibility/Cover.tsx +++ b/client/patterns/toggle-password-visibility/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/toggle-password-visibility/Details.tsx b/client/patterns/toggle-password-visibility/Details.tsx index a5c3b38..5cce5a0 100644 --- a/client/patterns/toggle-password-visibility/Details.tsx +++ b/client/patterns/toggle-password-visibility/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React, { useState } from 'react'; diff --git a/client/patterns/tooltip/Cover.tsx b/client/patterns/tooltip/Cover.tsx index 79be4b1..4013b0b 100644 --- a/client/patterns/tooltip/Cover.tsx +++ b/client/patterns/tooltip/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/tooltip/Details.tsx b/client/patterns/tooltip/Details.tsx index dfee93d..37ad19d 100644 --- a/client/patterns/tooltip/Details.tsx +++ b/client/patterns/tooltip/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/tooltip/tooltip.css b/client/patterns/tooltip/tooltip.css index 79444ee..b6150ab 100644 --- a/client/patterns/tooltip/tooltip.css +++ b/client/patterns/tooltip/tooltip.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .p-tooltip { diff --git a/client/patterns/triangle-buttons/Cover.tsx b/client/patterns/triangle-buttons/Cover.tsx index 3bd82c4..1226322 100644 --- a/client/patterns/triangle-buttons/Cover.tsx +++ b/client/patterns/triangle-buttons/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/triangle-buttons/Details.tsx b/client/patterns/triangle-buttons/Details.tsx index d121549..53f2a35 100644 --- a/client/patterns/triangle-buttons/Details.tsx +++ b/client/patterns/triangle-buttons/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/upload-button/Cover.tsx b/client/patterns/upload-button/Cover.tsx index 15d0d19..f5ada29 100644 --- a/client/patterns/upload-button/Cover.tsx +++ b/client/patterns/upload-button/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/upload-button/Details.tsx b/client/patterns/upload-button/Details.tsx index 3595b9e..bd044d6 100644 --- a/client/patterns/upload-button/Details.tsx +++ b/client/patterns/upload-button/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/validation-icon/Cover.tsx b/client/patterns/validation-icon/Cover.tsx index 78d89c0..1261aed 100644 --- a/client/patterns/validation-icon/Cover.tsx +++ b/client/patterns/validation-icon/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/validation-icon/Details.tsx b/client/patterns/validation-icon/Details.tsx index 2a5d56e..c01da1c 100644 --- a/client/patterns/validation-icon/Details.tsx +++ b/client/patterns/validation-icon/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/video-background/Cover.tsx b/client/patterns/video-background/Cover.tsx index cfe1f3d..bfd6e49 100644 --- a/client/patterns/video-background/Cover.tsx +++ b/client/patterns/video-background/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/video-background/Details.tsx b/client/patterns/video-background/Details.tsx index e2339a7..6ad02f2 100644 --- a/client/patterns/video-background/Details.tsx +++ b/client/patterns/video-background/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/watermark/Cover.tsx b/client/patterns/watermark/Cover.tsx index 44abda8..77597ab 100644 --- a/client/patterns/watermark/Cover.tsx +++ b/client/patterns/watermark/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/watermark/Details.tsx b/client/patterns/watermark/Details.tsx index c856a56..4d8383b 100644 --- a/client/patterns/watermark/Details.tsx +++ b/client/patterns/watermark/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/wizard/Cover.tsx b/client/patterns/wizard/Cover.tsx index 56a1928..28bc913 100644 --- a/client/patterns/wizard/Cover.tsx +++ b/client/patterns/wizard/Cover.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/patterns/wizard/Details.tsx b/client/patterns/wizard/Details.tsx index 2ff5665..9edc980 100644 --- a/client/patterns/wizard/Details.tsx +++ b/client/patterns/wizard/Details.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/placeholders/Block.tsx b/client/placeholders/Block.tsx index 10316b8..82c7023 100644 --- a/client/placeholders/Block.tsx +++ b/client/placeholders/Block.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/placeholders/BrowserFrame.tsx b/client/placeholders/BrowserFrame.tsx index da8941e..6dda299 100644 --- a/client/placeholders/BrowserFrame.tsx +++ b/client/placeholders/BrowserFrame.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import * as React from 'react'; diff --git a/client/placeholders/Circle.tsx b/client/placeholders/Circle.tsx index 70fe680..f04766e 100644 --- a/client/placeholders/Circle.tsx +++ b/client/placeholders/Circle.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/placeholders/Frame.tsx b/client/placeholders/Frame.tsx index 1343d38..0714fac 100644 --- a/client/placeholders/Frame.tsx +++ b/client/placeholders/Frame.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/placeholders/Line.tsx b/client/placeholders/Line.tsx index bec81f0..775a04e 100644 --- a/client/placeholders/Line.tsx +++ b/client/placeholders/Line.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/placeholders/Rectangle.tsx b/client/placeholders/Rectangle.tsx index 9ff9bdf..77364c0 100644 --- a/client/placeholders/Rectangle.tsx +++ b/client/placeholders/Rectangle.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/placeholders/Square.tsx b/client/placeholders/Square.tsx index 0ef6261..3201ede 100644 --- a/client/placeholders/Square.tsx +++ b/client/placeholders/Square.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/placeholders/Triangle.tsx b/client/placeholders/Triangle.tsx index e8b92a3..6aae586 100644 --- a/client/placeholders/Triangle.tsx +++ b/client/placeholders/Triangle.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/placeholders/VerticalLine.tsx b/client/placeholders/VerticalLine.tsx index 1f534f3..76ce442 100644 --- a/client/placeholders/VerticalLine.tsx +++ b/client/placeholders/VerticalLine.tsx @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ import React from 'react'; diff --git a/client/placeholders/browserFrame.css b/client/placeholders/browserFrame.css index 79cfcef..995ef74 100644 --- a/client/placeholders/browserFrame.css +++ b/client/placeholders/browserFrame.css @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ .demo { diff --git a/client/types/hightlight.d.ts b/client/types/hightlight.d.ts index 2e0b146..7b8cf2a 100644 --- a/client/types/hightlight.d.ts +++ b/client/types/hightlight.d.ts @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ declare module 'highlight.js/lib/highlight' { diff --git a/webpack.config.js b/webpack.config.js index f2835a0..c4f4cb7 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -1,6 +1,6 @@ /** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) - * (c) 2019 - 2020 Nguyen Huu Phuoc + * (c) 2019 - 2021 Nguyen Huu Phuoc */ const path = require('path'); From e1b4c6efa231b097e0ea5ebfbb6b6bbc174f3a1d Mon Sep 17 00:00:00 2001 From: Phuoc Nguyen Date: Thu, 1 Apr 2021 16:04:59 +0700 Subject: [PATCH 6/9] Tweak colors --- .babelrc | 2 +- client/components/SampleCode.tsx | 9 ---- client/components/coverCard.css | 2 +- client/components/heading.css | 3 +- client/index.css | 76 ++++++++++++++++++++++++++-- client/layouts/footer.css | 7 +-- client/layouts/header.css | 2 +- client/pages/homePage.css | 8 +-- client/placeholders/browserFrame.css | 4 +- 9 files changed, 90 insertions(+), 23 deletions(-) diff --git a/.babelrc b/.babelrc index e070296..f9a34ac 100644 --- a/.babelrc +++ b/.babelrc @@ -3,7 +3,7 @@ "@loadable/babel-plugin", ["prismjs", { "languages": ["css", "html", "javascript", "jsx", "tsx"], - "theme": "twilight", + // "theme": "okaidia", "css": true }] ], diff --git a/client/components/SampleCode.tsx b/client/components/SampleCode.tsx index 409a1d2..cafb366 100644 --- a/client/components/SampleCode.tsx +++ b/client/components/SampleCode.tsx @@ -19,15 +19,6 @@ const SampleCode: React.FC = ({ code, fullHeight = false, lang : (
             );
diff --git a/client/components/coverCard.css b/client/components/coverCard.css
index 242d4b4..2247ed7 100644
--- a/client/components/coverCard.css
+++ b/client/components/coverCard.css
@@ -5,7 +5,7 @@
 
 .cover {
     align-items: center;
-    color: var(--text-color);
+    color: var(--color-gray-9);
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
diff --git a/client/components/heading.css b/client/components/heading.css
index be15e9a..11077a6 100644
--- a/client/components/heading.css
+++ b/client/components/heading.css
@@ -4,6 +4,7 @@
  */
 
 .heading {
+    color: var(--color-gray-9);
     display: grid;
     font-size: 2rem;
     grid-template-columns: 1fr auto 1fr;
@@ -13,6 +14,6 @@
 .heading::before,
 .heading::after {
     align-self: center;
-    border-top: 0.25rem double var(--text-color);
+    border-top: 0.25rem double var(--color-gray-9);
     content: '';
 }
diff --git a/client/index.css b/client/index.css
index f35b8bf..4f05de5 100644
--- a/client/index.css
+++ b/client/index.css
@@ -5,7 +5,11 @@
 
 :root {
     --background-color: #e7d900;
-    --text-color: #111827;
+    --color-blue-6: #2563EB;
+    --color-gray-2: #E5E7EB;
+    --color-gray-5: #6B7280;
+    --color-gray-8: #27272A;
+    --color-gray-9: #111827;
 } 
 body {
     font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -60,19 +64,85 @@ a {
     width: 20rem;
 }
 .hero__heading {
-    color: var(--text-color);
+    color: var(--color-gray-9);
     font-size: 2rem;
     line-height: 1.5;
     text-align: center;
     text-transform: capitalize;
 }
 .hero__subheading {
-    color: var(--text-color);
+    color: var(--color-gray-9);
     font-size: 1.5rem;
     line-height: 1.5;
     text-align: center;
 }
 
+/*
+Prism theme
+Credit to https://github.com/tailwindlabs/tailwindcss.com/blob/master/src/css/prism.css
+*/
+pre {
+    background: var(--color-gray-8);
+    border: none;
+    border-radius: 0px;
+    box-shadow: none;
+    color: #FFF;
+    font-family: "Source Code Pro", monospace;
+    height: 100%;
+    line-height: 1.5;
+    margin: 0px;
+    overflow: auto;
+    padding: 1rem;
+}
+
+.token.tag,
+.token.class-name,
+.token.selector,
+.token.selector .class,
+.token.function {
+    color: #E879F9;
+}
+
+.token.attr-name,
+.token.keyword,
+.token.rule,
+.token.operator,
+.token.pseudo-class,
+.token.important {
+    color: #22D3EE;
+}
+
+.token.attr-value,
+.token.class,
+.token.string,
+.token.number,
+.token.unit,
+.token.color {
+    color: #BEF264;
+}
+
+.token.punctuation,
+.token.module,
+.token.property {
+    color: #BAE6FD;
+}
+
+.token.atapply .token:not(.rule):not(.important) {
+    color: inherit;
+}
+
+.language-shell .token:not(.comment) {
+    color: inherit;
+}
+
+.language-css .token.function {
+    color: inherit;
+}
+
+.token.comment {
+    color: #A1A1AA;
+}
+
 /* Responsive */
 @media (min-width: 640px) {
     .sidebar {
diff --git a/client/layouts/footer.css b/client/layouts/footer.css
index e5d4061..2457bdf 100644
--- a/client/layouts/footer.css
+++ b/client/layouts/footer.css
@@ -7,7 +7,8 @@
     padding: 2rem 0;
 }
 .footer__about {
-    border-bottom: 1px solid rgba(0, 0, 0, .3);
+    border-bottom: 1px solid var(--color-gray-2);
+    color: var(--color-gray-9);
     display: flex;
     margin-bottom: 1rem;
     padding-bottom: 1rem;
@@ -17,7 +18,7 @@
 }
 .footer__social {
     margin-left: 0.5rem;
-    color: var(--text-color);
+    color: var(--color-gray-5);
 }
 .footer__grid {
     margin-left: -1rem;
@@ -37,7 +38,7 @@
     margin: 0.25rem 0;
 }
 .footer__product a {
-    color: var(--text-color);
+    color: var(--color-gray-5);
 }
 @media (min-width: 640px) {
     .footer__grid {
diff --git a/client/layouts/header.css b/client/layouts/header.css
index d54ee0c..68b06d6 100644
--- a/client/layouts/header.css
+++ b/client/layouts/header.css
@@ -16,6 +16,6 @@
     margin-right: auto;
 }
 .header__nav a {
-    color: var(--text-color);
+    color: var(--color-gray-9);
     margin-left: 1rem;
 }
\ No newline at end of file
diff --git a/client/pages/homePage.css b/client/pages/homePage.css
index 84735f2..50504da 100644
--- a/client/pages/homePage.css
+++ b/client/pages/homePage.css
@@ -15,12 +15,13 @@
     width: 50%;
 }
 .home__icon {
-    color: #1e1d6e;
+    color: var(--color-blue-6);
     margin-bottom: 1rem;
 }
 .home__title {
+    color: var(--color-gray-5);
     font-size: 1.5rem;
-    font-weight: 500;
+    font-weight: 600;
 }
 
 .home__patterns {
@@ -42,6 +43,7 @@
     z-index: 10;
 }
 .home__heading {
+    color: var(--color-gray-9);
     font-size: 4rem;
     font-weight: 600;
     margin-bottom: 1rem;
@@ -49,7 +51,7 @@
 .home__explore {
     background-color: var(--background-color);
     border-radius: 0.4rem;
-    color: var(--text-color);
+    color: var(--color-gray-9);
     font-size: 1.5rem;
     font-weight: 600;
     padding: 1rem 2rem;
diff --git a/client/placeholders/browserFrame.css b/client/placeholders/browserFrame.css
index 995ef74..06dde34 100644
--- a/client/placeholders/browserFrame.css
+++ b/client/placeholders/browserFrame.css
@@ -7,12 +7,14 @@
     border: 1px solid rgba(0, 0, 0, 0.2);
     border-radius: 0.25rem;
 }
+
 .demo__live {
     height: 32rem;
 }
+
 .demo__css,
 .demo__html {
-    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.8);
     height: 16rem;
     overflow: auto;
 }
\ No newline at end of file

From 538e5f750ef9d9a95b4b50dc673b6545f78fad58 Mon Sep 17 00:00:00 2001
From: Phuoc Nguyen 
Date: Thu, 1 Apr 2021 16:46:44 +0700
Subject: [PATCH 7/9] Use BEM naming convention

---
 client/patterns/accordion/Details.tsx         | 29 ++++++------
 client/patterns/arrow-buttons/Details.tsx     | 28 ++++++------
 client/patterns/avatar-list/Details.tsx       | 12 ++---
 client/patterns/avatar/Details.tsx            |  8 ++--
 client/patterns/badge/Details.tsx             |  4 +-
 client/patterns/breadcrumb/Details.tsx        |  9 ++--
 client/patterns/card-layout/Details.tsx       |  9 ++--
 client/patterns/card/Details.tsx              | 12 ++---
 .../patterns/circular-navigation/Details.tsx  | 17 +++----
 client/patterns/close-button/Details.tsx      | 14 +++---
 client/patterns/cookie-banner/Details.tsx     |  8 ++--
 client/patterns/dot-navigation/Details.tsx    |  9 ++--
 client/patterns/drawer/Details.tsx            | 10 +++--
 client/patterns/dropdown/Details.tsx          |  6 +--
 client/patterns/full-screen-menu/Details.tsx  |  4 +-
 client/patterns/holy-grail/Details.tsx        | 20 +++++----
 client/patterns/initial-avatar/Details.tsx    |  8 ++--
 client/patterns/mega-menu/Details.tsx         |  8 ++--
 client/patterns/menu/Details.tsx              | 44 +++++++++----------
 client/patterns/modal/Details.tsx             | 12 ++---
 client/patterns/nested-dropdowns/Details.tsx  | 14 +++---
 client/patterns/notification/Details.tsx      |  4 +-
 client/patterns/pagination/Details.tsx        | 12 +++--
 .../patterns/same-height-columns/Details.tsx  | 10 +++--
 client/patterns/sidebar/Details.tsx           | 10 +++--
 client/patterns/simple-grid/Details.tsx       | 12 ++---
 client/patterns/spin-button/Details.tsx       | 14 +++---
 client/patterns/split-navigation/Details.tsx  |  4 +-
 client/patterns/split-screen/Details.tsx      |  7 +--
 client/patterns/stepper-input/Details.tsx     | 20 ++++-----
 client/patterns/sticky-footer/Details.tsx     | 14 +++---
 client/patterns/sticky-sections/Details.tsx   |  5 ++-
 client/patterns/switch/Details.tsx            |  8 ++--
 client/patterns/tab/Details.tsx               |  8 ++--
 .../toggle-password-visibility/Details.tsx    |  4 +-
 client/patterns/upload-button/Details.tsx     |  8 ++--
 client/patterns/wizard/Details.tsx            | 22 +++++-----
 37 files changed, 233 insertions(+), 214 deletions(-)

diff --git a/client/patterns/accordion/Details.tsx b/client/patterns/accordion/Details.tsx
index 8e0e191..d39b515 100644
--- a/client/patterns/accordion/Details.tsx
+++ b/client/patterns/accordion/Details.tsx
@@ -66,22 +66,22 @@ const Details: React.FC<{}> = () => {
                 
-
+
-
+
-
+
-
...
+
...
-
+
...
-
+
...
@@ -91,18 +91,18 @@ html={`
`} css={` -.container { +.accordion { /* Border */ border: 1px solid rgba(0, 0, 0, 0.3); border-bottom-color: transparent; border-radius: 4px; } -.item { +.accordion__item { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } -.header { +.accordion__header { /* Center the content horizontally */ align-items: center; display: flex; @@ -110,22 +110,25 @@ css={` cursor: pointer; padding: 16px; } -.toggle { + +.accordion__toggle { margin-right: 12px; } -.title { + +.accordion__title { /* Take remaining width */ flex: 1; } -.content { +.accordion__content { /* For not selected item */ display: none; border-top: 1px solid rgba(0, 0, 0, 0.3); padding: 16px; } -.content.selected { + +.accordion__content--selected { /* For selected item */ display: block; } diff --git a/client/patterns/arrow-buttons/Details.tsx b/client/patterns/arrow-buttons/Details.tsx index 1b688a2..0345fa7 100644 --- a/client/patterns/arrow-buttons/Details.tsx +++ b/client/patterns/arrow-buttons/Details.tsx @@ -22,43 +22,43 @@ const Details: React.FC<{}> = () => { - - - - `} css={` -.container { +.button { /* Center the content */ align-items: center; display: flex; @@ -68,7 +68,7 @@ css={` padding: 8px; } -.container__arrow { +.button__arrow { /* Transparent background */ background-color: transparent; @@ -77,28 +77,28 @@ css={` width: 12px; } -.container__arrow--up { +.button__arrow--up { /* Edges */ border-left: 1px solid rgba(0, 0, 0, 0.3); border-top: 1px solid rgba(0, 0, 0, 0.3); transform: translateY(25%) rotate(45deg); } -.container__arrow--right { +.button__arrow--right { /* Edges */ border-right: 1px solid rgba(0, 0, 0, 0.3); border-top: 1px solid rgba(0, 0, 0, 0.3); transform: translateX(-25%) rotate(45deg); } -.container__arrow--down { +.button__arrow--down { /* Edges */ border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-right: 1px solid rgba(0, 0, 0, 0.3); transform: translateY(-25%) rotate(45deg); } -.container__arrow--left { +.button__arrow--left { /* Edges */ border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-left: 1px solid rgba(0, 0, 0, 0.3); diff --git a/client/patterns/avatar-list/Details.tsx b/client/patterns/avatar-list/Details.tsx index db3ccdb..9b6cfe2 100644 --- a/client/patterns/avatar-list/Details.tsx +++ b/client/patterns/avatar-list/Details.tsx @@ -41,10 +41,10 @@ const Details: React.FC<{}> = () => {
+
-
-
+
+
...
@@ -55,16 +55,16 @@ html={`
`} css={` -.container { +.avatars { display: flex; } -.container__item { +.avatars__item { /* Nagative margin make avatar overlap to previous one */ margin-left: -4px; } -.container__avatar { +.avatars__image { /* Add a white curve between avatars */ box-shadow: 0 0 0 4px #FFF; diff --git a/client/patterns/avatar/Details.tsx b/client/patterns/avatar/Details.tsx index 145a467..0291e40 100644 --- a/client/patterns/avatar/Details.tsx +++ b/client/patterns/avatar/Details.tsx @@ -21,20 +21,20 @@ const Details: React.FC<{}> = () => {
+
- +
`} css={` -.container { +.avatar { /* Rounded border */ border-radius: 50%; height: 64px; width: 64px; } -.container__avatar { +.avatar__image { /* Rounded border */ border-radius: 50%; diff --git a/client/patterns/badge/Details.tsx b/client/patterns/badge/Details.tsx index 80cad61..c0ea3a9 100644 --- a/client/patterns/badge/Details.tsx +++ b/client/patterns/badge/Details.tsx @@ -21,12 +21,12 @@ const Details: React.FC<{}> = () => {
+
...
`} css={` -.container { +.badge { /* Center the content */ align-items: center; display: flex; diff --git a/client/patterns/breadcrumb/Details.tsx b/client/patterns/breadcrumb/Details.tsx index 65544e9..207253a 100644 --- a/client/patterns/breadcrumb/Details.tsx +++ b/client/patterns/breadcrumb/Details.tsx @@ -21,24 +21,25 @@ const Details: React.FC<{}> = () => {
+ `} css={` -.container { +.breadcrumb { /* Content is centered vertically */ align-items: center; display: flex; } -.separator { + +.breadcrumb__separator { margin: 0 8px; } `} diff --git a/client/patterns/card-layout/Details.tsx b/client/patterns/card-layout/Details.tsx index 992b1f5..06cbc14 100644 --- a/client/patterns/card-layout/Details.tsx +++ b/client/patterns/card-layout/Details.tsx @@ -22,9 +22,9 @@ const Details: React.FC<{}> = () => {
+
-
+
...
@@ -33,7 +33,7 @@ html={`
`} css={` -.container { +.cards { display: flex; /* Put a card in the next row when previous cards take all width */ @@ -42,7 +42,8 @@ css={` margin-left: -8px; margin-right: -8px; } -.card { + +.cards__item { /* There will be 4 cards per row */ flex-basis: 25%; diff --git a/client/patterns/card/Details.tsx b/client/patterns/card/Details.tsx index 25c8eb7..cd2e2fc 100644 --- a/client/patterns/card/Details.tsx +++ b/client/patterns/card/Details.tsx @@ -23,31 +23,31 @@ const Details: React.FC<{}> = () => {
+
-
+
...
-
+
...
...
`} css={` -.container { +.card { display: flex; flex-direction: column; } -.container__cover { +.card__cover { height: 150px; width: 100%; } -.container__content { +.card__content { /* Take available height */ flex: 1; } diff --git a/client/patterns/circular-navigation/Details.tsx b/client/patterns/circular-navigation/Details.tsx index 71517ef..ec0dbb5 100644 --- a/client/patterns/circular-navigation/Details.tsx +++ b/client/patterns/circular-navigation/Details.tsx @@ -57,15 +57,14 @@ const Details: React.FC<{}> = () => {
+