From 3fe922546d2f9c3db857fc95e6dba4d9c8ce20a3 Mon Sep 17 00:00:00 2001 From: Maitra Khatri Date: Sun, 6 Feb 2022 00:09:34 +0530 Subject: [PATCH 1/2] feat: Navigation Done --- CSS/Components/navigation/navigation.css | 32 +++++++++++++++++++++ CSS/Components/navigation/navigation.html | 31 ++++++++++++++++++++ CSS/style.css | 1 + assets/bookmark_white_36dp.svg | 1 + assets/download_white_36dp.svg | 1 + assets/menu_white_36dp.svg | 1 + assets/print_white_36dp.svg | 1 + docs/components.html | 35 +++++++++++++++++++++++ docs/docs.css | 4 +++ 9 files changed, 107 insertions(+) create mode 100644 CSS/Components/navigation/navigation.css create mode 100644 CSS/Components/navigation/navigation.html create mode 100644 assets/bookmark_white_36dp.svg create mode 100644 assets/download_white_36dp.svg create mode 100644 assets/menu_white_36dp.svg create mode 100644 assets/print_white_36dp.svg diff --git a/CSS/Components/navigation/navigation.css b/CSS/Components/navigation/navigation.css new file mode 100644 index 0000000..ea3af12 --- /dev/null +++ b/CSS/Components/navigation/navigation.css @@ -0,0 +1,32 @@ +.navbar { + display: flex; +} + +.navbar-header { + display: flex; + gap: 1rem; + padding: 1rem; + align-items: center; + margin-right: auto; +} + +.navbar-links { + display: flex; + gap: 2rem; + padding: 1rem; + justify-content: center; + align-items: center; +} + +.navbar a { + text-decoration: none; + color: inherit; +} + +.navbar-header-title { + font-weight: bolder; +} + +.navbar-container { + position: relative; +} \ No newline at end of file diff --git a/CSS/Components/navigation/navigation.html b/CSS/Components/navigation/navigation.html new file mode 100644 index 0000000..793cc56 --- /dev/null +++ b/CSS/Components/navigation/navigation.html @@ -0,0 +1,31 @@ + + + + + + + navigation + + + + + + + + \ No newline at end of file diff --git a/CSS/style.css b/CSS/style.css index 974f04a..35b27a5 100644 --- a/CSS/style.css +++ b/CSS/style.css @@ -13,6 +13,7 @@ @import url(./Components/image/image.css); @import url(./Components/input/input.css); @import url(./Components/text-utilities/text-utilities.css); +@import url(./Components/navigation/navigation.css); /* FONT */ @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap'); diff --git a/assets/bookmark_white_36dp.svg b/assets/bookmark_white_36dp.svg new file mode 100644 index 0000000..f50a830 --- /dev/null +++ b/assets/bookmark_white_36dp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/download_white_36dp.svg b/assets/download_white_36dp.svg new file mode 100644 index 0000000..03a7953 --- /dev/null +++ b/assets/download_white_36dp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/menu_white_36dp.svg b/assets/menu_white_36dp.svg new file mode 100644 index 0000000..469f3ad --- /dev/null +++ b/assets/menu_white_36dp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/print_white_36dp.svg b/assets/print_white_36dp.svg new file mode 100644 index 0000000..2ca90f9 --- /dev/null +++ b/assets/print_white_36dp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/components.html b/docs/components.html index 83563f9..4e45035 100644 --- a/docs/components.html +++ b/docs/components.html @@ -762,6 +762,41 @@

Shadow

+ + diff --git a/docs/docs.css b/docs/docs.css index 00693ca..d68f838 100644 --- a/docs/docs.css +++ b/docs/docs.css @@ -227,4 +227,8 @@ button#bfc-show { flex-direction: column; gap: 2rem; width: inherit; +} + +.navbar-container { + width:auto; } \ No newline at end of file From 1186286d095fc1ff4633b76569d884f0033e06d5 Mon Sep 17 00:00:00 2001 From: Maitra Khatri Date: Sun, 6 Feb 2022 15:35:11 +0530 Subject: [PATCH 2/2] removed extra spaces --- CSS/Components/navigation/navigation.html | 4 ---- docs/components.html | 3 --- 2 files changed, 7 deletions(-) diff --git a/CSS/Components/navigation/navigation.html b/CSS/Components/navigation/navigation.html index 793cc56..2738f90 100644 --- a/CSS/Components/navigation/navigation.html +++ b/CSS/Components/navigation/navigation.html @@ -12,17 +12,13 @@ diff --git a/docs/components.html b/docs/components.html index 4e45035..94b854a 100644 --- a/docs/components.html +++ b/docs/components.html @@ -765,11 +765,9 @@

Shadow