@iankibetsh/shframework 0.1.5 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +12 -0
  2. package/dist/dist/library.mjs.css +0 -143
  3. package/dist/library.js +368 -296
  4. package/dist/library.mjs +369 -297
  5. package/package.json +1 -1
package/README.md ADDED
@@ -0,0 +1,12 @@
1
+ # Installation
2
+
3
+ Install this package in your existing or freshly installed vue 3 framework
4
+ using vite
5
+
6
+ ```shell
7
+ npm install @iankibetsh/shframework
8
+ ```
9
+
10
+ Read more here
11
+
12
+ https://frontend-documentation.pages.dev/
package/dist/dist/library.mjs.css CHANGED
@@ -30,146 +30,3 @@
30
30
  font-weight: 300;
31
31
  opacity: 0.5;
32
32
  }
33
-
34
- .single-mobile-req{
35
- border: 1px solid #eeeeee;
36
- border-radius: 0.25rem;
37
- margin: 0.125rem 0;
38
- box-shadow: 0 2px 8px #00000011;
39
- background-color: white !important;
40
- margin-bottom: 1.5rem;
41
- }
42
- .hauzisha-search-bar{
43
- max-width: 25rem;
44
- }
45
- .submitted_count{
46
- position: relative;
47
- font-size: 1rem !important;
48
- text-decoration: none;
49
- background-color: #1e8449;
50
- padding: 0.5rem 0.75rem;
51
- font-weight: bold;
52
- line-height: 1rem;
53
- display: inline-block;
54
- color: white;
55
- text-align: center !important;
56
- margin: 0.125rem;
57
- border-radius: 0.25rem;
58
- }
59
- /*.submitted_count:before{*/
60
- /* content: "";*/
61
- /* position: absolute;*/
62
- /* inset: -8px;*/
63
- /* background-color: #1e8449;*/
64
- /* z-index: -1;*/
65
- /* border-radius: 50%;*/
66
- /*}*/
67
- table.table{
68
- color: unset !important;
69
- border-radius: 0.25rem !important;
70
- text-decoration: none !important;
71
- transition: 0.5s all ease;
72
- box-shadow: 0 3px 5px #0002;
73
- width: 100%;
74
- font-size: 0.9rem !important;
75
- }
76
- thead,tbody{
77
- border-radius: inherit;
78
- }
79
- thead th{
80
- background-color: var(--s-primary);
81
- }
82
- thead th:first-child{
83
- background-color: var(--s-primary);
84
- border-radius: 0.25rem 0 0 0 !important;
85
- }
86
- thead th:last-child{
87
- background-color: var(--s-primary);
88
- border-radius: 0 0.25rem 0 0 !important;
89
- }
90
- thead *{
91
- color: white !important;
92
- text-decoration: none !important;
93
- font-weight: 400;
94
- }
95
- tr,td,th{
96
- border-bottom: none !important;
97
- }
98
- td:first-child,th:first-child{
99
- border-left: 1px solid #00000006 !important;
100
- }
101
- tr:nth-child(even){
102
- background-color: #2540a211;
103
- }
104
- tr:last-child{
105
- border-bottom: none !important;
106
- }
107
- td:nth-child(even){
108
- border-left: 1px solid #2540a244;
109
- border-right: 1px solid #2540a244;
110
- }
111
- td:not(:last-child),th:not(:last-child),td:not(:first-child),th:not(:first-child){
112
- max-width: 25rem !important;
113
- }
114
- th:nth-child(even){
115
- border-left: 1px solid #fff4;
116
- border-right: 1px solid #fff4;
117
- }
118
- th:last-child,td:last-child{
119
- border-right: 1px solid #00000006 !important;
120
- }
121
- .has-response {
122
- background-color: rgb(252 243 207);
123
- /*color: green;*/
124
- }
125
- .action_icon{
126
- background-position: center;
127
- background-size: cover;
128
- height: 30px;
129
- width: 30px;
130
- }
131
- .action_icon:hover {
132
- border: 1px solid blue;
133
- }
134
- .sh-search-bar{
135
- position: relative;
136
- height: 3rem;
137
- padding: 0;
138
- display: flex;
139
- align-items: center;
140
- }
141
- .sh-search-bar .sh-search-input{
142
- padding: 0.5rem 1rem 0.5rem 2.5rem;
143
- box-shadow: none;
144
- outline: none;
145
- border: 1px solid #ced0d4;
146
- border-radius: 1.5rem;
147
- max-width: 25rem;
148
- margin-bottom: 0;
149
- }
150
- .sh-search-bar .sh-search-icon{
151
- position: absolute;
152
- left: 1rem;
153
- top: 50%;
154
- transform: translateY(-50%);
155
- color: grey;
156
- font-size: 1rem;
157
- pointer-events: none;
158
- padding: 0;
159
- }
160
- .sh-search-bar .sh-search-icon i{
161
- padding: 0;
162
- margin-bottom: 0;
163
- }
164
- .sh-search-bar .sh-search-input:focus{
165
- border: 1px solid #076dfb;
166
- }
167
- .sh-search-bar .sh-search-input:focus + .sh-search-icon{
168
- color: #076dfb;
169
- }
170
- .sh-search-bar .sh-search-input::placeholder{
171
- font-size: 1.1rem;
172
- font-weight: 300;
173
- opacity: 0.8;
174
- text-transform: capitalize;
175
- }