{"version":3,"sources":["blog-grid.scss","blog-grid.css"],"names":[],"mappings":"A,AAqNA,mCACC,E,CACC,oB,CAED,G,CACC,oB,CAED,E,CACC,oB,CACA,W,AATF,2BACC,E,CACC,oB,CAED,G,CACC,oB,CAED,E,CACC,oB,CACA,WA3NF,e,CACC,iB,CACA,Y,CACA,sB,CACA,kB,CACA,kC,CACA,qB,CACA,c,CAGA,qB,CACC,Y,CAED,mB,CACC,Y,CACA,oB,CACA,mB,CAEA,yBALD,mB,CAME,cAKD,6C,CAEC,qC,CAFD,mD,CAAA,oD,CAOE,gC,CAPF,2C,CAWC,uB,CAXD,iD,CCAA,kD,CDgBE,U,CAKF,4C,CAEC,+B,CAkBD,qD,CAAA,sD,CApBA,kD,CAAA,mD,CAOE,sC,CAPF,0C,CCbA,0C,CADA,2C,CD2BC,U,CAbD,0C,CAgBC,0B,CAID,+C,CAEC,kD,CAFD,6C,CCvBA,6C,CADA,8C,CDqCC,U,CAbD,6C,CAgBC,0B,CAhBD,4C,CAmBC,wB,CApFH,oD,CA4FI,2B,CAAA,mB,CA5FJ,mD,CAAA,oD,CA+FI,+C,CAAA,uC,CAwBD,2B,CAlBF,uB,CACC,iB,CACA,K,CACA,M,CACA,U,CACA,W,CACA,S,CAGD,qB,CACC,iB,CACA,S,CACA,e,CACA,Y,CACA,qB,CACA,sB,CAGA,uB,CACC,W,CACA,Y,CACA,iB,CACA,iB,CACA,a,CACA,kB,CANA,6B,CAAA,8B,CAUC,U,CACA,iB,CACA,K,CACA,O,CACA,Q,CACA,M,CACA,iB,CACA,mB,CAjBD,8B,CAqBC,qB,CArBD,6B,CAwBC,qB,CAxBD,2B,CA6BC,O,CACA,Q,CACA,8B,CAEA,W,CACA,iB,CACA,S,CAIF,qB,CACC,kB,CAEA,yBAHD,qB,CAIE,oBAIF,sB,CACC,kB,CACA,gB,CACA,gB,CAEA,yBALD,sB,CAME,kB,CACA,kBAIF,qB,CACC,kB,CACA,kB,CACA,gB,CAEA,yBALD,qB,CAME,c,CACA,kBAIF,oB,CACC,c,CACA,U,CACA,kB,CACA,Y,CACA,qC,CALA,0B,CAQC,U,CAIF,qB,CACC,Y,CADA,uB,CAIC,mB,CACA,gB","file":"../blog-grid.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n.blog-grid-card {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tbackground: no-repeat center center;\r\n\tbackground-size: cover;\r\n\tpadding: 0 15px;\r\n\r\n\t/* size */\r\n\t&_small {\r\n\t\theight: 420px;\r\n\t}\r\n\t&_big {\r\n\t\theight: 840px;\r\n\t\talign-items: flex-end;\r\n\t\tpadding-bottom: 50px;\r\n\r\n\t\t@media (max-width: 575px) {\r\n\t\t\theight: 420px;\r\n\t\t}\r\n\t}\r\n\r\n\t/* color */\r\n\t&_white {\r\n\t\t.blog-grid-card__before {\r\n\t\t\tbackground-color: rgba(#fff,.9);\r\n\t\t}\r\n\t\t.blog-grid-card__avatar {\r\n\t\t\t&:before,\r\n\t\t\t&:after {\r\n\t\t\t\tbackground-color: rgba(#000, .03);\r\n\t\t\t}\r\n\t\t}\r\n\t\t.blog-grid-card__desc {\r\n\t\t\tcolor: rgba(#2b2c2d, .5);\r\n\t\t}\r\n\t\t.blog-grid-card__name,\r\n\t\t.blog-grid-card__title {\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: #000000;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&_dark {\r\n\t\t.blog-grid-card__before {\r\n\t\t\tbackground-color: rgba(#000,.7);\r\n\t\t}\r\n\t\t.blog-grid-card__avatar {\r\n\t\t\t&:before,\r\n\t\t\t&:after {\r\n\t\t\t\tbackground-color: rgba(#fff, .05);\r\n\t\t\t}\r\n\t\t}\r\n\t\t.blog-grid-card__name,\r\n\t\t.blog-grid-card__title,\r\n\t\t.blog-grid-card__time {\r\n\t\t\tcolor: #ffffff;\r\n\t\t}\r\n\t\t.blog-grid-card__desc {\r\n\t\t\tcolor: rgba(#fff, .5);\r\n\t\t}\r\n\t}\r\n\r\n\t&_colored {\r\n\t\t.blog-grid-card__before {\r\n\t\t\tbackground-color: rgba(var(--brand-primary-rgb), .9);\r\n\t\t}\r\n\t\t.blog-grid-card__avatar {\r\n\t\t\t&:before,\r\n\t\t\t&:after {\r\n\t\t\t\tbackground-color: rgba(#fff, .05);\r\n\t\t\t}\r\n\t\t}\r\n\t\t.blog-grid-card__name,\r\n\t\t.blog-grid-card__title,\r\n\t\t.blog-grid-card__time {\r\n\t\t\tcolor: #ffffff;\r\n\t\t}\r\n\t\t.blog-grid-card__desc {\r\n\t\t\tcolor: rgba(#fff, .5);\r\n\t\t}\r\n\t\t.blog-grid-card__cat {\r\n\t\t\tbackground-color: #2b2c2d;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t.blog-grid-card__avatar {\r\n\t\t\t&:before {\r\n\t\t\t\tanimation: blog-grid-pulse 1.5s infinite;\r\n\t\t\t\tanimation-delay: 0.3s;\r\n\t\t\t}\r\n\t\t\t&:after {\r\n\t\t\t\tanimation: blog-grid-pulse 1.5s infinite;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* content */\r\n\t&__before {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tz-index: 1;\r\n\t}\r\n\r\n\t&__item {\r\n\t\tposition: relative;\r\n\t\tz-index: 3;\r\n\t\tmax-width: 534px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t\t&__avatar {\r\n\t\t\twidth: 102px;\r\n\t\t\theight: 102px;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: block;\r\n\t\t\tmargin: 0 auto 25px auto;\r\n\r\n\t\t\t&:before,\r\n\t\t\t&:after {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tpointer-events: none;\r\n\t\t\t}\r\n\r\n\t\t\t&:before {\r\n\t\t\t\ttransform: scale(1.14);\r\n\t\t\t}\r\n\t\t\t&:after {\r\n\t\t\t\ttransform: scale(1.28);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\timg\t{\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: auto;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tz-index: 3;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__name {\r\n\t\t\tmargin-bottom: 35px;\r\n\r\n\t\t\t@media (max-width: 575px) {\r\n\t\t\t\tmargin-bottom: 25px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__title {\r\n\t\t\tmargin-bottom: 15px;\r\n\t\t\tfont-size: rem(24);\r\n\t\t\tline-height: 28px;\r\n\r\n\t\t\t@media (max-width: 575px) {\r\n\t\t\t\tfont-size: rem(18);\r\n\t\t\t\tline-height: 22px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__desc {\r\n\t\t\tmargin-bottom: 18px;\r\n\t\t\tfont-size: rem(18);\r\n\t\t\tline-height: 24px;\r\n\r\n\t\t\t@media (max-width: 575px) {\r\n\t\t\t\tfont-size: rem(16);\r\n\t\t\t\tline-height: 22px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__cat {\r\n\t\t\tpadding: 0 12px;\r\n\t\t\tcolor: #ffffff;\r\n\t\t\tborder-radius: 12px;\r\n\t\t\tmargin: 0 7px;\r\n\t\t\tbackground-color: var(--brand-primary);\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: #ffffff;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__time {\r\n\t\t\tmargin: 0 7px;\r\n\r\n\t\t\ti {\r\n\t\t\t\tline-height: inherit;\r\n\t\t\t\tmargin-right: 2px;\r\n\t\t\t}\r\n\t\t}\r\n}\r\n\r\n@keyframes blog-grid-pulse {\r\n\t0% {\r\n\t\ttransform: scale(1.1);\r\n\t}\r\n\t50% {\r\n\t\ttransform: scale(1.8);\r\n\t}\r\n\t100% {\r\n\t\ttransform: scale(1.1);\r\n\t\topacity: 0;\r\n\t}\r\n}",".blog-grid-card {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: no-repeat center center;\n  background-size: cover;\n  padding: 0 15px;\n  /* size */\n  /* color */\n  /* content */ }\n  .blog-grid-card_small {\n    height: 420px; }\n  .blog-grid-card_big {\n    height: 840px;\n    align-items: flex-end;\n    padding-bottom: 50px; }\n    @media (max-width: 575px) {\n      .blog-grid-card_big {\n        height: 420px; } }\n  .blog-grid-card_white .blog-grid-card__before {\n    background-color: rgba(255, 255, 255, 0.9); }\n  .blog-grid-card_white .blog-grid-card__avatar:before, .blog-grid-card_white .blog-grid-card__avatar:after {\n    background-color: rgba(0, 0, 0, 0.03); }\n  .blog-grid-card_white .blog-grid-card__desc {\n    color: rgba(43, 44, 45, 0.5); }\n  .blog-grid-card_white .blog-grid-card__name:hover,\n  .blog-grid-card_white .blog-grid-card__title:hover {\n    color: #000000; }\n  .blog-grid-card_dark .blog-grid-card__before {\n    background-color: rgba(0, 0, 0, 0.7); }\n  .blog-grid-card_dark .blog-grid-card__avatar:before, .blog-grid-card_dark .blog-grid-card__avatar:after {\n    background-color: rgba(255, 255, 255, 0.05); }\n  .blog-grid-card_dark .blog-grid-card__name,\n  .blog-grid-card_dark .blog-grid-card__title,\n  .blog-grid-card_dark .blog-grid-card__time {\n    color: #ffffff; }\n  .blog-grid-card_dark .blog-grid-card__desc {\n    color: rgba(255, 255, 255, 0.5); }\n  .blog-grid-card_colored .blog-grid-card__before {\n    background-color: rgba(var(--brand-primary-rgb), 0.9); }\n  .blog-grid-card_colored .blog-grid-card__avatar:before, .blog-grid-card_colored .blog-grid-card__avatar:after {\n    background-color: rgba(255, 255, 255, 0.05); }\n  .blog-grid-card_colored .blog-grid-card__name,\n  .blog-grid-card_colored .blog-grid-card__title,\n  .blog-grid-card_colored .blog-grid-card__time {\n    color: #ffffff; }\n  .blog-grid-card_colored .blog-grid-card__desc {\n    color: rgba(255, 255, 255, 0.5); }\n  .blog-grid-card_colored .blog-grid-card__cat {\n    background-color: #2b2c2d; }\n  .blog-grid-card:hover .blog-grid-card__avatar:before {\n    -webkit-animation: blog-grid-pulse 1.5s infinite;\n            animation: blog-grid-pulse 1.5s infinite;\n    -webkit-animation-delay: 0.3s;\n            animation-delay: 0.3s; }\n  .blog-grid-card:hover .blog-grid-card__avatar:after {\n    -webkit-animation: blog-grid-pulse 1.5s infinite;\n            animation: blog-grid-pulse 1.5s infinite; }\n  .blog-grid-card__before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1; }\n  .blog-grid-card__item {\n    position: relative;\n    z-index: 3;\n    max-width: 534px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center; }\n  .blog-grid-card__avatar {\n    width: 102px;\n    height: 102px;\n    border-radius: 50%;\n    position: relative;\n    display: block;\n    margin: 0 auto 25px auto; }\n    .blog-grid-card__avatar:before, .blog-grid-card__avatar:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      border-radius: 50%;\n      pointer-events: none; }\n    .blog-grid-card__avatar:before {\n      transform: scale(1.14); }\n    .blog-grid-card__avatar:after {\n      transform: scale(1.28); }\n    .blog-grid-card__avatar img {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      height: auto;\n      border-radius: 50%;\n      z-index: 3; }\n  .blog-grid-card__name {\n    margin-bottom: 35px; }\n    @media (max-width: 575px) {\n      .blog-grid-card__name {\n        margin-bottom: 25px; } }\n  .blog-grid-card__title {\n    margin-bottom: 15px;\n    font-size: 1.5rem;\n    line-height: 28px; }\n    @media (max-width: 575px) {\n      .blog-grid-card__title {\n        font-size: 1.125rem;\n        line-height: 22px; } }\n  .blog-grid-card__desc {\n    margin-bottom: 18px;\n    font-size: 1.125rem;\n    line-height: 24px; }\n    @media (max-width: 575px) {\n      .blog-grid-card__desc {\n        font-size: 1rem;\n        line-height: 22px; } }\n  .blog-grid-card__cat {\n    padding: 0 12px;\n    color: #ffffff;\n    border-radius: 12px;\n    margin: 0 7px;\n    background-color: var(--brand-primary); }\n    .blog-grid-card__cat:hover {\n      color: #ffffff; }\n  .blog-grid-card__time {\n    margin: 0 7px; }\n    .blog-grid-card__time i {\n      line-height: inherit;\n      margin-right: 2px; }\n\n@-webkit-keyframes blog-grid-pulse {\n  0% {\n    transform: scale(1.1); }\n  50% {\n    transform: scale(1.8); }\n  100% {\n    transform: scale(1.1);\n    opacity: 0; } }\n\n@keyframes blog-grid-pulse {\n  0% {\n    transform: scale(1.1); }\n  50% {\n    transform: scale(1.8); }\n  100% {\n    transform: scale(1.1);\n    opacity: 0; } }\n"]}