_dashboard-7.scss 1.3 KB
Newer Older
Ooh-Ao committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84
/* Start:: Dashboard-7 Styles */
.shape-1,
.shape-2,
.shape-3,
.shape-4,
.shape-5,
.shape-6,
.shape-7,
.shape-8,
.shape-9,
.shape-10,
.shape-11,
.shape-12,
.shape-13 {
  @apply absolute;
  i {
    @apply opacity-25;
  }
}

.shape-1 {
  @apply ltr:left-[20%] rtl:right-[20%] top-[20%];
}
.shape-2 {
  @apply ltr:left-[5%] rtl:right-[5%] top-[42%];
}

.shape-3 {
  @apply ltr:right-[15%] rtl:left-[15%] bottom-[55%];
}

.shape-4 {
  @apply ltr:left-[55%] rtl:right-[55%] top-[25%];
}

.shape-5 {
  @apply ltr:left-[50%] rtl:right-[50%] bottom-[25%];
}

.shape-6 {
  @apply ltr:right-[10%] rtl:left-[10%] bottom-[10%];
}

.shape-7 {
  @apply ltr:left-[20%] rtl:right-[20%] bottom-[17%];
}

.shape-8 {
  @apply ltr:right-[20%] rtl:left-[20%] bottom-[17%];
}

.shape-9 {
  @apply ltr:right-[25%] rtl:left-[25%] top-[10%];
}

.shape-10 {
  @apply ltr:right-[5%] rtl:left-[5%] top-[15%];
}

.shape-11 {
  @apply ltr:left-[15%] rtl:right-[15%] bottom-[35%];
}

.shape-12 {
  @apply ltr:left-[25%] rtl:right-[25%] top-[40%];
}

.shape-13 {
  @apply ltr:left-[10%] rtl:right-[10%] bottom-[10%];
}

.shape-14 {
  @apply ltr:-right-[10%] rtl:-left-[10%] -bottom-[10%];
}

.shape-15 {
  @apply ltr:-left-[20%] rtl:-right-[20%] -bottom-[17%];
}

.shape-16 {
  @apply ltr:-right-[20%] rtl:-left-[20%] -bottom-[17%];
}

/* End:: Dashboard-7 Styles */