Revision 61399
Added by Konstantinos Triantafyllou almost 3 years ago
| home.component.css | ||
|---|---|---|
| 1 | 1 |
@media only screen and (min-width: 1200px) {
|
| 2 | 2 |
.first {
|
| 3 | 3 |
position: relative; |
| 4 |
background-image: url("/assets/usage-statistics-assets/home/1.svg");
|
|
| 4 |
background-image: url("~src/assets/usage-statistics-assets/home/1.svg");
|
|
| 5 | 5 |
background-size: cover; |
| 6 | 6 |
background-repeat: no-repeat; |
| 7 | 7 |
background-position: 0 -130px; |
| ... | ... | |
| 10 | 10 |
|
| 11 | 11 |
.third .first-column {
|
| 12 | 12 |
position: relative; |
| 13 |
background-image: url("/assets/usage-statistics-assets/home/3.1.svg"), url("/assets/usage-statistics-assets/home/3.2.svg");
|
|
| 13 |
background-image: url("~src/assets/usage-statistics-assets/home/3.1.svg"), url("~src/assets/usage-statistics-assets/home/3.2.svg");
|
|
| 14 | 14 |
background-repeat: no-repeat; |
| 15 | 15 |
background-size: contain, auto; |
| 16 | 16 |
background-position: top left, bottom center; |
| ... | ... | |
| 23 | 23 |
} |
| 24 | 24 |
|
| 25 | 25 |
.third .second-column {
|
| 26 |
background-image: url("/assets/usage-statistics-assets/home/3.4.svg"), url("/assets/usage-statistics-assets/home/3.5.svg");
|
|
| 26 |
background-image: url("~src/assets/usage-statistics-assets/home/3.4.svg"), url("~src/assets/usage-statistics-assets/home/3.5.svg");
|
|
| 27 | 27 |
background-repeat: no-repeat; |
| 28 | 28 |
background-size: auto, contain; |
| 29 | 29 |
background-position: top center, bottom right; |
| ... | ... | |
| 37 | 37 |
} |
| 38 | 38 |
|
| 39 | 39 |
.third .second-column {
|
| 40 |
background-image: url("/assets/usage-statistics-assets/home/3.5.svg");
|
|
| 40 |
background-image: url("~src/assets/usage-statistics-assets/home/3.5.svg");
|
|
| 41 | 41 |
background-repeat: no-repeat; |
| 42 | 42 |
background-size: contain; |
| 43 | 43 |
background-position: bottom right; |
| ... | ... | |
| 46 | 46 |
|
| 47 | 47 |
@media only screen and (min-width: 960px) {
|
| 48 | 48 |
.second {
|
| 49 |
background-image: url("/assets/usage-statistics-assets/home/2.svg");
|
|
| 49 |
background-image: url("~src/assets/usage-statistics-assets/home/2.svg");
|
|
| 50 | 50 |
background-size: auto; |
| 51 | 51 |
background-repeat: no-repeat; |
| 52 | 52 |
background-position: -2% 0; |
| ... | ... | |
| 54 | 54 |
} |
| 55 | 55 |
|
| 56 | 56 |
.third {
|
| 57 |
background-image: url("/assets/usage-statistics-assets/home/3.3.svg");
|
|
| 57 |
background-image: url("~src/assets/usage-statistics-assets/home/3.3.svg");
|
|
| 58 | 58 |
background-repeat: no-repeat; |
| 59 | 59 |
background-size: auto; |
| 60 | 60 |
background-position: 30% 0; |
| ... | ... | |
| 65 | 65 |
} |
| 66 | 66 |
|
| 67 | 67 |
.third .third-column {
|
| 68 |
background-image: url("/assets/usage-statistics-assets/home/3.6.svg");
|
|
| 68 |
background-image: url("~src/assets/usage-statistics-assets/home/3.6.svg");
|
|
| 69 | 69 |
background-size: auto; |
| 70 | 70 |
background-repeat: no-repeat; |
| 71 | 71 |
background-position: top left; |
| ... | ... | |
| 91 | 91 |
|
| 92 | 92 |
|
| 93 | 93 |
.features {
|
| 94 |
background-image: url("/assets/usage-statistics-assets/home/4.svg");
|
|
| 94 |
background-image: url("~src/assets/usage-statistics-assets/home/4.svg");
|
|
| 95 | 95 |
background-size: contain; |
| 96 | 96 |
background-repeat: no-repeat; |
| 97 | 97 |
background-position: 0 0; |
Also available in: Unified diff
[Usage Counts | Trunk]: Update to angular 11