// WEBPACK FOOTER //// ./partials/_tile.scss"],"sourceRoot": ""; //"version":3, "sources":["webpack:///./partials/_tile.scss"], "names":[], "mappings":"AAQE, iFACE, 8BAAkC, CAElC, +PAKE, YAAa, CACd, wHAGC, uBAAyB, CAEzB, iRAEE, eACA, cACA, gBACA, eAAgB, CACjB, iIAGC, aACA, iBACA, eACA, eAAgB, CACjB, sGAID, eACA, sBACA, yBACA, kBACA, cACA, gBACA, uBAAyB, CAEzB, mPAEE, YAAa, CACd, kKAGC, iBACA, eACA, kBACA, OAAQ, CACT, gJAOD, cACA, WACA, kBACA, OACA, QACA, MACA, SACA, mBACA, UACA, uBAAyB, CAC1B, 6UAKG, eACA, gBAAiB, CAClB, +JAGC, eACA, iBACA, cACA, gBAAiB, CAClB, oIAID, cAAe, CAChB, yJAMG, cACA, aAAc, CACf, oLAQC, YAAa, CACd, wHAID, oBAAqB, CACtB, kKAMC, WAAa, CACd, oOAMC, YACA, kBAAmB, CAEnB, yeAEE, WACA, YAAa, CACd, 6OAGC, cACA, UAAW, CACZ, 8QAGC, YAAa, CACd, kNAID, WACA, kBAAmB", "file":"clientEmbed.css", "sourcesContent":["@mixin tileStyling { //Universal Tile Styling .tile { font-family: 'TedNext',sans-serif; .icon.star { display: none; } .friendly-timestamp { display: none; } .description { transition: all 0.3s ease; h3, .h3like { font-size: 19px; color: #414042; font-weight: 500; margin-top: 15px; } h4 { display: none; padding-top: 24px; font-size: 16px; line-height: 1.2; } } a.view { font-size: 12px; background-image: none; text-transform: uppercase; padding-left: 20px; color: #68cada; border-top: none; transition: all 0.3s ease; &::before, &::after { display: none; } i.fa.fa-caret-right { padding-left: 8px; font-size: 20px; position: relative; top: 2px; } } } // Highlight Tile Styling .tile.highlight { .img::after { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #68cada; opacity: 0; transition: all 0.2s ease; } .description { h3, .h3like { font-size: 30px; line-height: 38px; } h4 { font-size: 25px; line-height: 33px; display: block; padding-top: 10px; } } a.view { font-size: 14px; } .tile.twitter { .description { h4 { display: block; padding-top: 0; } } } // Universal Tile Hover Styling .tile:hover { .description { .share-single { display: none; } } a.view { text-decoration: none; } } Highlight Tile Styling.tile.highlight:hover { .img::after { opacity: 0.85; } } //Not Highlight Tile Styling .tile:not(.highlight):not(.twitter):hover { .description { height: 100%; background: #68cada; h3, .h3like { color: #fff; display: none; } h4 { display: block; color: #fff; } .share-single { display: none; } } a.view { color: #fff; background: #68cada; } } } .hubs-embedded, div#collection-items, div#related-items-carousel { @include tileStyling(); }