ngx-mimic 0.0.8 → 0.0.11
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2020/lib/mobile-bar/mobile-bar.component.mjs +2 -2
- package/esm2020/lib/state-menu/state-menu.component.mjs +2 -2
- package/fesm2015/ngx-mimic.mjs +4 -4
- package/fesm2015/ngx-mimic.mjs.map +1 -1
- package/fesm2020/ngx-mimic.mjs +4 -4
- package/fesm2020/ngx-mimic.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/icon/Read Me.txt +7 -0
- package/src/assets/icon/demo-files/demo.css +152 -0
- package/src/assets/icon/demo-files/demo.js +30 -0
- package/src/assets/icon/demo.html +262 -0
- package/src/assets/icon/fonts/icomoon.eot +0 -0
- package/src/assets/icon/fonts/icomoon.svg +26 -0
- package/src/assets/icon/fonts/icomoon.ttf +0 -0
- package/src/assets/icon/fonts/icomoon.woff +0 -0
- package/src/assets/icon/selection.json +1 -0
- package/src/assets/icon/style.css +76 -0
- package/src/assets/styles/_icon.scss +78 -0
- package/src/assets/styles/_tokens.scss +18 -0
- package/src/assets/styles/_typography.scss +64 -0
- package/src/assets/styles/_utilities.scss +9 -0
- package/src/assets/styles.scss +4 -0
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: 'icomoon';
|
|
3
|
+
src: url('../icon/fonts/icomoon.eot?a7s3t1');
|
|
4
|
+
src: url('../icon/fonts/icomoon.eot?a7s3t1#iefix') format('embedded-opentype'),
|
|
5
|
+
url('../icon/fonts/icomoon.ttf?a7s3t1') format('truetype'),
|
|
6
|
+
url('../icon/fonts/icomoon.woff?a7s3t1') format('woff'),
|
|
7
|
+
url('../icon/fonts/icomoon.svg?a7s3t1#icomoon') format('svg');
|
|
8
|
+
font-weight: normal;
|
|
9
|
+
font-style: normal;
|
|
10
|
+
font-display: block;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
[class^="icon-"], [class*=" icon-"] {
|
|
14
|
+
/* use !important to prevent issues with browser extensions that change fonts */
|
|
15
|
+
font-size: 26px;
|
|
16
|
+
font-weight: bold;
|
|
17
|
+
font-family: 'icomoon' !important;
|
|
18
|
+
speak: never;
|
|
19
|
+
font-style: normal;
|
|
20
|
+
font-weight: normal;
|
|
21
|
+
font-variant: normal;
|
|
22
|
+
text-transform: none;
|
|
23
|
+
line-height: 1;
|
|
24
|
+
|
|
25
|
+
/* Better Font Rendering =========== */
|
|
26
|
+
-webkit-font-smoothing: antialiased;
|
|
27
|
+
-moz-osx-font-smoothing: grayscale;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.icon-location:before {
|
|
31
|
+
content: "\e902";
|
|
32
|
+
}
|
|
33
|
+
.icon-chat:before {
|
|
34
|
+
content: "\e903";
|
|
35
|
+
}
|
|
36
|
+
.icon-messenger:before {
|
|
37
|
+
content: "\e904";
|
|
38
|
+
}
|
|
39
|
+
.icon-home:before {
|
|
40
|
+
content: "\e905";
|
|
41
|
+
}
|
|
42
|
+
.icon-building:before {
|
|
43
|
+
content: "\e906";
|
|
44
|
+
}
|
|
45
|
+
.icon-farm:before {
|
|
46
|
+
content: "\e907";
|
|
47
|
+
}
|
|
48
|
+
.icon-land:before {
|
|
49
|
+
content: "\e908";
|
|
50
|
+
}
|
|
51
|
+
.icon-bedroom:before {
|
|
52
|
+
content: "\e909";
|
|
53
|
+
}
|
|
54
|
+
.icon-shower:before {
|
|
55
|
+
content: "\e90a";
|
|
56
|
+
}
|
|
57
|
+
.icon-garage:before {
|
|
58
|
+
content: "\e90b";
|
|
59
|
+
}
|
|
60
|
+
.icon-area:before {
|
|
61
|
+
content: "\e90c";
|
|
62
|
+
}
|
|
63
|
+
.icon-furnitured:before {
|
|
64
|
+
content: "\e90d";
|
|
65
|
+
}
|
|
66
|
+
.icon-grill:before {
|
|
67
|
+
content: "\e90e";
|
|
68
|
+
}
|
|
69
|
+
.icon-find-house:before {
|
|
70
|
+
content: "\e901";
|
|
71
|
+
}
|
|
72
|
+
.icon-heart:before {
|
|
73
|
+
content: "\e9da";
|
|
74
|
+
}
|
|
75
|
+
.icon-share:before {
|
|
76
|
+
content: "\ea7d";
|
|
77
|
+
}
|
|
78
|
+
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
//Colors
|
|
2
|
+
$color-white: #ffffff;
|
|
3
|
+
$color-white-neutral: #f8f8f8;
|
|
4
|
+
$color-primary-default: #FF984D;
|
|
5
|
+
$color-primary-cta: #FFB885;
|
|
6
|
+
$color-primary-dark: #FF8D3A;
|
|
7
|
+
$icon-default: #D3DBE2;
|
|
8
|
+
$background-default: #F8FBFF;
|
|
9
|
+
|
|
10
|
+
//Borders
|
|
11
|
+
$border-radius-default: 4px;
|
|
12
|
+
$border-radius-large: 10px;
|
|
13
|
+
|
|
14
|
+
//paddings
|
|
15
|
+
$padding-default: .5rem 1rem;
|
|
16
|
+
|
|
17
|
+
//Box shadow
|
|
18
|
+
$box-shadow-default: .1rem .3rem .5rem .1rem rgba(128, 128, 128, 0.2);
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
|
|
2
|
+
|
|
3
|
+
$font-family: "Rubik";
|
|
4
|
+
$font-family-bold: "Rubik-Bold", "Rubik";
|
|
5
|
+
$font-family-medium: "Rubik-Medium", "Rubik";
|
|
6
|
+
$font-family-regular: "Rubik-Regular", "Rubik";
|
|
7
|
+
|
|
8
|
+
.text {
|
|
9
|
+
font-family: $font-family, sans-serif;
|
|
10
|
+
font-size: 16px;
|
|
11
|
+
color: rgba(30, 32, 34, 1);
|
|
12
|
+
letter-spacing: 0em;
|
|
13
|
+
text-overflow: ellipsis;
|
|
14
|
+
|
|
15
|
+
&--headline-1 {
|
|
16
|
+
font-size: 34px;
|
|
17
|
+
font-weight: 800;
|
|
18
|
+
line-height: 40px;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&--headline-2 {
|
|
22
|
+
font-size: 29px;
|
|
23
|
+
font-weight: 800;
|
|
24
|
+
line-height: 34px;
|
|
25
|
+
letter-spacing: -0.01em;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&--headline-3 {
|
|
29
|
+
font-size: 21px;
|
|
30
|
+
font-weight: 700;
|
|
31
|
+
line-height: 26px;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&--headline-4 {
|
|
35
|
+
font-size: 17px;
|
|
36
|
+
font-weight: 700;
|
|
37
|
+
line-height: 24px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&--headline-5 {
|
|
41
|
+
font-size: 16px;
|
|
42
|
+
font-weight: 700;
|
|
43
|
+
line-height: 20px;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&--headline-6 {
|
|
47
|
+
font-size: 14px;
|
|
48
|
+
font-weight: 600;
|
|
49
|
+
line-height: 20px;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
&--paragraph {
|
|
53
|
+
font-size: 16px;
|
|
54
|
+
font-weight: 400;
|
|
55
|
+
line-height: 22px;
|
|
56
|
+
background: rgba(0, 0, 0, 1);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
&--button {
|
|
60
|
+
font-size: 14px;
|
|
61
|
+
font-weight: 700;
|
|
62
|
+
line-height: 17px;
|
|
63
|
+
}
|
|
64
|
+
}
|