diff --git a/README.md b/README.md deleted file mode 100644 index 7a559cf..0000000 --- a/README.md +++ /dev/null @@ -1 +0,0 @@ -# agri-component-library \ No newline at end of file diff --git a/components/Alerts/alerts.css b/components/Alerts/alerts.css deleted file mode 100644 index f848973..0000000 --- a/components/Alerts/alerts.css +++ /dev/null @@ -1,60 +0,0 @@ -@import '/css/main.css'; - -.alert { - display: flex; - height:70% ; - width: 90%; - flex-direction: row; - align-items: center; - flex-wrap: wrap; - justify-content: flex-start; - padding: 0.5rem; - margin: 0.5rem; - border: 1px solid black; -} - -.material-icons{ - font-size: 1.5rem; - margin-right: 0.5rem; -} -/* primary alert button */ -.primary-alert { - background-color: var(--primary-alert-bgcolor); - color:var(--primary-alert-icon-color) -} - -/* secondary alert button */ -.secondary-alert { - background-color: var(--secondary-alert-bgcolor); - color: var(--secondary-alert-icon-color); -} - -/* success alert button */ -.success-alert { - background-color: var(--success-alert-bgcolor); - color: var(--success-alert-icon-color); -} - -/* danger alert button */ -.danger-alert { - background-color: var(--danger-alert-bgcolor); - color: var(--danger-alert-icon-color); -} - -/* warning alert button */ -.warning-alert { - background-color: var(--warning-alert-bgcolor); - color: var(--warning-alert-icon-color); -} - -.link-active -{ - text-decoration: underline; - font-weight: 500; - text-underline-position: under; - margin-left: 0.3rem; -} -.link-active:hover{ - color: var(--underline-text-color); - cursor: pointer; -} diff --git a/components/Alerts/alerts.html b/components/Alerts/alerts.html deleted file mode 100644 index a3ced60..0000000 --- a/components/Alerts/alerts.html +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - Alert - - - - -
-
A primary alert example with a text link Check - it out
-
A secondary alert example.
-
check_circleA success alert example. -
-
dangerousA danger alert example.
-
warning A warning alert example.
- - -
- - - - - \ No newline at end of file diff --git a/components/Avatar/avatar.css b/components/Avatar/avatar.css deleted file mode 100644 index 1214664..0000000 --- a/components/Avatar/avatar.css +++ /dev/null @@ -1,62 +0,0 @@ -@import '/css/main.css'; - -.avatar{ - border-radius: 50%; - display: flex; - justify-content: space-around; - align-items: center; - margin: 1rem; -} -.container{ - height:28rem; - width: 35rem; - border: 2px solid var(--universal-border-color); -} - -.lg-avatar-size{ - width: 10rem; - height: 10rem; - font-size: 3rem; -} - -.md-avatar-size{ - width: 6.25rem; - height: 6.25rem; - font-size: 2rem; -} - -.sm-avatar-size{ - width: 3rem; - height: 3rem; - font-size: 1rem; - -} - -.xs-avatar-size{ - width: 2rem; - height: 2rem; - font-size: 0.8rem -} - -.image-round{ - border-radius: 50%; -} - -.image-responsive{ - width: 100%; - height: auto; -} - -.text-round{ - border-radius: 50%; - background-color: var(--avatar-background-color); - - -} -.text-responsive{ - display: flex; - justify-content: space-around; - align-items: center; - flex-direction: row; - margin: 0.1rem; -} \ No newline at end of file diff --git a/components/Avatar/avatar.html b/components/Avatar/avatar.html deleted file mode 100644 index 1eda0f3..0000000 --- a/components/Avatar/avatar.html +++ /dev/null @@ -1,35 +0,0 @@ - - - - - - - - Document - - - - -
-
- -
avatar
-
avatar
-
avatar
-
avatar
-
-
- -
PP
-
PP
-
PP
-
PP
-
-
- - - \ No newline at end of file diff --git a/components/Button/button.css b/components/Button/button.css deleted file mode 100644 index e69de29..0000000 diff --git a/components/Button/button.html b/components/Button/button.html deleted file mode 100644 index e69de29..0000000 diff --git a/components/Cards/cards.css b/components/Cards/cards.css deleted file mode 100644 index e69de29..0000000 diff --git a/components/Cards/cards.html b/components/Cards/cards.html deleted file mode 100644 index e69de29..0000000 diff --git a/components/Image /image.css b/components/Image /image.css deleted file mode 100644 index e69de29..0000000 diff --git a/components/Image /image.html b/components/Image /image.html deleted file mode 100644 index e69de29..0000000 diff --git a/components/Input/input.css b/components/Input/input.css deleted file mode 100644 index e69de29..0000000 diff --git a/components/Input/input.html b/components/Input/input.html deleted file mode 100644 index e69de29..0000000 diff --git a/components/Rating/rating.css b/components/Rating/rating.css deleted file mode 100644 index e69de29..0000000 diff --git a/components/Rating/rating.html b/components/Rating/rating.html deleted file mode 100644 index e69de29..0000000 diff --git a/components/Text Utils/text.css b/components/Text Utils/text.css deleted file mode 100644 index e69de29..0000000 diff --git a/components/Text Utils/text.html b/components/Text Utils/text.html deleted file mode 100644 index e69de29..0000000 diff --git a/components/Toast-snackbar/toast.css b/components/Toast-snackbar/toast.css deleted file mode 100644 index e69de29..0000000 diff --git a/components/Toast-snackbar/toast.html b/components/Toast-snackbar/toast.html deleted file mode 100644 index e69de29..0000000 diff --git a/css/main.css b/css/main.css deleted file mode 100644 index 692e27f..0000000 --- a/css/main.css +++ /dev/null @@ -1,42 +0,0 @@ -/* Universal fonts for project*/ -@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); -/* Universal icons for project */ -@import url('https://fonts.googleapis.com/icon?family=Material+Icons'); - -/* universal color and font properties*/ -* { - word-wrap: break-word; - margin: 0; - font-family: 'Roboto', sans-serif; - box-sizing: border-box; -} - -/* body font size */ -html { - font-size: 85%; -} - -/* colors */ -:root { - - /* universal background color for all components */ - --background-universal-color: #f7fafb; - /* background colors for alert components */ - --primary-alert-bgcolor: #7FD2E6; - --secondary-alert-bgcolor: #eaeaec; - --success-alert-bgcolor: #84F1C9; - --danger-alert-bgcolor: #fcc5c5; - --warning-alert-bgcolor: #ffe7c5; - /* icons/fonts colors for alert components */ - --primary-alert-icon-color: #29438b; - --secondary-alert-icon-color: #696b79; - --success-alert-icon-color: #1b7052; - --danger-alert-icon-color: #dc3545; - --warning-alert-icon-color: #ff9204; - /* text colors */ - --underline-text-color: #d35b2f; - /* universal border color */ - --universal-border-color: #3b3a3a; - /* avatar background color */ - --avatar-background-color: #891399; -} \ No newline at end of file diff --git a/images/scorpio-sign.jpg b/images/scorpio-sign.jpg deleted file mode 100644 index 449c5d0..0000000 Binary files a/images/scorpio-sign.jpg and /dev/null differ