simpo-component-library 3.4.0 → 3.4.3

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 (206) hide show
  1. package/README.md +24 -24
  2. package/esm2022/lib/components/delete-hover-element/delete-hover-element.component.mjs +5 -5
  3. package/esm2022/lib/components/document/document.component.mjs +5 -5
  4. package/esm2022/lib/components/hover-elements/hover-elements.component.mjs +4 -4
  5. package/esm2022/lib/components/image-loading/image-loading.component.mjs +5 -5
  6. package/esm2022/lib/components/index.mjs +5 -5
  7. package/esm2022/lib/components/input-fields/input-fields.component.mjs +4 -4
  8. package/esm2022/lib/components/payment-details/payment-details.component.mjs +5 -5
  9. package/esm2022/lib/constants/business.constant.mjs +1 -1
  10. package/esm2022/lib/directive/animation-directive.mjs +4 -4
  11. package/esm2022/lib/directive/background-directive.mjs +4 -4
  12. package/esm2022/lib/directive/banner-content-fit-directive.mjs +4 -4
  13. package/esm2022/lib/directive/blur-content.directive.mjs +4 -4
  14. package/esm2022/lib/directive/border-directive.mjs +4 -4
  15. package/esm2022/lib/directive/borderlessImage.directive.mjs +4 -4
  16. package/esm2022/lib/directive/button-directive.directive.mjs +4 -4
  17. package/esm2022/lib/directive/button-editor.directive.mjs +4 -4
  18. package/esm2022/lib/directive/color.directive.mjs +4 -4
  19. package/esm2022/lib/directive/column-directive.directive.mjs +4 -4
  20. package/esm2022/lib/directive/container-alignment.directive.mjs +4 -4
  21. package/esm2022/lib/directive/container-fir.directive.mjs +4 -4
  22. package/esm2022/lib/directive/content-alignment-directive.mjs +4 -4
  23. package/esm2022/lib/directive/content-fit-directive.mjs +4 -4
  24. package/esm2022/lib/directive/content-title-spacing.directive.mjs +4 -4
  25. package/esm2022/lib/directive/contenteditable.directive.mjs +4 -4
  26. package/esm2022/lib/directive/corner-directive.mjs +4 -4
  27. package/esm2022/lib/directive/footer-layout-directive.mjs +4 -4
  28. package/esm2022/lib/directive/hover-element-directive.mjs +4 -4
  29. package/esm2022/lib/directive/hoverborder.directive.mjs +4 -4
  30. package/esm2022/lib/directive/image-container.directive.mjs +4 -4
  31. package/esm2022/lib/directive/image-directive.directive.mjs +4 -4
  32. package/esm2022/lib/directive/image-editor.directive.mjs +4 -4
  33. package/esm2022/lib/directive/image-position.directive.mjs +4 -4
  34. package/esm2022/lib/directive/overlay-directive.mjs +4 -4
  35. package/esm2022/lib/directive/position-layout-directive.directive.mjs +4 -4
  36. package/esm2022/lib/directive/removeCarousel-directive.mjs +4 -4
  37. package/esm2022/lib/directive/spacing-around.directive.mjs +4 -4
  38. package/esm2022/lib/directive/spacing-horizontal.directive.mjs +4 -4
  39. package/esm2022/lib/directive/sticky-directive.mjs +4 -4
  40. package/esm2022/lib/directive/text-background-directive.directive.mjs +4 -4
  41. package/esm2022/lib/directive/text-size.directive.mjs +4 -4
  42. package/esm2022/lib/directive/wrap-containers.directive.mjs +4 -4
  43. package/esm2022/lib/ecommerce/sections/address/address.component.mjs +5 -5
  44. package/esm2022/lib/ecommerce/sections/authenticate-user/authenticate-user.component.mjs +5 -5
  45. package/esm2022/lib/ecommerce/sections/authentication-required/authentication-required.component.mjs +5 -5
  46. package/esm2022/lib/ecommerce/sections/authentication-required/authentication-required.model.mjs +1 -1
  47. package/esm2022/lib/ecommerce/sections/cart/cart.component.mjs +5 -5
  48. package/esm2022/lib/ecommerce/sections/cart/cart.modal.mjs +1 -1
  49. package/esm2022/lib/ecommerce/sections/category-product/category-product.component.mjs +5 -5
  50. package/esm2022/lib/ecommerce/sections/category-product/category-product.model.mjs +1 -1
  51. package/esm2022/lib/ecommerce/sections/checkout/checkout.component.mjs +5 -5
  52. package/esm2022/lib/ecommerce/sections/checkout/checkout.modal.mjs +1 -1
  53. package/esm2022/lib/ecommerce/sections/customer-review/customer-review.component.mjs +5 -5
  54. package/esm2022/lib/ecommerce/sections/customer-review/customer-review.model.mjs +1 -1
  55. package/esm2022/lib/ecommerce/sections/featured-category/featured-category.component.mjs +5 -5
  56. package/esm2022/lib/ecommerce/sections/featured-category/featured-category.modal.mjs +1 -1
  57. package/esm2022/lib/ecommerce/sections/featured-category/featured-collection.component.mjs +5 -5
  58. package/esm2022/lib/ecommerce/sections/featured-products/featured-products.component.mjs +5 -5
  59. package/esm2022/lib/ecommerce/sections/featured-products/featured-products.modal.mjs +1 -1
  60. package/esm2022/lib/ecommerce/sections/item-varient/item-varient.component.mjs +5 -5
  61. package/esm2022/lib/ecommerce/sections/order-details/order-details.component.mjs +5 -5
  62. package/esm2022/lib/ecommerce/sections/pagnination/pagnination.component.mjs +5 -5
  63. package/esm2022/lib/ecommerce/sections/product-category-list/product-category-list.component.mjs +5 -5
  64. package/esm2022/lib/ecommerce/sections/product-category-list/product-category-list.model.mjs +1 -1
  65. package/esm2022/lib/ecommerce/sections/product-desc/product-desc.component.mjs +39 -10
  66. package/esm2022/lib/ecommerce/sections/product-desc/product-desc.modal.mjs +1 -1
  67. package/esm2022/lib/ecommerce/sections/product-list/product-list.component.mjs +6 -6
  68. package/esm2022/lib/ecommerce/sections/product-list/product-list.modal.mjs +1 -1
  69. package/esm2022/lib/ecommerce/sections/small-product-listing/small-product-listing.component.mjs +6 -6
  70. package/esm2022/lib/ecommerce/sections/user-basic-info/user-basic-info.component.mjs +5 -5
  71. package/esm2022/lib/ecommerce/sections/user-profile/user-profile.component.mjs +5 -5
  72. package/esm2022/lib/ecommerce/sections/user-profile/user-profile.modal.mjs +1 -1
  73. package/esm2022/lib/ecommerce/sections/verify-payment/verify-payment.component.mjs +5 -5
  74. package/esm2022/lib/ecommerce/sections/verify-payment/verify-payment.model.mjs +1 -1
  75. package/esm2022/lib/ecommerce/sections/whislist/whislist.component.mjs +5 -5
  76. package/esm2022/lib/ecommerce/styles/BaseCollection.modal.mjs +1 -1
  77. package/esm2022/lib/ecommerce/styles/Collection.modal.mjs +1 -1
  78. package/esm2022/lib/ecommerce/styles/OrderedItems.modal.mjs +1 -1
  79. package/esm2022/lib/ecommerce/styles/PincodeLocation.model.mjs +1 -1
  80. package/esm2022/lib/ecommerce/styles/PincodeLocationInter.model.mjs +1 -1
  81. package/esm2022/lib/ecommerce/styles/cart.modal.mjs +1 -1
  82. package/esm2022/lib/ecommerce/styles/category.modal.mjs +1 -1
  83. package/esm2022/lib/ecommerce/styles/order.modal.mjs +1 -1
  84. package/esm2022/lib/ecommerce/styles/product.modal.mjs +6 -1
  85. package/esm2022/lib/ecommerce/styles/review.modal.mjs +1 -1
  86. package/esm2022/lib/ecommerce/styles/user.modal.mjs +1 -1
  87. package/esm2022/lib/elements/add-section/add-section.component.mjs +5 -5
  88. package/esm2022/lib/elements/below-image-card/below-image-card.component.mjs +5 -5
  89. package/esm2022/lib/elements/button/button.component.mjs +5 -5
  90. package/esm2022/lib/elements/button/button.model.mjs +1 -1
  91. package/esm2022/lib/elements/card-skeleton-loader/card-skeleton-loader.component.mjs +5 -5
  92. package/esm2022/lib/elements/covering-image-card/covering-image-card.component.mjs +5 -5
  93. package/esm2022/lib/elements/editor-service.service.mjs +4 -4
  94. package/esm2022/lib/elements/heading-element/heading-element.component.mjs +5 -5
  95. package/esm2022/lib/elements/image-editor/image-editor.component.mjs +5 -5
  96. package/esm2022/lib/elements/index.mjs +5 -5
  97. package/esm2022/lib/elements/link-editor/link-editor.component.mjs +5 -5
  98. package/esm2022/lib/elements/media-selector/media-selector.component.mjs +5 -5
  99. package/esm2022/lib/elements/navbar-button-element/navbar-button-element.component.mjs +4 -4
  100. package/esm2022/lib/elements/portfolio/portfolio.component.mjs +5 -5
  101. package/esm2022/lib/elements/property/property.component.mjs +5 -5
  102. package/esm2022/lib/elements/simpo-button/simpo-button.component.mjs +5 -5
  103. package/esm2022/lib/elements/socia-icons/socia-icons.component.mjs +4 -4
  104. package/esm2022/lib/elements/svg-divider/svg-divider.component.mjs +5 -5
  105. package/esm2022/lib/elements/text/text.component.mjs +5 -5
  106. package/esm2022/lib/elements/text-editor/text-editor.component.mjs +5 -5
  107. package/esm2022/lib/elements/top-of-image-card/top-of-image-card.component.mjs +5 -5
  108. package/esm2022/lib/pipes/amount.pipe.mjs +4 -4
  109. package/esm2022/lib/pipes/gender.pipe.mjs +4 -4
  110. package/esm2022/lib/sections/BaseSection.mjs +1 -1
  111. package/esm2022/lib/sections/add-new-section/add-new-section.component.mjs +5 -5
  112. package/esm2022/lib/sections/appointment-form/appointment-form.component.mjs +5 -5
  113. package/esm2022/lib/sections/appointment-form/appointment-form.model.mjs +1 -1
  114. package/esm2022/lib/sections/banner-carousel/banner-carousel.component.mjs +5 -5
  115. package/esm2022/lib/sections/banner-carousel/banner-carousel.model.mjs +1 -1
  116. package/esm2022/lib/sections/banner-grid-section/banner-grid-section.component.mjs +5 -5
  117. package/esm2022/lib/sections/banner-section/banner-section.component.mjs +4 -4
  118. package/esm2022/lib/sections/blog-list/blog-list.component.mjs +5 -5
  119. package/esm2022/lib/sections/blog-list/blog-list.model.mjs +1 -1
  120. package/esm2022/lib/sections/carousel-banner/carousel-banner.component.mjs +4 -4
  121. package/esm2022/lib/sections/choose-us-section/choose-us-section.component.mjs +5 -5
  122. package/esm2022/lib/sections/choose-us-section/choose-us-section.model.mjs +1 -1
  123. package/esm2022/lib/sections/contact-us/contact-us.component.mjs +4 -4
  124. package/esm2022/lib/sections/faq-section/faq-section.component.mjs +5 -5
  125. package/esm2022/lib/sections/faq-section/faq-section.modal.mjs +1 -1
  126. package/esm2022/lib/sections/features-section/features-section.component.mjs +5 -5
  127. package/esm2022/lib/sections/features-section/features-section.model.mjs +1 -1
  128. package/esm2022/lib/sections/footer/footer.component.mjs +5 -5
  129. package/esm2022/lib/sections/footer/footer.modal.mjs +1 -1
  130. package/esm2022/lib/sections/footer-section/footer-section.component.mjs +4 -4
  131. package/esm2022/lib/sections/header-section/header-section.component.mjs +5 -5
  132. package/esm2022/lib/sections/header-section/header-section.model.mjs +1 -1
  133. package/esm2022/lib/sections/header-text/header-text.component.mjs +5 -5
  134. package/esm2022/lib/sections/header-text/header-text.model.mjs +1 -1
  135. package/esm2022/lib/sections/image-carousel-section/image-carousel-section.component.mjs +5 -5
  136. package/esm2022/lib/sections/image-carousel-section/image-carousel.model.mjs +1 -1
  137. package/esm2022/lib/sections/image-grid-section/image-grid-section.component.mjs +5 -5
  138. package/esm2022/lib/sections/image-grid-section/image-grid-section.model.mjs +1 -1
  139. package/esm2022/lib/sections/image-section/image-section.component.mjs +5 -5
  140. package/esm2022/lib/sections/image-section/image-section.model.mjs +1 -1
  141. package/esm2022/lib/sections/location-section/location-section.component.mjs +5 -5
  142. package/esm2022/lib/sections/location-section/location-section.modal.mjs +1 -1
  143. package/esm2022/lib/sections/logo-gallery/logo-gallery.component.mjs +4 -4
  144. package/esm2022/lib/sections/logo-showcase/logo-showcase.component.mjs +5 -5
  145. package/esm2022/lib/sections/logo-showcase/logo-showcase.modal.mjs +1 -1
  146. package/esm2022/lib/sections/navbar-section/navbar-section.component.mjs +4 -4
  147. package/esm2022/lib/sections/new-services/new-services.component.mjs +5 -5
  148. package/esm2022/lib/sections/new-services/new-services.model.mjs +1 -1
  149. package/esm2022/lib/sections/new-testimonials/new-testimonials.component.mjs +5 -5
  150. package/esm2022/lib/sections/new-testimonials/new-testimonials.model.mjs +1 -1
  151. package/esm2022/lib/sections/pricing-section/pricing-section.component.mjs +5 -5
  152. package/esm2022/lib/sections/pricing-section/pricing-section.modal.mjs +1 -1
  153. package/esm2022/lib/sections/process-modern/process-modern.component.mjs +5 -5
  154. package/esm2022/lib/sections/process-modern/process-modern.model.mjs +1 -1
  155. package/esm2022/lib/sections/process-section/process-section.component.mjs +5 -5
  156. package/esm2022/lib/sections/process-section/process-section.modal.mjs +1 -1
  157. package/esm2022/lib/sections/property-component/property-component.component.mjs +5 -5
  158. package/esm2022/lib/sections/property-component/property-component.modal.mjs +1 -1
  159. package/esm2022/lib/sections/property-list/property-list.component.mjs +5 -5
  160. package/esm2022/lib/sections/property-list/property-list.modal.mjs +1 -1
  161. package/esm2022/lib/sections/recent-blog-post-section/recent-blog-post-section.component.mjs +5 -5
  162. package/esm2022/lib/sections/recent-blog-post-section/recent-blog-post-section.model.mjs +1 -1
  163. package/esm2022/lib/sections/registration-form/registration-form.component.mjs +33 -6
  164. package/esm2022/lib/sections/registration-form/registrationForm.model.mjs +1 -1
  165. package/esm2022/lib/sections/service-section/service-section.component.mjs +5 -5
  166. package/esm2022/lib/sections/service-section/service-section.model.mjs +1 -1
  167. package/esm2022/lib/sections/skeleton-loader-section/skeleton-loader-section.component.mjs +5 -5
  168. package/esm2022/lib/sections/team-member-section/team-member-section.component.mjs +5 -5
  169. package/esm2022/lib/sections/team-member-section/team-member-section.model.mjs +1 -1
  170. package/esm2022/lib/sections/testimonial-fullwidth/testimonial-fullwidth.component.mjs +5 -5
  171. package/esm2022/lib/sections/testimonial-fullwidth/testimonial-fullwidth.model.mjs +1 -1
  172. package/esm2022/lib/sections/testimonial-section/testimonial-section.component.mjs +5 -5
  173. package/esm2022/lib/sections/testimonial-section/testimonial-section.model.mjs +1 -1
  174. package/esm2022/lib/sections/testimonial-video/testimonial-video.component.mjs +5 -5
  175. package/esm2022/lib/sections/testimonial-video/testimonial-video.model.mjs +1 -1
  176. package/esm2022/lib/sections/text-image-section/text-image-section.component.mjs +4 -4
  177. package/esm2022/lib/sections/text-section/text-section.component.mjs +4 -4
  178. package/esm2022/lib/sections/text-section/text-section.model.mjs +1 -1
  179. package/esm2022/lib/sections/usp-video-section/usp-video-section.component.mjs +5 -5
  180. package/esm2022/lib/sections/usp-video-section/usp-video-section.model.mjs +1 -1
  181. package/esm2022/lib/sections/video-section/video-section.component.mjs +5 -5
  182. package/esm2022/lib/sections/video-section/video-section.model.mjs +1 -1
  183. package/esm2022/lib/sections/view-blog/view-blog.component.mjs +5 -5
  184. package/esm2022/lib/services/cart.service.mjs +4 -4
  185. package/esm2022/lib/services/endUser.service.mjs +4 -4
  186. package/esm2022/lib/services/events.service.mjs +4 -4
  187. package/esm2022/lib/services/image-upload-service.service.mjs +8 -7
  188. package/esm2022/lib/services/rest.service.mjs +17 -9
  189. package/esm2022/lib/services/sanitizeHtml.mjs +4 -4
  190. package/esm2022/lib/services/storage.service.mjs +4 -4
  191. package/esm2022/lib/styles/index.mjs +1 -1
  192. package/esm2022/lib/styles/style.model.mjs +1 -1
  193. package/esm2022/lib/styles/types.mjs +1 -1
  194. package/esm2022/lib/tokens/api-token.mjs +1 -1
  195. package/esm2022/public-api.mjs +1 -1
  196. package/fesm2022/simpo-component-library.mjs +558 -488
  197. package/fesm2022/simpo-component-library.mjs.map +1 -1
  198. package/lib/ecommerce/sections/product-desc/product-desc.component.d.ts +4 -0
  199. package/lib/ecommerce/styles/product.modal.d.ts +5 -0
  200. package/lib/sections/registration-form/registration-form.component.d.ts +1 -0
  201. package/lib/services/image-upload-service.service.d.ts +0 -2
  202. package/lib/services/rest.service.d.ts +3 -0
  203. package/package.json +1 -1
  204. package/simpo-component-library-3.4.3.tgz +0 -0
  205. package/src/lib/styles/global-styles.css +191 -191
  206. package/simpo-component-library-3.4.0.tgz +0 -0
@@ -46,11 +46,13 @@ export declare class ProductDescComponent extends BaseSection {
46
46
  buttonId?: string;
47
47
  button?: ButtonModel;
48
48
  styles?: ProductDescStylesModal;
49
+ subIndustryName: string;
49
50
  isItemAsFavorite: boolean;
50
51
  private USER_CART;
51
52
  private USER_WISHLIST;
52
53
  itemImages: ItemImage[];
53
54
  items: MenuItem[] | null;
55
+ businessDetails: any;
54
56
  ngOnInit(): void;
55
57
  varientLoading: boolean;
56
58
  recentViewItemList: Product[];
@@ -84,6 +86,8 @@ export declare class ProductDescComponent extends BaseSection {
84
86
  get currency(): string;
85
87
  get isItemLowStock(): boolean;
86
88
  get isMobile(): boolean;
89
+ getCarat(carat: any): "24 Carats" | "22 Carats" | "18 Carats" | "14 Carats" | "10 Carats";
90
+ getPricePerGram(weight: any, price: any): string | 0;
87
91
  static ɵfac: i0.ɵɵFactoryDeclaration<ProductDescComponent, never>;
88
92
  static ɵcmp: i0.ɵɵComponentDeclaration<ProductDescComponent, "simpo-product-desc", never, { "data": { "alias": "data"; "required": false; }; "responseData": { "alias": "responseData"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
89
93
  }
@@ -18,6 +18,10 @@ export declare class Product {
18
18
  price: Price;
19
19
  prviewIdx: number;
20
20
  whislist: boolean;
21
+ materials: any;
22
+ makingChargePercentage: number;
23
+ jewelleryPrice: number;
24
+ baseWeight: number;
21
25
  categoryId: string;
22
26
  descriptor: Descriptor;
23
27
  rating: number;
@@ -26,6 +30,7 @@ export declare class Product {
26
30
  returnable: boolean;
27
31
  availableOnCod: boolean;
28
32
  brief: string;
33
+ jewelryPriceBreakup: any;
29
34
  constructor(json?: {
30
35
  [key: string]: any;
31
36
  });
@@ -71,6 +71,7 @@ export declare class RegistrationFormComponent extends BaseSection implements On
71
71
  uploadParentGuardinaImages(ev: any, field: any): void;
72
72
  updateSelectedImage(ev: any, field: any): void;
73
73
  isImage(fileUrl: string): boolean;
74
+ getFieldValidation(item: any): boolean;
74
75
  static ɵfac: i0.ɵɵFactoryDeclaration<RegistrationFormComponent, never>;
75
76
  static ɵcmp: i0.ɵɵComponentDeclaration<RegistrationFormComponent, "simpo-registration-form", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
76
77
  }
@@ -6,8 +6,6 @@ export declare class ImageUplaodService {
6
6
  cmisFileUpload: any;
7
7
  UNSPLASH_API_TOKEN: string;
8
8
  private s3Client?;
9
- region: string;
10
- identityPoolId: string;
11
9
  constructor(http: HttpClient, bucketUrl: any);
12
10
  uploadFileInAzure(file: File, folderName?: string): Promise<import("@azure/storage-blob").BlockBlobClient | null>;
13
11
  uploadFileInAWS(file: File, folderName?: string): Promise<string>;
@@ -13,6 +13,9 @@ export declare class RestService implements OnDestroy {
13
13
  private ECOMMERCE_URL;
14
14
  private CMIS_URL;
15
15
  private environmentTypeSubscriber;
16
+ businessDetails: any;
17
+ subIndustryName: string;
18
+ isJewellery: boolean;
16
19
  constructor(http: HttpClient, eventService: EventsService, BASE_URL: string, ECOMMERCE_URL: string, CMIS_URL: string);
17
20
  ngOnDestroy(): void;
18
21
  getFeaturedProduct(collectionId: string | undefined | null): Observable<any>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "simpo-component-library",
3
- "version": "3.4.0",
3
+ "version": "3.4.3",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.2.0",
6
6
  "@angular/core": "^17.2.0",
@@ -1,192 +1,192 @@
1
- :root {
2
- --primary-font-family: 'mulish';
3
- --primary-bg-color: linear-gradient(345deg, #230860 0%, #00b6ff 100%);
4
- --primary-color: white;
5
- }
6
-
7
- .add-section {
8
- position: absolute !important;
9
- width: 40%;
10
- top: 0;
11
- left: 0 !important;
12
- height: 100vh;
13
- background-color: transparent !important;
14
- box-shadow: none !important;
15
- animation: slideInLeft 0.5s ease-in-out forwards;
16
- }
17
-
18
- .add-section.closing {
19
- animation: slideOutLeft 0.5 s ease-in-out forwards;
20
- }
21
-
22
- @keyframes slideInLeft {
23
- from {
24
- transform: translateX(-100%);
25
- opacity: 0;
26
- }
27
-
28
- to {
29
- transform: translateX(0);
30
- opacity: 1;
31
- }
32
- }
33
-
34
- @keyframes slideOutLeft {
35
- from {
36
- transform: translateX(0);
37
- opacity: 1;
38
- }
39
-
40
- to {
41
- transform: translateX(-100%);
42
- /* Close to the left side */
43
- opacity: 0;
44
- }
45
- }
46
-
47
-
48
- @media screen and (min-width: 1280px) {
49
- .content-side {
50
- h1 {
51
- font-size: 72px !important;
52
- line-height: 80px !important;
53
- }
54
-
55
- h2 {
56
- font-size: 48px !important;
57
- line-height: 56px !important;
58
- }
59
-
60
- h3 {
61
- font-size: 32px !important;
62
- line-height: 40px !important;
63
- }
64
-
65
- h4 {
66
- font-size: 24px !important;
67
- line-height: 36px !important;
68
- }
69
-
70
- h5 {
71
- font-size: 18px !important;
72
- line-height: 28px !important;
73
- }
74
-
75
- p {
76
- font-size: 16px !important;
77
- line-height: 21px !important;
78
- }
79
- }
80
-
81
- }
82
-
83
- @media screen and (min-width: 768px) {
84
- .content-side {
85
- h1 {
86
- font-size: 46px;
87
- line-height: 54px;
88
- }
89
-
90
- h2 {
91
- font-size: 35px;
92
- line-height: 42px;
93
- }
94
-
95
- h3 {
96
- font-size: 28px;
97
- line-height: 36px;
98
- }
99
-
100
- h4 {
101
- font-size: 18px;
102
- line-height: 26px;
103
- }
104
-
105
- h5 {
106
- font-size: 16px;
107
- line-height: 24px;
108
- }
109
-
110
- p {
111
- font-size: 14px;
112
- line-height: 21px;
113
- }
114
- }
115
-
116
- }
117
-
118
- .content-side {
119
- h1 {
120
- font-size: 36px;
121
- line-height: 42px;
122
- }
123
-
124
- h2 {
125
- font-size: 30px;
126
- line-height: 36px;
127
- }
128
-
129
- h3 {
130
- font-size: 24px;
131
- line-height: 32px;
132
- }
133
-
134
- h4 {
135
- font-size: 18px;
136
- line-height: 26px;
137
- }
138
-
139
- h5 {
140
- font-size: 16px;
141
- line-height: 24px;
142
- }
143
-
144
- p {
145
- font-size: 14px;
146
- line-height: 21px;
147
- }
148
- }
149
-
150
- .link-editor {
151
- height: 100vh;
152
- width: 28vw;
153
- position: absolute !important;
154
- top: 0;
155
- left: 0 !important;
156
- animation: slideInLeft 0.5s ease-in-out forwards;
157
- }
158
-
159
- @media screen and (max-width : 475px) {
160
- .link-editor {
161
- width: 100% !important;
162
- }
163
-
164
- .link-editor {
165
- width: 100% !important;
166
- max-width: 100% !important;
167
- }
168
-
169
- .media-selector {
170
- width: 100% !important;
171
- max-width: 100% !important;
172
- }
173
-
174
- .add-section{
175
- width: 100% !important;
176
- max-width: 100% !important;
177
- }
178
-
179
- }
180
-
181
- .mat-mdc-form-field-subscript-wrapper {
182
- display: none;
183
- }
184
-
185
- .media-selector {
186
- position: absolute !important;
187
- top: 0 !important;
188
- left: 0 !important;
189
- width: 60%;
190
- height: 100vh;
191
- animation: slideInLeft 0.5s ease-in-out forwards;
1
+ :root {
2
+ --primary-font-family: 'mulish';
3
+ --primary-bg-color: linear-gradient(345deg, #230860 0%, #00b6ff 100%);
4
+ --primary-color: white;
5
+ }
6
+
7
+ .add-section {
8
+ position: absolute !important;
9
+ width: 40%;
10
+ top: 0;
11
+ left: 0 !important;
12
+ height: 100vh;
13
+ background-color: transparent !important;
14
+ box-shadow: none !important;
15
+ animation: slideInLeft 0.5s ease-in-out forwards;
16
+ }
17
+
18
+ .add-section.closing {
19
+ animation: slideOutLeft 0.5 s ease-in-out forwards;
20
+ }
21
+
22
+ @keyframes slideInLeft {
23
+ from {
24
+ transform: translateX(-100%);
25
+ opacity: 0;
26
+ }
27
+
28
+ to {
29
+ transform: translateX(0);
30
+ opacity: 1;
31
+ }
32
+ }
33
+
34
+ @keyframes slideOutLeft {
35
+ from {
36
+ transform: translateX(0);
37
+ opacity: 1;
38
+ }
39
+
40
+ to {
41
+ transform: translateX(-100%);
42
+ /* Close to the left side */
43
+ opacity: 0;
44
+ }
45
+ }
46
+
47
+
48
+ @media screen and (min-width: 1280px) {
49
+ .content-side {
50
+ h1 {
51
+ font-size: 72px !important;
52
+ line-height: 80px !important;
53
+ }
54
+
55
+ h2 {
56
+ font-size: 48px !important;
57
+ line-height: 56px !important;
58
+ }
59
+
60
+ h3 {
61
+ font-size: 32px !important;
62
+ line-height: 40px !important;
63
+ }
64
+
65
+ h4 {
66
+ font-size: 24px !important;
67
+ line-height: 36px !important;
68
+ }
69
+
70
+ h5 {
71
+ font-size: 18px !important;
72
+ line-height: 28px !important;
73
+ }
74
+
75
+ p {
76
+ font-size: 16px !important;
77
+ line-height: 21px !important;
78
+ }
79
+ }
80
+
81
+ }
82
+
83
+ @media screen and (min-width: 768px) {
84
+ .content-side {
85
+ h1 {
86
+ font-size: 46px;
87
+ line-height: 54px;
88
+ }
89
+
90
+ h2 {
91
+ font-size: 35px;
92
+ line-height: 42px;
93
+ }
94
+
95
+ h3 {
96
+ font-size: 28px;
97
+ line-height: 36px;
98
+ }
99
+
100
+ h4 {
101
+ font-size: 18px;
102
+ line-height: 26px;
103
+ }
104
+
105
+ h5 {
106
+ font-size: 16px;
107
+ line-height: 24px;
108
+ }
109
+
110
+ p {
111
+ font-size: 14px;
112
+ line-height: 21px;
113
+ }
114
+ }
115
+
116
+ }
117
+
118
+ .content-side {
119
+ h1 {
120
+ font-size: 36px;
121
+ line-height: 42px;
122
+ }
123
+
124
+ h2 {
125
+ font-size: 30px;
126
+ line-height: 36px;
127
+ }
128
+
129
+ h3 {
130
+ font-size: 24px;
131
+ line-height: 32px;
132
+ }
133
+
134
+ h4 {
135
+ font-size: 18px;
136
+ line-height: 26px;
137
+ }
138
+
139
+ h5 {
140
+ font-size: 16px;
141
+ line-height: 24px;
142
+ }
143
+
144
+ p {
145
+ font-size: 14px;
146
+ line-height: 21px;
147
+ }
148
+ }
149
+
150
+ .link-editor {
151
+ height: 100vh;
152
+ width: 28vw;
153
+ position: absolute !important;
154
+ top: 0;
155
+ left: 0 !important;
156
+ animation: slideInLeft 0.5s ease-in-out forwards;
157
+ }
158
+
159
+ @media screen and (max-width : 475px) {
160
+ .link-editor {
161
+ width: 100% !important;
162
+ }
163
+
164
+ .link-editor {
165
+ width: 100% !important;
166
+ max-width: 100% !important;
167
+ }
168
+
169
+ .media-selector {
170
+ width: 100% !important;
171
+ max-width: 100% !important;
172
+ }
173
+
174
+ .add-section{
175
+ width: 100% !important;
176
+ max-width: 100% !important;
177
+ }
178
+
179
+ }
180
+
181
+ .mat-mdc-form-field-subscript-wrapper {
182
+ display: none;
183
+ }
184
+
185
+ .media-selector {
186
+ position: absolute !important;
187
+ top: 0 !important;
188
+ left: 0 !important;
189
+ width: 60%;
190
+ height: 100vh;
191
+ animation: slideInLeft 0.5s ease-in-out forwards;
192
192
  }
Binary file