diff --git a/assets/css/home.css b/assets/css/home.css index 6dcc7fe1..7e096d5a 100644 --- a/assets/css/home.css +++ b/assets/css/home.css @@ -1 +1 @@ -:root{--announcement-bar-height:0px;--show-fade-animation:1}.m-featured-slider.swiper{box-shadow:var(--article-shadow-normal),0 0 0 transparent;height:56.25vw;margin:-40px -20px 40px;overflow:hidden!important;position:relative;transition:all .25s cubic-bezier(.02,.01,.47,1)}@media only screen and (min-width:48rem){.m-featured-slider.swiper:hover{box-shadow:var(--article-shadow-hover),0 0 0 transparent;transform:translateY(-5px)}.m-featured-slider.swiper{border-radius:10px;height:420px;margin:-40px 10px 20px;width:746.6666666667px}}@media only screen and (min-width:64rem){.m-featured-slider.swiper{margin:0 20px 40px;overflow:unset;width:746.6666666667px}}.m-featured-slider:not(:root:root){overflow:hidden!important}.m-featured-slider__list{height:100%;list-style-type:none;margin:0;padding:0}@media only screen and (min-width:48rem){.m-featured-slider__list{border-radius:10px;overflow:hidden}}.m-featured-slider__list__item{height:100%;overflow:hidden}@media only screen and (min-width:48rem){.m-featured-slider__list__item{border-radius:10px}}.m-featured-article{background:none;height:100%;overflow:hidden;position:relative;visibility:visible;z-index:1}.m-featured-article:hover .m-featured-article__author{box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 transparent}.m-featured-article.no-picture .m-featured-article__picture{background-color:var(--primary-subtle-color)}.m-featured-article__picture{background:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.m-featured-article__picture div{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;opacity:1;width:100%}.m-featured-article__meta{left:20px;position:absolute;top:20px;z-index:4}@media only screen and (min-width:48rem){.m-featured-article__meta{left:40px;top:40px}}.rtl .m-featured-article__meta{left:auto;right:20px}@media only screen and (min-width:48rem){.rtl .m-featured-article__meta{left:auto;right:40px}}.m-featured-article__author{background-color:#fff;border:2px solid #fff;border-radius:50%;display:block;height:35px;margin-bottom:20px;transition:all .25s cubic-bezier(.02,.01,.47,1);visibility:hidden;width:35px}.m-featured-article__author div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:100%;width:100%}.m-featured-article__tag{background:#00e0ca;border-radius:0 0 0 10px;box-shadow:0 4px 30px rgba(132,147,173,.1);color:#f6f8fc;font-family:Metropolis;font-size:1rem;font-weight:700;letter-spacing:.3px;letter-spacing:.04em;line-height:1.5;padding:14px 20px;position:absolute;right:0;text-align:center;text-transform:uppercase;top:0;z-index:3}@media only screen and (min-width:48rem){.m-featured-article__tag{border-radius:0 10px}}.m-featured-article__ribbon{align-items:center;background-color:#fff;border-radius:50%;color:#000;display:flex;height:24px;justify-content:center;position:absolute;right:20px;top:26px;visibility:hidden;width:24px;z-index:2}@media only screen and (min-width:48rem){.m-featured-article__ribbon{border-radius:15px;font-size:.875rem;font-weight:600;height:22px;justify-content:flex-start;padding:0 7px;right:40px;top:47px;width:auto}}.m-featured-article__ribbon span{display:inline-block}@media only screen and (min-width:48rem){.m-featured-article__ribbon span:first-of-type{font-size:.75rem;margin-right:4px}}.m-featured-article__ribbon span:last-of-type{display:none}@media only screen and (min-width:48rem){.m-featured-article__ribbon span:last-of-type{display:block}}.rtl .m-featured-article__ribbon{left:20px;right:auto}@media only screen and (min-width:48rem){.rtl .m-featured-article__ribbon{left:40px;right:auto}.rtl .m-featured-article__ribbon span:first-of-type{margin-left:4px;margin-right:0}}.m-featured-article__content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:120px 20px 20px;position:relative;width:100%;z-index:3}@media only screen and (min-width:48rem){.m-featured-article__content{padding:125px 40px 40px}}.m-featured-article__title{color:#fff;font-size:1.875rem;margin:0}@media only screen and (min-width:48rem){.m-featured-article__title{font-size:2rem;max-width:80%}}.m-featured-article__timestamp{align-items:center;color:#fff;display:flex;font-size:.75rem;letter-spacing:.02em;line-height:1.25rem;text-transform:uppercase}.m-featured-article__timestamp span:nth-child(2){padding:0 10px}[class=paged] .m-hero,body.home-template .m-hero{background:url(/assets/images/blog.iota.org-light-mode-header.jpg);background-position:50%;min-height:350px}@media only screen and (min-width:48rem){[class=paged] .m-hero,body.home-template .m-hero{min-height:530px}}[class=paged] .m-hero img,body.home-template .m-hero img{display:none!important}[data-theme=dark] [class=paged] .m-hero,[data-theme=dark] body.home-template .m-hero{background:url(/assets/images/blog.iota.org-dark-mode-header.jpg);background-position:50%;min-height:350px}@media only screen and (min-width:48rem){[data-theme=dark] [class=paged] .m-hero,[data-theme=dark] body.home-template .m-hero{min-height:530px}}[data-theme=dark] [class=paged] .m-hero img,[data-theme=dark] body.home-template .m-hero img{display:none!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [class=paged] .m-hero,:root:not([data-theme=light]) body.home-template .m-hero{background:url(/assets/images/blog.iota.org-dark-mode-header.jpg);background-position:50%;min-height:350px}}@media only screen and (prefers-color-scheme:dark) and (min-width:48rem){:root:not([data-theme=light]) [class=paged] .m-hero,:root:not([data-theme=light]) body.home-template .m-hero{min-height:530px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [class=paged] .m-hero img,:root:not([data-theme=light]) body.home-template .m-hero img{display:none!important}} +:root{--announcement-bar-height:0px;--show-fade-animation:1}.m-featured-slider.swiper{height:350px;margin:-40px -20px 40px;overflow:hidden!important;position:relative;transition:all .25s cubic-bezier(.02,.01,.47,1)}@media only screen and (min-width:48rem){.m-featured-slider.swiper:hover{box-shadow:var(--article-shadow-hover),0 0 0 transparent;transform:translateY(-5px)}.m-featured-slider.swiper{border-radius:10px;height:420px;margin:-40px 10px 20px;width:100%}}@media only screen and (min-width:64rem){.m-featured-slider.swiper{margin:0 20px 40px;overflow:unset;width:calc(66.66667% - 40px)}}.m-featured-slider:not(:root:root){overflow:hidden!important}.m-featured-slider__list{height:100%;list-style-type:none;margin:0;padding:0}@media only screen and (min-width:48rem){.m-featured-slider__list{border-radius:10px}}.m-featured-slider__list__item{height:100%;overflow:hidden}@media only screen and (min-width:48rem){.m-featured-slider__list__item{border-radius:10px}}.m-featured-article{background:none;height:100%;overflow:hidden;position:relative;visibility:visible;z-index:1}.m-featured-article:hover .m-featured-article__author{box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 transparent}.m-featured-article.no-picture .m-featured-article__picture{background-color:var(--primary-subtle-color)}.m-featured-article__picture{background:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.m-featured-article__picture div{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;opacity:1;width:100%}.m-featured-article__meta{left:20px;position:absolute;top:20px;z-index:4}@media only screen and (min-width:48rem){.m-featured-article__meta{left:40px;top:40px}}.rtl .m-featured-article__meta{left:auto;right:20px}@media only screen and (min-width:48rem){.rtl .m-featured-article__meta{left:auto;right:40px}}.m-featured-article__author{background-color:#fff;border:2px solid #fff;border-radius:50%;display:block;height:35px;margin-bottom:20px;transition:all .25s cubic-bezier(.02,.01,.47,1);visibility:hidden;width:35px}.m-featured-article__author div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:100%;width:100%}.m-featured-article__tag{background:#00e0ca;border-radius:0 0 0 10px;box-shadow:0 4px 30px rgba(132,147,173,.1);color:#f6f8fc;font-family:Metropolis;font-size:1rem;font-weight:700;letter-spacing:.3px;letter-spacing:.04em;line-height:1.5;padding:14px 20px;position:absolute;right:0;text-align:center;text-transform:uppercase;top:0;z-index:3}@media only screen and (min-width:48rem){.m-featured-article__tag{border-radius:0 10px}}.m-featured-article__ribbon{align-items:center;background-color:#fff;border-radius:50%;color:#000;display:flex;height:24px;justify-content:center;position:absolute;right:20px;top:26px;visibility:hidden;width:24px;z-index:2}@media only screen and (min-width:48rem){.m-featured-article__ribbon{border-radius:15px;font-size:.875rem;font-weight:600;height:22px;justify-content:flex-start;padding:0 7px;right:40px;top:47px;width:auto}}.m-featured-article__ribbon span{display:inline-block}@media only screen and (min-width:48rem){.m-featured-article__ribbon span:first-of-type{font-size:.75rem;margin-right:4px}}.m-featured-article__ribbon span:last-of-type{display:none}@media only screen and (min-width:48rem){.m-featured-article__ribbon span:last-of-type{display:block}}.rtl .m-featured-article__ribbon{left:20px;right:auto}@media only screen and (min-width:48rem){.rtl .m-featured-article__ribbon{left:40px;right:auto}.rtl .m-featured-article__ribbon span:first-of-type{margin-left:4px;margin-right:0}}.m-featured-article__content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:120px 20px 20px;position:relative;width:100%;z-index:3}@media only screen and (min-width:48rem){.m-featured-article__content{padding:125px 40px 40px}}.m-featured-article__title{color:#fff;font-size:1.875rem;margin:0}@media only screen and (min-width:48rem){.m-featured-article__title{font-size:2rem;max-width:80%}}.m-featured-article__timestamp{align-items:center;color:#fff;display:flex;font-size:.75rem;letter-spacing:.02em;line-height:1.25rem;text-transform:uppercase}.m-featured-article__timestamp span:nth-child(2){padding:0 10px}[class=paged] .m-hero,body.home-template .m-hero{background:url(/assets/images/blog.iota.org-light-mode-header.jpg);background-position:50%;min-height:350px}@media only screen and (min-width:48rem){[class=paged] .m-hero,body.home-template .m-hero{min-height:530px}}[class=paged] .m-hero img,body.home-template .m-hero img{display:none!important}[data-theme=dark] [class=paged] .m-hero,[data-theme=dark] body.home-template .m-hero{background:url(/assets/images/blog.iota.org-dark-mode-header.jpg);background-position:50%;min-height:350px}@media only screen and (min-width:48rem){[data-theme=dark] [class=paged] .m-hero,[data-theme=dark] body.home-template .m-hero{min-height:530px}}[data-theme=dark] [class=paged] .m-hero img,[data-theme=dark] body.home-template .m-hero img{display:none!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [class=paged] .m-hero,:root:not([data-theme=light]) body.home-template .m-hero{background:url(/assets/images/blog.iota.org-dark-mode-header.jpg);background-position:50%;min-height:350px}}@media only screen and (prefers-color-scheme:dark) and (min-width:48rem){:root:not([data-theme=light]) [class=paged] .m-hero,:root:not([data-theme=light]) body.home-template .m-hero{min-height:530px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [class=paged] .m-hero img,:root:not([data-theme=light]) body.home-template .m-hero img{display:none!important}}