int-components 0.0.15 → 0.0.17
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.
- package/README.md +1 -1
- package/dist/index.css +129 -127
- package/dist/index.js +1 -1
- package/dist/rh-components/Footer/ContactModal.d.ts.map +1 -1
- package/dist/rh-components/Footer/Footer.d.ts.map +1 -1
- package/dist/rh-components/Header/Header.d.ts.map +1 -1
- package/dist/rh-components/Header/index.js +1 -1
- package/dist/rh-components/HeroSection/HeroSection.d.ts +14 -0
- package/dist/rh-components/HeroSection/HeroSection.d.ts.map +1 -0
- package/dist/rh-components/HeroSection/index.css +120 -0
- package/dist/rh-components/HeroSection/index.d.ts +3 -0
- package/dist/rh-components/HeroSection/index.d.ts.map +1 -0
- package/dist/rh-components/HeroSection/index.js +1 -0
- package/dist/rh-components/HotelCard/HotelCard.d.ts.map +1 -1
- package/dist/rh-components/HotelsLanding/HotelsLanding.d.ts +3 -1
- package/dist/rh-components/HotelsLanding/HotelsLanding.d.ts.map +1 -1
- package/dist/rh-components/HotelsLanding/index.css +144 -142
- package/dist/rh-components/HotelsLanding/index.js +1 -1
- package/dist/rh-components/HotelsSection/HotelsSection.d.ts +11 -0
- package/dist/rh-components/HotelsSection/HotelsSection.d.ts.map +1 -0
- package/dist/rh-components/HotelsSection/index.css +258 -0
- package/dist/rh-components/HotelsSection/index.d.ts +3 -0
- package/dist/rh-components/HotelsSection/index.d.ts.map +1 -0
- package/dist/rh-components/HotelsSection/index.js +1 -0
- package/dist/rh-components/index.d.ts +4 -0
- package/dist/rh-components/index.d.ts.map +1 -1
- package/package.json +11 -4
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
.layout-module__fluidLayout--BNE04[class] {
|
|
2
|
+
font-size: 1rem;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.layout-module__staticLayout--x_6dR[class] {
|
|
6
|
+
font-size: 1px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.HeroSection-module__hero--lpuv4 {
|
|
10
|
+
background-color: #ccc;
|
|
11
|
+
background-repeat: no-repeat;
|
|
12
|
+
background-image: var(--background-mobile);
|
|
13
|
+
background-position: center;
|
|
14
|
+
background-size: cover;
|
|
15
|
+
display: flex;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
|
|
19
|
+
|
|
20
|
+
.HeroSection-module__hero--lpuv4 {
|
|
21
|
+
background-image: var(--background-mobile-2x);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@media (min-width: 500px) {
|
|
26
|
+
|
|
27
|
+
.HeroSection-module__hero--lpuv4 {
|
|
28
|
+
background-image: var(--background-desktop);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
|
|
32
|
+
|
|
33
|
+
.HeroSection-module__hero--lpuv4 {
|
|
34
|
+
background-image: var(--background-desktop-2x);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.HeroSection-module__heroContainer--brVZ4 {
|
|
40
|
+
display: flex;
|
|
41
|
+
justify-content: end;
|
|
42
|
+
width: 100%;
|
|
43
|
+
max-width: 1448px;
|
|
44
|
+
margin: 0 auto;
|
|
45
|
+
padding: 26em 15em;
|
|
46
|
+
box-sizing: border-box;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
@media (min-width: 500px) {
|
|
50
|
+
|
|
51
|
+
.HeroSection-module__heroContainer--brVZ4 {
|
|
52
|
+
padding: 16em 44em;
|
|
53
|
+
min-height: 320em;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@media (min-width: 1152px) {
|
|
58
|
+
|
|
59
|
+
.HeroSection-module__heroContainer--brVZ4 {
|
|
60
|
+
min-height: 670em;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.HeroSection-module__slogan--rRTe6 {
|
|
65
|
+
display: flex;
|
|
66
|
+
flex-direction: column;
|
|
67
|
+
justify-content: center;
|
|
68
|
+
align-items: flex-end;
|
|
69
|
+
width: auto;
|
|
70
|
+
text-align: right;
|
|
71
|
+
font-family: var(--font-secondary, "ABCGravity", sans-serif);
|
|
72
|
+
font-weight: 900;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.HeroSection-module__sloganText--_hwUn {
|
|
76
|
+
font-size: 45em;
|
|
77
|
+
line-height: 90%;
|
|
78
|
+
text-transform: uppercase;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
@media (min-width: 500px) {
|
|
82
|
+
|
|
83
|
+
.HeroSection-module__sloganText--_hwUn {
|
|
84
|
+
font-size: 60em;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
@media (min-width: 1152px) {
|
|
89
|
+
|
|
90
|
+
.HeroSection-module__sloganText--_hwUn {
|
|
91
|
+
font-size: 115em;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.HeroSection-module__sloganYellow--lIwpd {
|
|
96
|
+
color: #f5d742;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.HeroSection-module__sloganWhite--SWr8l {
|
|
100
|
+
color: #fff;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.HeroSection-module__heroLogo--t3ggG {
|
|
104
|
+
width: 33em;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
@media (min-width: 500px) {
|
|
108
|
+
|
|
109
|
+
.HeroSection-module__heroLogo--t3ggG {
|
|
110
|
+
width: 49em;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
@media (min-width: 1152px) {
|
|
115
|
+
|
|
116
|
+
.HeroSection-module__heroLogo--t3ggG {
|
|
117
|
+
width: 97em;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/rh-components/HeroSection/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as o from"react/jsx-runtime";import*as e from"react";var t={39:(o,e,t)=>{t.d(e,{L:()=>n});const n=(...o)=>o.filter(Boolean).join(" ")},110:(o,e,t)=>{t.d(e,{A:()=>u});var n,a,l=t(178),r=t(130),s=t(39),i=t(649);function d(){return d=Object.assign?Object.assign.bind():function(o){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(o[n]=t[n])}return o},d.apply(null,arguments)}const f=o=>i.createElement("svg",d({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 98 91"},o),n||(n=i.createElement("path",{fill:"#FEDD00",d:"M94.277 30.26 63.65 12.58 41.87 0l6.025 8.453c1.406 1.972-.724 4.53-2.921 3.5l-19.04-8.93L63.65 32.48s14.304 10.88 18.993 14.772a4.67 4.67 0 0 1 1.601 2.713l1.465 7.708c1.516 7.243-1.286 9.964-3.995 11.595l-3.342 2.002.523-4.101c.21-1.576-.127-2.198-1.073-2.768l-8.163-4.56c-.468-.282-.98-.431-1.52-.503C62.692 58.587 0 49.704 0 49.704l29.06 9.752c2.29.77 2.073 4.08-.299 4.544l-8.878 1.746 40.523 23.489a7.07 7.07 0 0 0 7.06.008C74.318 85.3 89.192 76.741 94.25 73.815a7.07 7.07 0 0 0 3.53-6.094c.03-9.309.03-31.342.03-31.342a7.06 7.06 0 0 0-3.534-6.119"})),a||(a=i.createElement("path",{fill:"#FEDD00",d:"M74.944 53.737a2.594 2.594 0 0 0 3.41 1.354 2.59 2.59 0 0 0 1.547-2.244L68.735 46.22s-.11.639.243.975c.37.353 4.356 3.688 5.842 4.931a2.54 2.54 0 0 0 .124 1.61"}))),c="HeroSection-module__sloganText--_hwUn",u=({yellowText:o,whiteText:e,showLogo:t=!0,backgroundMobile:n,backgroundMobile2x:a,backgroundDesktop:i,backgroundDesktop2x:d,fluidMode:u})=>{const m=(0,r.u)(u);return(0,l.jsx)("section",{className:(0,s.L)("HeroSection-module__hero--lpuv4",m),style:{"--background-mobile":`url("${n}")`,"--background-mobile-2x":`url("${a}")`,"--background-desktop":`url("${i}")`,"--background-desktop-2x":`url("${d}")`},children:(0,l.jsx)("div",{className:"HeroSection-module__heroContainer--brVZ4",children:(0,l.jsxs)("div",{className:"HeroSection-module__slogan--rRTe6",children:[o&&(0,l.jsx)("div",{className:(0,s.L)(c,"HeroSection-module__sloganYellow--lIwpd"),dangerouslySetInnerHTML:{__html:o}}),e&&(0,l.jsx)("div",{className:(0,s.L)(c,"HeroSection-module__sloganWhite--SWr8l"),dangerouslySetInnerHTML:{__html:e}}),t&&(0,l.jsx)(f,{className:"HeroSection-module__heroLogo--t3ggG"})]})})})}},130:(o,e,t)=>{t.d(e,{N:()=>a,u:()=>l}),t(178);var n=t(992);const a=({children:o,fluidMode:e=!1})=>{fluidModeState.state=e;const t=`\n @font-face {\n font-family: 'Aeonik';\n src: url('https://of.worldota.net/fonts/aeonik/Aeonik-Bold.woff2') format('woff2');\n font-weight: 900;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'Aeonik';\n src: url('https://of.worldota.net/fonts/aeonik/Aeonik-Regular.woff2') format('woff2');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n\n @font-face {\n font-family: 'ABCGravity';\n src: url('https://of.worldota.net/fonts/ABCGravity/ABCGravity.woff2') format('woff2');\n font-weight: 900;\n font-style: normal;\n font-display: swap;\n }\n \n ${e?fluidLayoutCss:staticLayoutCss};\n `;return _jsxs(_Fragment,{children:[_jsx("style",{dangerouslySetInnerHTML:{__html:t}}),o]})},l=o=>("boolean"==typeof o?o:n.b.state)?"layout-module__fluidLayout--BNE04":"layout-module__staticLayout--x_6dR"},178:(e,t,n)=>{var a,l;e.exports=(a={jsx:()=>o.jsx,jsxs:()=>o.jsxs},l={},n.d(l,a),l)},649:(o,t,n)=>{var a,l;o.exports=(a={createElement:()=>e.createElement},l={},n.d(l,a),l)},992:(o,e,t)=>{t.d(e,{b:()=>n}),globalThis.__fluidModeState||(globalThis.__fluidModeState={state:!1});const n=globalThis.__fluidModeState}},n={};function a(o){var e=n[o];if(void 0!==e)return e.exports;var l=n[o]={exports:{}};return t[o](l,l.exports,a),l.exports}a.d=(o,e)=>{for(var t in e)a.o(e,t)&&!a.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:e[t]})},a.o=(o,e)=>Object.prototype.hasOwnProperty.call(o,e);var l={};a.d(l,{A:()=>r.A});var r=a(110);const s=l.A;export{s as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HotelCard.d.ts","sourceRoot":"","sources":["../../../src/rh-components/HotelCard/HotelCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"HotelCard.d.ts","sourceRoot":"","sources":["../../../src/rh-components/HotelCard/HotelCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuFvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import type { HotelCardProps } from '../HotelCard/HotelCard';
|
|
3
3
|
export interface HotelsLandingProps {
|
|
4
4
|
className?: string;
|
|
5
5
|
heroYellowText?: string;
|
|
@@ -13,6 +13,8 @@ export interface HotelsLandingProps {
|
|
|
13
13
|
backgroundDesktop2x: string;
|
|
14
14
|
fluidMode?: boolean;
|
|
15
15
|
heroLogo?: boolean;
|
|
16
|
+
onLoginClick?: () => void;
|
|
17
|
+
onRegisterClick?: () => void;
|
|
16
18
|
}
|
|
17
19
|
declare const HotelsLanding: React.FC<HotelsLandingProps>;
|
|
18
20
|
export default HotelsLanding;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HotelsLanding.d.ts","sourceRoot":"","sources":["../../../src/rh-components/HotelsLanding/HotelsLanding.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,
|
|
1
|
+
{"version":3,"file":"HotelsLanding.d.ts","sourceRoot":"","sources":["../../../src/rh-components/HotelsLanding/HotelsLanding.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAK7D,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgD/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -916,6 +916,133 @@
|
|
|
916
916
|
}
|
|
917
917
|
}
|
|
918
918
|
|
|
919
|
+
.HeroSection-module__hero--lpuv4 {
|
|
920
|
+
background-color: #ccc;
|
|
921
|
+
background-repeat: no-repeat;
|
|
922
|
+
background-image: var(--background-mobile);
|
|
923
|
+
background-position: center;
|
|
924
|
+
background-size: cover;
|
|
925
|
+
display: flex;
|
|
926
|
+
}
|
|
927
|
+
|
|
928
|
+
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
|
|
929
|
+
|
|
930
|
+
.HeroSection-module__hero--lpuv4 {
|
|
931
|
+
background-image: var(--background-mobile-2x);
|
|
932
|
+
}
|
|
933
|
+
}
|
|
934
|
+
|
|
935
|
+
@media (min-width: 500px) {
|
|
936
|
+
|
|
937
|
+
.HeroSection-module__hero--lpuv4 {
|
|
938
|
+
background-image: var(--background-desktop);
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
|
|
942
|
+
|
|
943
|
+
.HeroSection-module__hero--lpuv4 {
|
|
944
|
+
background-image: var(--background-desktop-2x);
|
|
945
|
+
}
|
|
946
|
+
}
|
|
947
|
+
}
|
|
948
|
+
|
|
949
|
+
.HeroSection-module__heroContainer--brVZ4 {
|
|
950
|
+
display: flex;
|
|
951
|
+
justify-content: end;
|
|
952
|
+
width: 100%;
|
|
953
|
+
max-width: 1448px;
|
|
954
|
+
margin: 0 auto;
|
|
955
|
+
padding: 26em 15em;
|
|
956
|
+
box-sizing: border-box;
|
|
957
|
+
}
|
|
958
|
+
|
|
959
|
+
@media (min-width: 500px) {
|
|
960
|
+
|
|
961
|
+
.HeroSection-module__heroContainer--brVZ4 {
|
|
962
|
+
padding: 16em 44em;
|
|
963
|
+
min-height: 320em;
|
|
964
|
+
}
|
|
965
|
+
}
|
|
966
|
+
|
|
967
|
+
@media (min-width: 1152px) {
|
|
968
|
+
|
|
969
|
+
.HeroSection-module__heroContainer--brVZ4 {
|
|
970
|
+
min-height: 670em;
|
|
971
|
+
}
|
|
972
|
+
}
|
|
973
|
+
|
|
974
|
+
.HeroSection-module__slogan--rRTe6 {
|
|
975
|
+
display: flex;
|
|
976
|
+
flex-direction: column;
|
|
977
|
+
justify-content: center;
|
|
978
|
+
align-items: flex-end;
|
|
979
|
+
width: auto;
|
|
980
|
+
text-align: right;
|
|
981
|
+
font-family: var(--font-secondary, "ABCGravity", sans-serif);
|
|
982
|
+
font-weight: 900;
|
|
983
|
+
}
|
|
984
|
+
|
|
985
|
+
.HeroSection-module__sloganText--_hwUn {
|
|
986
|
+
font-size: 45em;
|
|
987
|
+
line-height: 90%;
|
|
988
|
+
text-transform: uppercase;
|
|
989
|
+
}
|
|
990
|
+
|
|
991
|
+
@media (min-width: 500px) {
|
|
992
|
+
|
|
993
|
+
.HeroSection-module__sloganText--_hwUn {
|
|
994
|
+
font-size: 60em;
|
|
995
|
+
}
|
|
996
|
+
}
|
|
997
|
+
|
|
998
|
+
@media (min-width: 1152px) {
|
|
999
|
+
|
|
1000
|
+
.HeroSection-module__sloganText--_hwUn {
|
|
1001
|
+
font-size: 115em;
|
|
1002
|
+
}
|
|
1003
|
+
}
|
|
1004
|
+
|
|
1005
|
+
.HeroSection-module__sloganYellow--lIwpd {
|
|
1006
|
+
color: #f5d742;
|
|
1007
|
+
}
|
|
1008
|
+
|
|
1009
|
+
.HeroSection-module__sloganWhite--SWr8l {
|
|
1010
|
+
color: #fff;
|
|
1011
|
+
}
|
|
1012
|
+
|
|
1013
|
+
.HeroSection-module__heroLogo--t3ggG {
|
|
1014
|
+
width: 33em;
|
|
1015
|
+
}
|
|
1016
|
+
|
|
1017
|
+
@media (min-width: 500px) {
|
|
1018
|
+
|
|
1019
|
+
.HeroSection-module__heroLogo--t3ggG {
|
|
1020
|
+
width: 49em;
|
|
1021
|
+
}
|
|
1022
|
+
}
|
|
1023
|
+
|
|
1024
|
+
@media (min-width: 1152px) {
|
|
1025
|
+
|
|
1026
|
+
.HeroSection-module__heroLogo--t3ggG {
|
|
1027
|
+
width: 97em;
|
|
1028
|
+
}
|
|
1029
|
+
}
|
|
1030
|
+
|
|
1031
|
+
/* Root */
|
|
1032
|
+
.HotelsLanding-module__root--JnV8j {
|
|
1033
|
+
display: grid;
|
|
1034
|
+
grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
|
|
1035
|
+
grid-template-rows: min-content 1fr min-content;
|
|
1036
|
+
align-content: start;
|
|
1037
|
+
min-height: 100vh;
|
|
1038
|
+
background-color: #efefef;
|
|
1039
|
+
color: #000000;
|
|
1040
|
+
font-weight: 400;
|
|
1041
|
+
font-family: var(--font-main, "Aeonik", sans-serif);
|
|
1042
|
+
-webkit-font-smoothing: antialiased;
|
|
1043
|
+
-moz-osx-font-smoothing: grayscale;
|
|
1044
|
+
}
|
|
1045
|
+
|
|
919
1046
|
.HotelCard-module__root--popq0 {
|
|
920
1047
|
display: flex;
|
|
921
1048
|
flex-direction: column;
|
|
@@ -1064,146 +1191,20 @@
|
|
|
1064
1191
|
font-size: 14em;
|
|
1065
1192
|
}
|
|
1066
1193
|
|
|
1067
|
-
|
|
1068
|
-
.HotelsLanding-module__root--JnV8j {
|
|
1069
|
-
display: grid;
|
|
1070
|
-
grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
|
|
1071
|
-
grid-template-rows: min-content 1fr min-content;
|
|
1072
|
-
align-content: start;
|
|
1073
|
-
min-height: 100vh;
|
|
1074
|
-
background-color: #efefef;
|
|
1075
|
-
color: #000000;
|
|
1076
|
-
font-weight: 400;
|
|
1077
|
-
font-family: var(--font-main, "Aeonik", sans-serif);
|
|
1078
|
-
-webkit-font-smoothing: antialiased;
|
|
1079
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1080
|
-
}
|
|
1081
|
-
|
|
1082
|
-
.HotelsLanding-module__hero--CVhVp {
|
|
1083
|
-
background-color: #ccc;
|
|
1084
|
-
background-repeat: no-repeat;
|
|
1085
|
-
background-image: var(--background-mobile);
|
|
1086
|
-
background-position: center;
|
|
1087
|
-
background-size: cover;
|
|
1088
|
-
display: flex;
|
|
1089
|
-
}
|
|
1090
|
-
|
|
1091
|
-
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
|
|
1092
|
-
|
|
1093
|
-
.HotelsLanding-module__hero--CVhVp {
|
|
1094
|
-
background-image: var(--background-mobile-2x);
|
|
1095
|
-
}
|
|
1096
|
-
}
|
|
1097
|
-
|
|
1098
|
-
@media (min-width: 500px) {
|
|
1099
|
-
|
|
1100
|
-
.HotelsLanding-module__hero--CVhVp {
|
|
1101
|
-
background-image: var(--background-desktop);
|
|
1102
|
-
}
|
|
1103
|
-
|
|
1104
|
-
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
|
|
1105
|
-
|
|
1106
|
-
.HotelsLanding-module__hero--CVhVp {
|
|
1107
|
-
background-image: var(--background-desktop-2x);
|
|
1108
|
-
}
|
|
1109
|
-
}
|
|
1110
|
-
}
|
|
1111
|
-
|
|
1112
|
-
.HotelsLanding-module__heroContainer--RviY3 {
|
|
1113
|
-
display: flex;
|
|
1114
|
-
justify-content: end;
|
|
1115
|
-
width: 100%;
|
|
1116
|
-
max-width: 1448px;
|
|
1117
|
-
margin: 0 auto;
|
|
1118
|
-
padding: 26em 15em;
|
|
1119
|
-
box-sizing: border-box;
|
|
1120
|
-
}
|
|
1121
|
-
|
|
1122
|
-
@media (min-width: 500px) {
|
|
1123
|
-
|
|
1124
|
-
.HotelsLanding-module__heroContainer--RviY3 {
|
|
1125
|
-
padding: 16em 44em;
|
|
1126
|
-
min-height: 320em;
|
|
1127
|
-
}
|
|
1128
|
-
}
|
|
1129
|
-
|
|
1130
|
-
@media (min-width: 1152px) {
|
|
1131
|
-
|
|
1132
|
-
.HotelsLanding-module__heroContainer--RviY3 {
|
|
1133
|
-
min-height: 670em;
|
|
1134
|
-
}
|
|
1135
|
-
}
|
|
1136
|
-
|
|
1137
|
-
.HotelsLanding-module__slogan--qHFoi {
|
|
1138
|
-
display: flex;
|
|
1139
|
-
flex-direction: column;
|
|
1140
|
-
justify-content: center;
|
|
1141
|
-
align-items: flex-end;
|
|
1142
|
-
width: auto;
|
|
1143
|
-
text-align: right;
|
|
1144
|
-
font-family: var(--font-secondary, "ABCGravity", sans-serif);
|
|
1145
|
-
font-weight: 900;
|
|
1146
|
-
}
|
|
1147
|
-
|
|
1148
|
-
.HotelsLanding-module__sloganText--YwQRu {
|
|
1149
|
-
font-size: 45em;
|
|
1150
|
-
line-height: 90%;
|
|
1151
|
-
text-transform: uppercase;
|
|
1152
|
-
}
|
|
1153
|
-
|
|
1154
|
-
@media (min-width: 500px) {
|
|
1155
|
-
|
|
1156
|
-
.HotelsLanding-module__sloganText--YwQRu {
|
|
1157
|
-
font-size: 60em;
|
|
1158
|
-
}
|
|
1159
|
-
}
|
|
1160
|
-
|
|
1161
|
-
@media (min-width: 1152px) {
|
|
1162
|
-
|
|
1163
|
-
.HotelsLanding-module__sloganText--YwQRu {
|
|
1164
|
-
font-size: 115em;
|
|
1165
|
-
}
|
|
1166
|
-
}
|
|
1167
|
-
|
|
1168
|
-
.HotelsLanding-module__sloganYellow--su_yv {
|
|
1169
|
-
color: #f5d742;
|
|
1170
|
-
}
|
|
1171
|
-
|
|
1172
|
-
.HotelsLanding-module__sloganWhite--P2y71 {
|
|
1173
|
-
color: #fff;
|
|
1174
|
-
}
|
|
1175
|
-
|
|
1176
|
-
.HotelsLanding-module__heroLogo--RMmG1 {
|
|
1177
|
-
width: 33em;
|
|
1178
|
-
}
|
|
1179
|
-
|
|
1180
|
-
@media (min-width: 500px) {
|
|
1181
|
-
|
|
1182
|
-
.HotelsLanding-module__heroLogo--RMmG1 {
|
|
1183
|
-
width: 49em;
|
|
1184
|
-
}
|
|
1185
|
-
}
|
|
1186
|
-
|
|
1187
|
-
@media (min-width: 1152px) {
|
|
1188
|
-
|
|
1189
|
-
.HotelsLanding-module__heroLogo--RMmG1 {
|
|
1190
|
-
width: 97em;
|
|
1191
|
-
}
|
|
1192
|
-
}
|
|
1193
|
-
|
|
1194
|
-
/* Hotels Section */
|
|
1195
|
-
.HotelsLanding-module__hotels--z2v4G {
|
|
1194
|
+
.HotelsSection-module__hotels--hGJyx {
|
|
1196
1195
|
max-width: 1392px;
|
|
1197
1196
|
margin-inline: auto;
|
|
1198
1197
|
padding-bottom: 60em;
|
|
1199
1198
|
}
|
|
1199
|
+
|
|
1200
1200
|
@media (min-width: 1152px) {
|
|
1201
|
-
|
|
1201
|
+
|
|
1202
|
+
.HotelsSection-module__hotels--hGJyx {
|
|
1202
1203
|
padding-bottom: 100em;
|
|
1203
1204
|
}
|
|
1204
1205
|
}
|
|
1205
1206
|
|
|
1206
|
-
.
|
|
1207
|
+
.HotelsSection-module__hotelsHeader--l_Qr5 {
|
|
1207
1208
|
display: flex;
|
|
1208
1209
|
flex-direction: column;
|
|
1209
1210
|
gap: 16em;
|
|
@@ -1212,21 +1213,21 @@
|
|
|
1212
1213
|
|
|
1213
1214
|
@media (min-width: 500px) {
|
|
1214
1215
|
|
|
1215
|
-
.
|
|
1216
|
+
.HotelsSection-module__hotelsHeader--l_Qr5 {
|
|
1216
1217
|
gap: 22em;
|
|
1217
1218
|
}
|
|
1218
1219
|
}
|
|
1219
1220
|
|
|
1220
1221
|
@media (min-width: 1152px) {
|
|
1221
1222
|
|
|
1222
|
-
.
|
|
1223
|
+
.HotelsSection-module__hotelsHeader--l_Qr5 {
|
|
1223
1224
|
gap: 28em;
|
|
1224
1225
|
padding-top: 80em;
|
|
1225
1226
|
padding-bottom: 80em;
|
|
1226
1227
|
}
|
|
1227
1228
|
}
|
|
1228
1229
|
|
|
1229
|
-
.
|
|
1230
|
+
.HotelsSection-module__hotelsTitle--zeGAj {
|
|
1230
1231
|
margin: 0;
|
|
1231
1232
|
line-height: 1.1;
|
|
1232
1233
|
text-align: center;
|
|
@@ -1237,20 +1238,21 @@
|
|
|
1237
1238
|
|
|
1238
1239
|
@media (min-width: 500px) {
|
|
1239
1240
|
|
|
1240
|
-
.
|
|
1241
|
+
.HotelsSection-module__hotelsTitle--zeGAj {
|
|
1241
1242
|
font-size: 40em;
|
|
1242
1243
|
}
|
|
1243
1244
|
}
|
|
1244
1245
|
|
|
1245
1246
|
@media (min-width: 1152px) {
|
|
1246
1247
|
|
|
1247
|
-
.
|
|
1248
|
+
.HotelsSection-module__hotelsTitle--zeGAj {
|
|
1248
1249
|
font-size: 65em;
|
|
1249
1250
|
}
|
|
1250
1251
|
}
|
|
1251
1252
|
|
|
1252
|
-
.
|
|
1253
|
+
.HotelsSection-module__hotelsSubtitle--EAJhs {
|
|
1253
1254
|
margin: 0;
|
|
1255
|
+
font-family: var(--font-main, "Aeonik", sans-serif);
|
|
1254
1256
|
font-weight: 700;
|
|
1255
1257
|
line-height: 1;
|
|
1256
1258
|
text-align: center;
|
|
@@ -1259,19 +1261,19 @@
|
|
|
1259
1261
|
|
|
1260
1262
|
@media (min-width: 500px) {
|
|
1261
1263
|
|
|
1262
|
-
.
|
|
1264
|
+
.HotelsSection-module__hotelsSubtitle--EAJhs {
|
|
1263
1265
|
font-size: 17em;
|
|
1264
1266
|
}
|
|
1265
1267
|
}
|
|
1266
1268
|
|
|
1267
1269
|
@media (min-width: 1152px) {
|
|
1268
1270
|
|
|
1269
|
-
.
|
|
1271
|
+
.HotelsSection-module__hotelsSubtitle--EAJhs {
|
|
1270
1272
|
font-size: 23em;
|
|
1271
1273
|
}
|
|
1272
1274
|
}
|
|
1273
1275
|
|
|
1274
|
-
.
|
|
1276
|
+
.HotelsSection-module__hotelsList--jWxYc {
|
|
1275
1277
|
display: grid;
|
|
1276
1278
|
grid-template-columns: repeat(auto-fit, minmax(343px, 440px));
|
|
1277
1279
|
justify-content: center;
|
|
@@ -1282,12 +1284,12 @@
|
|
|
1282
1284
|
list-style: none;
|
|
1283
1285
|
}
|
|
1284
1286
|
|
|
1285
|
-
.
|
|
1287
|
+
.HotelsSection-module__hotelCard--aCwpN {
|
|
1286
1288
|
justify-content: space-between;
|
|
1287
1289
|
min-height: 100%;
|
|
1288
1290
|
}
|
|
1289
1291
|
|
|
1290
|
-
.
|
|
1292
|
+
.HotelsSection-module__hotelCard--aCwpN:hover [class*="HotelCard-module__priceInfo"] {
|
|
1291
1293
|
background-color: #000000;
|
|
1292
1294
|
}
|
|
1293
1295
|
|