mirror of
https://github.com/yusufipk/trillo-react.git
synced 2026-09-11 10:56:15 +00:00
2 lines
12 KiB
CSS
2 lines
12 KiB
CSS
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.btn{border:none;font-size:1.5rem;font-weight:600;text-transform:uppercase;border-radius:100px;background-image:linear-gradient(90deg,#f36,#ba265d);color:#fff;cursor:pointer;position:relative;overflow:hidden}.btn>*{display:inline-block;transition:all .2s;height:100%;width:100%}.btn__visible{padding:2rem 7.5rem}.btn__invisible{position:absolute;padding:2rem 0;left:0;top:-100%}.btn:hover{background-image:linear-gradient(270deg,#f36,#ba265d)}.btn:hover .btn__visible{-webkit-transform:translateY(100%);transform:translateY(100%)}.btn:hover .btn__invisible{top:0}.btn:active{-webkit-transform:translateY(-.2rem);transform:translateY(-.2rem)}.btn-inline{color:#eb2f64;font-size:inherit;border:none;border-bottom:1px solid;padding:2px;display:inline-block;background-color:transparent;cursor:pointer;transition:all .2s}.btn-inline span{margin-left:3px;transition:margin-left .2s}.btn-inline:hover{color:#333}.btn-inline:hover span{margin-left:8px}.btn-inline:focus{outline:none}.list{list-style-type:none;margin:3rem 0;padding:3rem 0;border-top:1px solid #f4f2f2;border-bottom:1px solid #f4f2f2;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.list__item{-webkit-flex:0 0 50%;flex:0 0 50%;margin-bottom:.7rem}@media(max-width:31.24em){.list__item{font-size:1.3rem}}.list__item:before{content:"";display:inline-block;height:1rem;width:1rem;margin-right:.7rem;background-color:#eb2f64;-webkit-mask-image:url(/trillo-react/static/media/chevron-thin-right.288fa9d8.svg);mask-image:url(/trillo-react/static/media/chevron-thin-right.288fa9d8.svg);-webkit-mask-size:cover;mask-size:cover}.recommend{font-size:1.3rem;color:#f0eeee;-webkit-align-items:center;align-items:center}.recommend,.recommend__friends{display:-webkit-flex;display:flex}.recommend__photo{box-sizing:content-box;height:4rem;width:4rem;border-radius:50%;border:3px solid #fff}.recommend__photo:not(:last-child){margin-right:-2rem}.recommend__count{margin-right:auto;color:#999}.review{background-color:#fff;box-shadow:.5rem 1rem 2rem rgba(0,0,0,.2);padding:3rem;margin-bottom:3rem;position:relative;overflow:hidden}@media(max-width:56.24em){.review{padding:2rem;margin-bottom:3rem}}.review__text{margin-bottom:2rem;z-index:2;position:relative}.review__user{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.review__photo{height:4.5rem;width:4.5rem;border-radius:50%;margin-right:1.5rem}.review__user-box{margin-right:auto}.review__user-name{font-size:1.1rem;font-weight:600;text-transform:uppercase;margin-bottom:.4rem}.review__user-date{font-size:1rem;color:#999}.review__rating{color:#eb2f64;font-size:2.2rem;font-weight:300}@media(max-width:37.49em){.review__rating{font-size:0 1.5rem}}.review:before{z-index:1;content:"“";position:absolute;top:-3.2rem;left:-1rem;font-size:20rem;line-height:1;color:#f4f2f2;font-family:sans-serif}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:none}50%{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 1rem 4rem rgba(0,0,0,.25)}to{-webkit-transform:scale(1);transform:scale(1);box-shadow:none}}@keyframes pulsate{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:none}50%{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 1rem 4rem rgba(0,0,0,.25)}to{-webkit-transform:scale(1);transform:scale(1);box-shadow:none}}body{font-family:"Open Sans",sans-serif;font-weight:400;line-height:1.6}.heading-main{font-size:2.25rem;font-weight:300;text-transform:uppercase;letter-spacing:1px;padding:1.5rem 3rem}@media(max-width:37.49em){.heading-main{font-size:1.8rem;padding:1.25rem 2rem}}.paragraph:not(:last-of-type){margin-bottom:2rem}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media(max-width:68.74em){html{font-size:50%}}body{box-sizing:border-box;color:#777;background-image:linear-gradient(to right bottom,#f36,#ba265d);background-size:cover;background-repeat:no-repeat;min-height:100vh}::selection{background-color:#eb2f64;color:#fff}.u-center-text{text-align:center!important}.u-margin-bottom-big{margin-bottom:8rem!important}.u-margin-bottom-medium{margin-bottom:4rem!important}.u-margin-bottom-small{margin-bottom:1.5rem!important}.u-margin-top-big{margin-top:8rem!important}.u-margin-top-huge{margin-top:10rem!important}.container{max-width:120rem;margin:8rem auto;background-color:#f4f2f2;box-shadow:0 2rem 6rem rgba(0,0,0,.3)}@media(max-width:74.99em){.container{margin:0;max-width:100%;width:100%}}.content{display:-webkit-flex;display:flex}@media(max-width:56.24em){.content{-webkit-flex-direction:column;flex-direction:column}}.hotel-view{background-color:#fff;-webkit-flex:1 1;flex:1 1}.detail{display:-webkit-flex;display:flex;padding:4.5rem;background-color:#faf9f9;border-bottom:1px solid #f4f2f2;font-size:1.4rem}@media(max-width:56.24em){.detail{padding:3rem}}@media(max-width:37.49em){.detail{-webkit-flex-direction:column;flex-direction:column}}.description{background-color:#fff;box-shadow:0 2rem 5rem rgba(0,0,0,.06);padding:3rem;-webkit-flex:0 0 60%;flex:0 0 60%;margin-right:4.5rem}@media(max-width:56.24em){.description{padding:2rem;margin-right:3rem}}@media(max-width:37.49em){.description{margin-right:0;margin-bottom:3rem}}.user-reviews{-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column}.header,.user-reviews{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header{height:7rem;background-color:#fff;border-bottom:1px solid #f4f2f2;font-size:1.4rem;-webkit-justify-content:space-between;justify-content:space-between}.header__hover-list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;list-style-type:none;background-color:#fff;z-index:100;visibility:hidden;text-align:center;position:absolute;top:100%;right:0}.header__hover-list-item{height:3rem;width:12.5rem}.header__hover-list-item-link{text-decoration:none;color:#eb2f64}@media(max-width:31.24em){.header{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:space-around;align-content:space-around;height:12rem}}.header__logo{height:3.25rem;margin-left:2rem}.header__search{-webkit-flex:0 0 40%;flex:0 0 40%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}@media(max-width:31.24em){.header__search{-webkit-order:1;order:1;-webkit-flex:0 0 100%;flex:0 0 100%;background-color:#f4f2f2}}.header__search--input{font-family:inherit;font-size:inherit;background-color:#f4f2f2;border:none;color:inherit;padding:.7rem 2rem;border-radius:100px;width:90%;transition:all .2s;margin-right:-3.25rem}.header__search--input:focus{outline:none;width:100%;background-color:#f0eeee}.header__search--input::-webkit-input-placeholder{font-weight:100;color:#ccc}.header__search--input:focus+.header__search--button{background-color:#f0eeee}.header__search--button{border:none;background-color:#f4f2f2}.header__search--button:focus{outline:none}.header__search--button:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.header__search--icon{height:2rem;width:2rem;fill:#999}.header__user-nav{-webkit-align-self:stretch;align-self:stretch;position:relative}.header__user-nav,.header__user-nav>*{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header__user-nav>*{padding:0 2rem;cursor:pointer;height:100%}.header__user-nav>:hover{background-color:#f4f2f2}.header__user-nav--icon-box{position:relative}.header__user-nav--icon{height:2.25rem;width:2.25rem;fill:#777}.header__user-nav--notification{font-size:.8rem;font-weight:800;height:1.75rem;width:1.75rem;border-radius:50%;background-color:#eb2f64;color:#fff;position:absolute;top:1.5rem;right:1.1rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.header__user-nav--user-photo{height:3.75rem;border-radius:50%;margin-right:1rem}.header__user-nav--user:hover .header__hover-list{visibility:visible}.sidebar{background-color:#333;-webkit-flex:0 0 18%;flex:0 0 18%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.sidebar__side-nav{font-size:1.2rem;list-style:none;margin-top:3.5rem}@media(max-width:56.24em){.sidebar__side-nav{display:-webkit-flex;display:flex;margin:0}}.sidebar__side-nav--item{position:relative}.sidebar__side-nav--item:not(:last-child){margin-bottom:.5rem}@media(max-width:56.24em){.sidebar__side-nav--item:not(:last-child){-webkit-flex:1 1;flex:1 1;margin-bottom:0}}.sidebar__side-nav--item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background-color:#eb2f64;-webkit-transform:scaleY(0);transform:scaleY(0);transition:width .4s cubic-bezier(1,0,0,1) .2s,background-color .1s,-webkit-transform .2s;transition:transform .2s,width .4s cubic-bezier(1,0,0,1) .2s,background-color .1s;transition:transform .2s,width .4s cubic-bezier(1,0,0,1) .2s,background-color .1s,-webkit-transform .2s}.sidebar__side-nav--item--active:before,.sidebar__side-nav--item:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);width:100%}.sidebar__side-nav--item:active:before{background-color:#f36}.sidebar__side-nav--link:link,.sidebar__side-nav--link:visited{z-index:1;color:#faf9f9;text-decoration:none;text-transform:uppercase;display:block;padding:1.5rem 3rem;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}@media(max-width:56.24em){.sidebar__side-nav--link:link,.sidebar__side-nav--link:visited{-webkit-justify-content:center;justify-content:center;padding:2rem}}@media(max-width:37.49em){.sidebar__side-nav--link:link,.sidebar__side-nav--link:visited{-webkit-flex-direction:column;flex-direction:column;padding:1.5rem .5rem}}.sidebar__side-nav--icon{width:1.75rem;height:1.75rem;margin-right:2rem;fill:currentColor}@media(max-width:37.49em){.sidebar__side-nav--icon{margin-bottom:.7rem;margin-right:0;width:1.5rem;height:1.5rem}}.sidebar .legal{font-size:1.2rem;color:#ccc;text-align:center;padding:2.5rem}@media(max-width:56.24em){.sidebar .legal{display:none}}.gallery{display:-webkit-flex;display:flex}.gallery__photo{width:100%;display:block}.overview{-webkit-align-items:center;align-items:center;border-bottom:1px solid #f4f2f2}.overview,.overview__stars{display:-webkit-flex;display:flex}.overview__stars{margin-right:auto}.overview__location{font-size:1.2rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.overview__icon-location,.overview__icon-star{width:1.75rem;height:1.75rem;fill:#eb2f64}.overview__icon-location{margin-right:.1rem}.overview__rating{background-color:#eb2f64;margin-left:3rem;color:#fff;padding:0 2.25rem;-webkit-align-self:stretch;align-self:stretch;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}@media(max-width:37.49em){.overview__rating{padding:0 1.5rem}}.overview__rating-average{font-size:2.25rem;font-weight:300;margin-bottom:-3px}@media(max-width:37.49em){.overview__rating-average{font-size:1.8rem}}.overview__rating-count{font-size:1rem;text-transform:uppercase}@media(max-width:31.24em){.overview__rating-count{display:none}}.cta{padding:3.5rem 0;text-align:center}@media(max-width:56.24em){.cta{padding:2.5rem 0}}.cta__book-now{font-size:1.5rem;font-weight:300;text-transform:uppercase;margin-bottom:2.5rem}
|
|
/*# sourceMappingURL=main.6209f2ee.chunk.css.map */ |