| 1 |
{"version":3,"file":"forum-posts/index.css","mappings":";;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;;ADEA;;AA+BA;;AAsBA;;EAEE;AClDF;;AClCA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADqCJ;;ACnCI;EACI;EACA;EACA;ADqCR;;AClCI;EACI;EACA;EACA;ADoCR;;AClCQ;EACI;EACA;EACA;EACA;ADoCZ;;ACjCQ;EACI;EACA;EACA;ADmCZ;;AC/BQ;EACI;ADiCZ;;AC3BI;EACE;AD8BN;;AC5BQ;EACE;EACA;AD8BV;;ACzBI;EAXJ;IAYM;ED4BJ;AACF;;AC3BI;EAdJ;IAeM;ED8BJ;AACF;;AC1BQ;EACE;AD4BV;;AC1BU;EACE;AD4BZ;;ACrBQ;EAZA;IAaE;EDwBR;AACF;;ACvBQ;EAfA;IAgBE;ED0BR;AACF;;ACtBI;EACE;ADwBN;;ACtBM;EACE;EACA;EACA;EACA;EACA;ADwBR;;ACvBQ;EACE;ADyBV;;ACxBU;EACE;AD0BZ;;ACrBM;EACE;ADuBR;;AChBM;EAFF;IAGI;IACA;EDmBN;AACF;;ACjBM;EACE;EACA;EACA;ADmBR;;ACfY;EADF;IAEI;EDkBZ;AACF;;ACfU;EACE;EACA;ADiBZ;;ACfY;EACE;ADiBd;;ACdY;EACE,8BFvFA;ACuGd;;ACTI;EACE;EACA;EACA;EACA;ADWN;;ACRQ;EACE;ADUV;;ACFY;EACE;ADId;;ACGgB;EACE;ADDlB;;ACIgB;EACE;ADFlB;;ACUM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADRR;;ACUQ;EACE;EACA;EACA;ADRV;;ACWQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADTV;;ACaM;EACE;EACA;ADXR;;ACeI;EACE;EACA;EACA;ADbN;;ACgBQ;EACE;EACA;ADdV;;ACiBQ;;EAEE;EACA;ADfV;;ACkBQ;EACE;EACA;ADhBV;;ACkBU;EACE;ADhBZ;;ACuBE;EACE;ADpBJ;;ACuBA;EACI;ADpBJ;;AC0BE;;;;;;EAEE;ADnBJ;;ACyBE;;EACE;ADrBJ,C","sources":["webpack://bbp-core-blocks/./assets/frontend/scss/el-widgets/_variables.scss","webpack://bbp-core-blocks/./src/forum-posts/editor.scss","webpack://bbp-core-blocks/./assets/frontend/scss/el-widgets/_forumPosts.scss"],"sourcesContent":[":root {\r\n --rob: \"Roboto\", sans-serif;\r\n --great: \"Great Vibes\", cursive;\r\n --bg_gradient: linear-gradient(45deg, #F5FDFF, #FEEFEC);\r\n --bbpc_brand_color: var(--bbpc_brand_color_opt,#0866ff);\r\n --h_title: #1d2746;\r\n --p_color: #6b707f;\r\n --bs-white: #fff;\r\n --black_25: #f9f9f9;\r\n --black_50: #f2f2f2;\r\n --black_75: #eeeeee;\r\n --black_90: #e0e6f0;\r\n --black_100: #d6d9dc;\r\n --black_150: #c8ccd0;\r\n --black_200: #bbc0c4;\r\n --black_300: #9fa6ad;\r\n --black_350: #9199a1;\r\n --black_400: #848d95;\r\n --black_500: #6a737c;\r\n --black_600: #535a60;\r\n --black_700: #3c4146;\r\n --black_750: #2f3337;\r\n --black_800: #242729;\r\n --black_900: #0c0d0e;\r\n --bbpc_color: #078669;\r\n --baseColor2: #4a6ee0;\r\n --bs_white: #fff;\r\n}\r\n\r\n/*font Variables*/\r\n$rob: var(--rob);\r\n$great: var(--great);\r\n\r\n$h_title: var(--h_title);\r\n$p_color: var(--p_color);\r\n$black_100: var(--black_100);\r\n$black_150: var(--black_150);\r\n$black_200: var(--black_200);\r\n$black_300: var(--black_300);\r\n$black_350: var(--black_350);\r\n$black_400: var(--black_400);\r\n$black_500: var(--black_500);\r\n$black_600: var(--black_600);\r\n$black_700: var(--black_700);\r\n$black_750: var(--black_750);\r\n$black_800: var(--black_800);\r\n$black_900: var(--black_900);\r\n$brand_color: var(--bbpc_brand_color);\r\n$baseColor2: var(--baseColor2);\r\n\r\n// Mixins\r\n@mixin transition(\r\n $property: all,\r\n $duration: 300ms,\r\n $animate: linear,\r\n $delay: 0s\r\n) {\r\n transition: $property $duration $animate $delay;\r\n}\r\n\r\n/**=== Functions ===**/\r\n@function brand_color_rgba($alpha) {\r\n @return rgba(7, 134, 105, $alpha);\r\n}\r\n\r\n// Placeholder Mixins\r\n\r\n@mixin placeholder {\r\n &.placeholder {\r\n @content;\r\n }\r\n &:-moz-placeholder {\r\n @content;\r\n }\r\n &::-moz-placeholder {\r\n @content;\r\n }\r\n &::-webkit-input-placeholder {\r\n @content;\r\n }\r\n}\r\n\r\n.col-md-offset-right-1,\r\n.col-lg-offset-right-1 {\r\n margin-right: 8.33333333%;\r\n}\r\n ",":root {\n --rob: \"Roboto\", sans-serif;\n --great: \"Great Vibes\", cursive;\n --bg_gradient: linear-gradient(45deg, #F5FDFF, #FEEFEC);\n --bbpc_brand_color: var(--bbpc_brand_color_opt,#0866ff);\n --h_title: #1d2746;\n --p_color: #6b707f;\n --bs-white: #fff;\n --black_25: #f9f9f9;\n --black_50: #f2f2f2;\n --black_75: #eeeeee;\n --black_90: #e0e6f0;\n --black_100: #d6d9dc;\n --black_150: #c8ccd0;\n --black_200: #bbc0c4;\n --black_300: #9fa6ad;\n --black_350: #9199a1;\n --black_400: #848d95;\n --black_500: #6a737c;\n --black_600: #535a60;\n --black_700: #3c4146;\n --black_750: #2f3337;\n --black_800: #242729;\n --black_900: #0c0d0e;\n --bbpc_color: #078669;\n --baseColor2: #4a6ee0;\n --bs_white: #fff;\n}\n\n/*font Variables*/\n/**=== Functions ===**/\n.col-md-offset-right-1,\n.col-lg-offset-right-1 {\n margin-right: 8.33333333%;\n}\n\n.community-post {\n border-radius: 6px;\n box-shadow: 0 2px 4px 0 rgba(2, 47, 57, 0.1);\n padding: 23px 30px;\n display: flex;\n background: var(--bs-white);\n align-items: center;\n justify-content: space-between;\n margin-bottom: 10px;\n transition: all 0.3s ease-in-out;\n border: 1px solid var(--black_50);\n}\n.community-post:hover {\n box-shadow: 0 24px 40px 0 rgba(2, 47, 57, 0.12);\n border-color: #eef3f6;\n transform: translateX(10px);\n}\n.community-post .post-content {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n.community-post .post-content .author-avatar {\n margin-right: 25px;\n border-radius: 50%;\n overflow: hidden;\n margin-top: -2px;\n}\n.community-post .post-content .entry-content {\n color: var(--black_600);\n font-size: 16px;\n font-family: \"Roboto\", sans-serif;\n}\n.community-post .post-content img {\n border-radius: 50%;\n}\n\n.community-post.forum-item {\n padding: 23px 15px;\n}\n.community-post.forum-item .post-content p {\n font-size: 14px;\n line-height: 1.3;\n}\n@media (max-width: 667px) {\n .community-post {\n display: block;\n }\n}\n@media (max-width: 420px) {\n .community-post {\n padding: 20px 15px;\n }\n}\n.community-post .post-content .author-avatar.forum-icon {\n border-radius: 0;\n}\n.community-post .post-content .author-avatar.forum-icon img {\n padding: 2px;\n}\n@media (max-width: 667px) {\n .community-post .post-content .author-avatar {\n margin-right: 20px;\n }\n}\n@media (max-width: 420px) {\n .community-post .post-content .author-avatar {\n margin-right: 15px;\n }\n}\n.community-post .post-content .entry-content {\n flex: 2;\n}\n.community-post .post-content .entry-content .post-title {\n font-size: 18px;\n font-weight: 500;\n margin: auto;\n margin-bottom: 0;\n line-height: 1.7;\n}\n.community-post .post-content .entry-content .post-title a {\n text-decoration: none;\n}\n.community-post .post-content .entry-content .post-title a:hover {\n color: var(--bbpc_brand_color);\n}\n.community-post .post-content .entry-content p {\n margin: 0;\n}\n@media (max-width: 667px) {\n .community-post .post-meta-wrapper {\n margin-top: 15px;\n margin-left: 70px;\n }\n}\n.community-post .post-meta-wrapper .post-meta-info {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n@media (max-width: 991px) {\n .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {\n margin-right: 20px;\n }\n}\n.community-post .post-meta-wrapper .post-meta-info li a {\n display: block;\n color: var(--black_600);\n}\n.community-post .post-meta-wrapper .post-meta-info li a i {\n margin-right: 10px;\n}\n.community-post .post-meta-wrapper .post-meta-info li a:hover {\n color: var(--bbpc_brand_color);\n}\n.community-post.style-two {\n margin-bottom: 0;\n border-radius: 0;\n box-shadow: none;\n position: relative;\n}\n.community-post.style-two .entry-content .post-title {\n font-size: 16px;\n}\n.community-post.style-two .post-meta-wrapper .post-meta-info li i {\n transition: all 0.3s ease-in-out;\n}\n.community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover a {\n color: #b1b5c0;\n}\n.community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover i {\n color: #f9ae44;\n}\n.community-post.style-two .com-featured {\n position: absolute;\n right: 0;\n top: -2px;\n height: 30px;\n width: 30px;\n z-index: 2;\n text-align: center;\n color: #fff;\n padding: 0 15px;\n}\n.community-post.style-two .com-featured i {\n z-index: 22;\n position: relative;\n font-size: 14px;\n}\n.community-post.style-two .com-featured:after {\n content: \"\";\n top: 0;\n position: absolute;\n right: 0;\n width: 0;\n height: 0;\n border-left: 30px solid transparent;\n border-right: 0 solid transparent;\n border-top: 30px solid #00ae69;\n z-index: 1;\n}\n.community-post.style-two .cat-wrap {\n display: inline-block;\n vertical-align: 3px;\n}\n.community-post .meta {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.community-post .meta li img {\n display: inline-block;\n vertical-align: -2px;\n}\n.community-post .meta li i,\n.community-post .meta li img {\n margin-right: 10px;\n font-size: 14px;\n}\n.community-post .meta li a {\n font-size: 14px;\n color: #838793;\n}\n.community-post .meta li a:hover {\n color: var(--bbpc_brand_color);\n}\n\n.community-post .post-meta-wrapper .post-meta-info li:first-child {\n margin-right: 40px;\n}\n\n.community-post .post-meta-wrapper .post-meta-info li {\n display: inline-block;\n}\n\n.forum-post-content .forum-post-btm .taxonomy i,\n.forum-post-content .forum-post-btm .taxonomy img,\n.community-post .post-meta-wrapper .post-meta-info li a i,\n.community-post .post-meta-wrapper .post-meta-info li a img,\n.community-post.style-two .meta li i,\n.community-post.style-two .meta li img {\n margin-right: 5px;\n}\n\n.post-header .category-menu li i,\n.community-post .post-meta-wrapper .post-meta-info li a i {\n font-size: 14px;\n}",".community-post {\r\n border-radius: 6px;\r\n box-shadow: 0 2px 4px 0 rgb(2, 47, 57, 0.1);\r\n padding: 23px 30px;\r\n display: flex;\r\n background: var(--bs-white);\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 10px;\r\n transition: all 0.3s ease-in-out;\r\n border: 1px solid var(--black_50);\r\n\r\n &:hover {\r\n box-shadow: 0 24px 40px 0 rgba(2, 47, 57, 0.12);\r\n border-color: #eef3f6;\r\n transform: translateX(10px);\r\n }\r\n\r\n .post-content {\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n\r\n .author-avatar {\r\n margin-right: 25px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n margin-top: -2px;\r\n }\r\n\r\n .entry-content {\r\n color: var(--black_600);\r\n font-size: 16px;\r\n font-family: 'Roboto', sans-serif;\r\n\r\n }\r\n\r\n img {\r\n border-radius: 50%;\r\n }\r\n }\r\n}\r\n\r\n.community-post {\r\n &.forum-item {\r\n padding: 23px 15px;\r\n .post-content {\r\n p {\r\n font-size: 14px;\r\n line-height: 1.3;\r\n }\r\n }\r\n }\r\n \r\n @media(max-width: 667px) {\r\n display: block;\r\n }\r\n @media(max-width: 420px) {\r\n padding: 20px 15px;\r\n }\r\n \r\n .post-content {\r\n .author-avatar {\r\n &.forum-icon {\r\n border-radius: 0;\r\n \r\n img {\r\n padding: 2px;\r\n }\r\n }\r\n \r\n //img{\r\n // max-width: 44px;\r\n //}\r\n @media(max-width: 667px) {\r\n margin-right: 20px;\r\n }\r\n @media(max-width: 420px) {\r\n margin-right: 15px;\r\n }\r\n } \r\n \r\n \r\n .entry-content {\r\n flex: 2;\r\n\r\n .post-title {\r\n font-size: 18px;\r\n font-weight: 500;\r\n margin: auto;\r\n margin-bottom: 0;\r\n line-height: 1.7;\r\n a {\r\n text-decoration: none;\r\n &:hover {\r\n color: var(--bbpc_brand_color);\r\n }\r\n }\r\n }\r\n\r\n p {\r\n margin: 0;\r\n }\r\n } \r\n }\r\n \r\n .post-meta-wrapper {\r\n \r\n @media(max-width: 667px) {\r\n margin-top: 15px;\r\n margin-left: 70px;\r\n }\r\n \r\n .post-meta-info {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n \r\n li {\r\n &:not(:last-child) {\r\n @media(max-width: 991px) {\r\n margin-right: 20px;\r\n }\r\n }\r\n \r\n a {\r\n display: block;\r\n color: var(--black_600);\r\n\r\n i {\r\n margin-right: 10px;\r\n }\r\n \r\n &:hover {\r\n color: $brand_color;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n \r\n &.style-two {\r\n margin-bottom: 0;\r\n border-radius: 0;\r\n box-shadow: none;\r\n position: relative;\r\n \r\n .entry-content {\r\n .post-title {\r\n font-size: 16px;\r\n }\r\n }\r\n \r\n .post-meta-wrapper {\r\n .post-meta-info {\r\n li {\r\n \r\n i {\r\n transition: all 0.3s ease-in-out;\r\n }\r\n \r\n &:nth-child(2) {\r\n \r\n &:hover {\r\n \r\n a {\r\n color: #b1b5c0;\r\n }\r\n \r\n i {\r\n color: #f9ae44;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n \r\n .com-featured {\r\n position: absolute;\r\n right: 0;\r\n top: -2px;\r\n height: 30px;\r\n width: 30px;\r\n z-index: 2;\r\n text-align: center;\r\n color: #fff;\r\n padding: 0 15px;\r\n \r\n i {\r\n z-index: 22;\r\n position: relative;\r\n font-size: 14px;\r\n }\r\n \r\n &:after {\r\n content: '';\r\n top: 0;\r\n position: absolute;\r\n right: 0;\r\n width: 0;\r\n height: 0;\r\n border-left: 30px solid transparent;\r\n border-right: 0 solid transparent;\r\n border-top: 30px solid #00ae69;\r\n z-index: 1;\r\n }\r\n }\r\n \r\n .cat-wrap {\r\n display: inline-block;\r\n vertical-align: 3px;\r\n }\r\n }\r\n \r\n .meta {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n \r\n li {\r\n img {\r\n display: inline-block;\r\n vertical-align: -2px;\r\n }\r\n \r\n i,\r\n img {\r\n margin-right: 10px;\r\n font-size: 14px;\r\n }\r\n \r\n a {\r\n font-size: 14px;\r\n color: #838793;\r\n \r\n &:hover {\r\n color: var(--bbpc_brand_color);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .community-post .post-meta-wrapper .post-meta-info li:first-child {\r\n margin-right: 40px;\r\n}\r\n\r\n.community-post .post-meta-wrapper .post-meta-info li {\r\n display: inline-block;\r\n}\r\n\r\n.forum-post-content .forum-post-btm .taxonomy,\r\n.community-post .post-meta-wrapper .post-meta-info li a,\r\n.community-post.style-two .meta li {\r\n i,\r\n img {\r\n margin-right: 5px;\r\n }\r\n}\r\n\r\n.post-header .category-menu li,\r\n.community-post .post-meta-wrapper .post-meta-info li a {\r\n i {\r\n font-size: 14px;\r\n }\r\n}\r\n\r\n\r\n\r\n"],"names":[],"ignoreList":[],"sourceRoot":""} |
