{"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":["/** * This file is the entry point for clientEmbed.css, * Clients can include this file on their website to get * their embeded tiles to look like their onbrand! **/@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();}// WEBPACK FOOTER //// ./partials/_tile.scss"],"sourceRoot":""}