From beb4fd8085a089ea9092e5c75748051cc9623f10 Mon Sep 17 00:00:00 2001 From: anshul-pinto0410 Date: Thu, 12 Nov 2020 14:19:28 +0530 Subject: [PATCH 1/5] feat: new xl tick- button rnd- table --- docs/docs/tickmark.md | 1 + src/components/Button/button.css | 9 ++++++++- src/components/Common/common.css | 26 ++++++++++++++++++++++++++ src/components/Icons/tick.css | 4 ++++ 4 files changed, 39 insertions(+), 1 deletion(-) diff --git a/docs/docs/tickmark.md b/docs/docs/tickmark.md index 2a808b8..18831ae 100644 --- a/docs/docs/tickmark.md +++ b/docs/docs/tickmark.md @@ -19,6 +19,7 @@ sidebar_label: Tick Mark
+
``` diff --git a/src/components/Button/button.css b/src/components/Button/button.css index 67fdcb4..242e0bb 100644 --- a/src/components/Button/button.css +++ b/src/components/Button/button.css @@ -28,7 +28,14 @@ @apply lil-w-16 lil-h-16 lil-rounded-full lil-bg-grey-150 lil-cursor-pointer lil-items-center lil-justify-center lil-flex lil-text-s-24; } +.lil-btn-round-white { + @apply lil-w-16 lil-h-16 lil-rounded-full lil-bg-white lil-cursor-pointer lil-items-center lil-border-sm lil-border-font-500 lil-justify-center lil-flex lil-text-s-24; +} + +.lil-btn-round-white:hover, +.lil-btn-round-white:focus, .lil-btn-round:hover, .lil-btn-round:focus { - @apply lil-bg-blue-350 lil-text-white lil-outline-none; + @apply lil-bg-blue-350 lil-text-white lil-outline-none lil-border-none; } + diff --git a/src/components/Common/common.css b/src/components/Common/common.css index 60d1501..7d9aa98 100644 --- a/src/components/Common/common.css +++ b/src/components/Common/common.css @@ -11,6 +11,32 @@ select { @apply lil-rounded-lg lil-p-3; } +/* +* - border-spacing not supported in tailwind +*/ +table { + border-spacing: 0; +} + +/* +* to make rounded corners by assigning border-radius for each corner cell +*/ +thead tr:first-child th:first-child { + @apply lil-rounded-tl-xl; +} + +thead tr:first-child th:last-child { + @apply lil-rounded-tr-xl; +} + +tbody tr:last-child td:first-child { + @apply lil-rounded-bl-xl; +} + +tbody tr:last-child td:last-child { + @apply lil-rounded-br-xl; +} + @screen xl { .lil-container { @apply lil-w-full; diff --git a/src/components/Icons/tick.css b/src/components/Icons/tick.css index 600ad4c..32334f3 100644 --- a/src/components/Icons/tick.css +++ b/src/components/Icons/tick.css @@ -7,3 +7,7 @@ top: -2px; @apply lil-relative lil-w-1 lil-h-2 lil-border-b-sm lil-border-r-sm lil-border-font-200 lil-transform lil-rotate-45 lil-inline-block; } + +.lil-tick-xl{ + @apply lil-relative lil-w-2 lil-h-4 lil-border-b-md lil-border-r-md lil-border-green-200 lil-transform lil-rotate-45 lil-inline-block +} From c997310739359fcc99800038adc8c4e8f0aab82c Mon Sep 17 00:00:00 2001 From: anshul-pinto0410 Date: Thu, 12 Nov 2020 17:01:13 +0530 Subject: [PATCH 2/5] feat: resolved comments --- src/components/Common/common.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/Common/common.css b/src/components/Common/common.css index 7d9aa98..3146edb 100644 --- a/src/components/Common/common.css +++ b/src/components/Common/common.css @@ -14,26 +14,26 @@ select { /* * - border-spacing not supported in tailwind */ -table { +.lil-border-spacing-0 { border-spacing: 0; } /* * to make rounded corners by assigning border-radius for each corner cell */ -thead tr:first-child th:first-child { +.lil-thead tr:first-child th:first-child { @apply lil-rounded-tl-xl; } -thead tr:first-child th:last-child { +.lil-thead tr:first-child th:last-child { @apply lil-rounded-tr-xl; } -tbody tr:last-child td:first-child { +.lil-tbody tr:last-child td:first-child { @apply lil-rounded-bl-xl; } -tbody tr:last-child td:last-child { +.lil-tbody tr:last-child td:last-child { @apply lil-rounded-br-xl; } From 1d308f80b14fe2665ffdfc4f492407d5424f9340 Mon Sep 17 00:00:00 2001 From: anshul-pinto0410 Date: Thu, 12 Nov 2020 17:20:25 +0530 Subject: [PATCH 3/5] feat: added doc for button --- docs/docs/button.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/docs/docs/button.md b/docs/docs/button.md index 83ad40e..4c90342 100644 --- a/docs/docs/button.md +++ b/docs/docs/button.md @@ -25,5 +25,10 @@ sidebar_label: Button
L
R
+ +
+
L
+
R
+
``` From 94a77fab70025e44d342f1a63d5410e841d2ac27 Mon Sep 17 00:00:00 2001 From: anshul-pinto0410 Date: Thu, 12 Nov 2020 18:36:21 +0530 Subject: [PATCH 4/5] feat: custom class for table resolved comments --- docs/docs/table.md | 28 ++++++++++++++++++++++++++++ docs/sidebars.js | 5 +++++ src/components/Common/common.css | 15 --------------- src/components/Table/table.css | 15 +++++++++++++++ src/index.css | 1 + 5 files changed, 49 insertions(+), 15 deletions(-) create mode 100644 docs/docs/table.md create mode 100644 src/components/Table/table.css diff --git a/docs/docs/table.md b/docs/docs/table.md new file mode 100644 index 0000000..4fb36c0 --- /dev/null +++ b/docs/docs/table.md @@ -0,0 +1,28 @@ +--- +id: table +title: Table +sidebar_label: Table +--- + +#### Rounded Corner table +```html live +<> + + + + + + + + + + + + + + + + +
FirstnameLastnameAge
JillSmith50
EveJackson94
+ +``` diff --git a/docs/sidebars.js b/docs/sidebars.js index 5b7c3e5..9735cd9 100755 --- a/docs/sidebars.js +++ b/docs/sidebars.js @@ -37,6 +37,11 @@ module.exports = { items: ["promise-h", "promise-v"], }, "reinforcement", + { + type: "category", + label: "Table", + items: ["table"] + }, { type: "category", label: "Tabs", diff --git a/src/components/Common/common.css b/src/components/Common/common.css index 3146edb..b78b6eb 100644 --- a/src/components/Common/common.css +++ b/src/components/Common/common.css @@ -21,21 +21,6 @@ select { /* * to make rounded corners by assigning border-radius for each corner cell */ -.lil-thead tr:first-child th:first-child { - @apply lil-rounded-tl-xl; -} - -.lil-thead tr:first-child th:last-child { - @apply lil-rounded-tr-xl; -} - -.lil-tbody tr:last-child td:first-child { - @apply lil-rounded-bl-xl; -} - -.lil-tbody tr:last-child td:last-child { - @apply lil-rounded-br-xl; -} @screen xl { .lil-container { diff --git a/src/components/Table/table.css b/src/components/Table/table.css new file mode 100644 index 0000000..32e6b59 --- /dev/null +++ b/src/components/Table/table.css @@ -0,0 +1,15 @@ +.lil-table-round tr:first-child th:first-child { + @apply lil-rounded-tl-xl; +} + +.lil-table-round tr:first-child th:last-child { + @apply lil-rounded-tr-xl; +} + +.lil-table-round tr:last-child td:first-child { + @apply lil-rounded-bl-xl; +} + +.lil-table-round tr:last-child td:last-child { + @apply lil-rounded-br-xl; +} diff --git a/src/index.css b/src/index.css index 07e1617..58410a4 100644 --- a/src/index.css +++ b/src/index.css @@ -14,6 +14,7 @@ @import "./components/Promise/promise.css"; @import "./components/Reinforcement/reinforcement.css"; @import "./components/SideNav/sidenav.css"; +@import "./components/Table/table.css"; @import "./components/Tabs/tabs.css"; @import "./components/Tabs/lineTab.css"; @import "./components/Tabs/verticalPromiseTabs.css"; From 81ed2d6e9f54a66296e23d5333095af9c8d72b43 Mon Sep 17 00:00:00 2001 From: anshul-pinto0410 Date: Thu, 12 Nov 2020 18:45:16 +0530 Subject: [PATCH 5/5] feat: fixed comment --- src/components/Common/common.css | 4 ---- src/components/Table/table.css | 3 +++ 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/src/components/Common/common.css b/src/components/Common/common.css index b78b6eb..f8a7710 100644 --- a/src/components/Common/common.css +++ b/src/components/Common/common.css @@ -18,10 +18,6 @@ select { border-spacing: 0; } -/* -* to make rounded corners by assigning border-radius for each corner cell -*/ - @screen xl { .lil-container { @apply lil-w-full; diff --git a/src/components/Table/table.css b/src/components/Table/table.css index 32e6b59..eac419d 100644 --- a/src/components/Table/table.css +++ b/src/components/Table/table.css @@ -1,3 +1,6 @@ +/* +* to make rounded corners by assigning border-radius for each corner cell +*/ .lil-table-round tr:first-child th:first-child { @apply lil-rounded-tl-xl; }