Skip to content

Commit 27799e9

Browse files
authored
Update readme.md
1 parent 222df16 commit 27799e9

File tree

1 file changed

+165
-0
lines changed

1 file changed

+165
-0
lines changed

readme.md

+165
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,11 @@
33
## Documentation
44
### Installation
55
<link href="https://cssorama.github.io/.github/cssorama.css" rel="stylesheet">
6+
### Why Use CSSORAMA
7+
1. Flexible CSS Framework
8+
2. Write only classes - no CSS required
9+
3. Create Custom Components And Store them later use like, (I created Navbar using CSSARAMA, I Don't have to everytime write that code again, I just need to add that code in a custom file navBar.component.js.md)
10+
4. Responsive in design and Mobile friendly.
611
### Classes
712
#### sr-only
813
position: absolute;
@@ -186,3 +191,163 @@
186191
right: 14rem;
187192
bottom: 14rem;
188193
left: 14rem
194+
#### inset-60
195+
top: 15rem;
196+
right: 15rem;
197+
bottom: 15rem;
198+
left: 15rem
199+
#### inset-64
200+
top: 16rem;
201+
right: 16rem;
202+
bottom: 16rem;
203+
left: 16rem
204+
#### inset-72
205+
top: 18rem;
206+
right: 18rem;
207+
bottom: 18rem;
208+
left: 18rem
209+
#### inset-80
210+
top: 20rem;
211+
right: 20rem;
212+
bottom: 20rem;
213+
left: 20rem
214+
#### inset-96
215+
top: 24rem;
216+
right: 24rem;
217+
bottom: 24rem;
218+
left: 24rem
219+
#### inset-auto
220+
top: 24rem;
221+
right: 24rem;
222+
bottom: 24rem;
223+
left: 24rem
224+
#### inset-x-full
225+
left: 100%;
226+
right: 100%;
227+
#### inset-y-full
228+
top: 100%;
229+
bottom: 100%
230+
#### top-0
231+
top: 0
232+
#### top-1
233+
top: .25rem;
234+
#### top-2
235+
top: .5rem
236+
#### top-3
237+
top: .75rem
238+
#### top-4
239+
top: 1rem
240+
#### top-5
241+
top: 1.25rem
242+
#### top-6
243+
top: 1.5rem
244+
#### top-7
245+
top: 1.75rem
246+
#### top-8
247+
top: 2rem
248+
#### top-9
249+
top: 2.25rem
250+
#### top-10
251+
top: 2.5rem
252+
#### top-11
253+
top: 2.75rem
254+
#### top-12
255+
top: 3rem
256+
#### top-14
257+
top: 3.5rem
258+
#### top-16
259+
top: 4rem
260+
#### top-20
261+
top: 5rem
262+
#### top-24
263+
top: 6rem
264+
#### top-28
265+
top: 7rem
266+
#### top-32
267+
top: 8rem
268+
#### top-36
269+
top: 9rem
270+
#### top-40
271+
top: 10rem
272+
#### top-44
273+
top: 11rem
274+
#### top-48
275+
top: 12rem
276+
#### top-52
277+
top: 13rem
278+
#### top-56
279+
top: 14rem
280+
#### top-60
281+
top: 15rem
282+
#### top-64
283+
top: 16rem
284+
#### top-72
285+
top: 18rem
286+
#### top-80
287+
top: 20rem
288+
#### top-96
289+
top: 24rem
290+
#### top-auto
291+
top: auto
292+
#### bottom-0
293+
bottom: 0
294+
#### bottom-1
295+
bottom: .25rem
296+
#### bottom-2
297+
bottom: .5rem
298+
#### bottom-3
299+
bottom: .75rem
300+
#### bottom-4
301+
bottom: 1rem
302+
#### bottom-5
303+
bottom: 1.25rem
304+
#### bottom-6
305+
bottom: 1.5rem
306+
#### bottom-7
307+
bottom: 1.75rem
308+
#### bottom-8
309+
bottom: 2rem
310+
#### bottom-9
311+
bottom: 2.25rem
312+
#### bottom-10
313+
bottom: 2.5rem
314+
#### bottom-11
315+
bottom: 2.75rem
316+
#### bottom-12
317+
bottom: 3rem
318+
#### bottom-14
319+
bottom: 3.5rem
320+
#### bottom-16
321+
bottom: 4rem
322+
#### bottom-20
323+
bottom: 5rem
324+
#### bottom-24
325+
bottom: 6rem
326+
#### bottom-28
327+
bottom: 7rem
328+
#### bottom-32
329+
bottom: 8rem
330+
#### bottom-36
331+
bottom: 9rem
332+
#### bottom-40
333+
bottom: 10rem
334+
#### bottom-44
335+
bottom: 11rem
336+
#### bottom-48
337+
bottom: 12rem
338+
#### bottom-52
339+
bottom: 13rem
340+
#### bottom-56
341+
bottom: 14rem
342+
#### bottom-60
343+
bottom: 15rem
344+
#### bottom-64
345+
bottom: 16rem
346+
#### bottom-72
347+
bottom: 18rem
348+
#### bottom-80
349+
bottom: 20rem
350+
#### bottom-96
351+
bottom: 24rem
352+
#### bottom-auto
353+
bottom: auto

0 commit comments

Comments
 (0)