Last active
October 21, 2015 19:45
-
-
Save quattromani/0314f679fdd657ed31e1 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <p>help me I think I'm falling</p> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| $deal-flow-tabs-bg: #e1e1e1; | |
| $deal-flow-tabs-bg-active: #9e9e9e; | |
| $deal-flow-tabs-text-color: #333; | |
| $deal-flow-tabs-text-color-active: #333; | |
| @import "bourbon/bourbon"; | |
| @import "neat/neat"; | |
| $base-spacing: 2rem !default; | |
| $pad: $base-spacing; | |
| // =Grid settings | |
| $gutter: $base-spacing; | |
| $grid-columns: 12; | |
| $max-width: 1010px; | |
| // =Breakpoints | |
| $desktop: new-breakpoint(min-width 1026px 12); | |
| $tablet: new-breakpoint(max-width 1025px 8); | |
| $mobile: new-breakpoint(max-width 750px 4); | |
| $base-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| $base-font-family-alt: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| $fontawesome: 'fontawesome'; | |
| $base-font-reset: 10px !default; | |
| $base-font-size: 16 !default; | |
| $base-font-color: #272727; | |
| $base-link-color: $deal-flow-tabs-text-color; | |
| $color-white: #fff; | |
| $color-off-white: #f1f1f1; | |
| $color-grey: #9e9e9e; | |
| $color-dark-grey: #9e9e9e; | |
| $color-light-grey: #e1e1e1; | |
| $color-brand-primary: $deal-flow-tabs-text-color; | |
| $color-brand-secondary: $color-grey; | |
| $support-legacy: true; | |
| $tab-bg: #bdc2c5; | |
| $tab-text-color: #4f575b; | |
| $tab-bg-hover: #7d8284; | |
| $tab-bg-active: $color-brand-primary; | |
| $tab-text-color-hover: $color-white; | |
| // =Alpha | |
| $site-alpha: .5; | |
| // Expiration Flags | |
| $flag-red: #c72626; | |
| $flag-grey: #e1e1e1; | |
| $flag-grey-text: #333; | |
| // =Article Headers | |
| $article-header-color: $color-brand-primary; | |
| $article-header-border-color: $color-grey; | |
| // =Social Media | |
| $twitter-link-color: #00aced; | |
| $twitter-color-alt: #b8dcee; | |
| $twitter-link-color-hover: $twitter-link-color; | |
| $facebook-link-color: #3b5998; | |
| $facebook-color-alt: #cad3eb; | |
| $facebook-link-color-hover: $facebook-link-color; | |
| $youtube-link-color: #db1117; | |
| $youtube-link-color-hover: $youtube-link-color; | |
| $pinterest-link-color: #cb2027; | |
| $pinterest-link-color-hover: $pinterest-link-color; | |
| $instagram-link-color: #ba5915; | |
| $instagram-link-color-hover: $instagram-link-color; | |
| $github-link-color: #4183c4; | |
| $github-link-color-hover: $github-link-color; | |
| $codepen-link-color: $color-white; | |
| $codepen-link-color-hover: $codepen-link-color; | |
| $dribbble-link-color: #ea4c89; | |
| $dribbble-link-color-hover: $dribbble-link-color; | |
| $linkedin-link-color: #007bb6; | |
| $linkedin-link-color-hover: $linkedin-link-color; | |
| $mobile-link-color: #ba5915; | |
| $mobile-link-color-hover: $mobile-link-color; | |
| [class*='fa-facebook'] { | |
| color: $facebook-link-color; | |
| &:hover { | |
| color: darken($facebook-link-color, 5%); | |
| } | |
| } | |
| [class*='fa-twitter'] { | |
| color: $twitter-link-color; | |
| &:hover { | |
| color: darken($twitter-link-color, 5%); | |
| } | |
| } | |
| [class*='fa-pinterest'] { | |
| color: $pinterest-link-color; | |
| &:hover { | |
| color: darken($pinterest-link-color, 5%); | |
| } | |
| } | |
| [class*='fa-codepen'] { | |
| color: $codepen-link-color; | |
| &:hover { | |
| color: darken($codepen-link-color, 5%); | |
| } | |
| } | |
| [class*='fa-instagram'] { | |
| color: $instagram-link-color; | |
| &:hover { | |
| color: darken($instagram-link-color, 5%); | |
| } | |
| } | |
| [class*='fa-github'] { | |
| color: $github-link-color; | |
| &:hover { | |
| color: darken($github-link-color, 5%); | |
| } | |
| } | |
| [class*='fa-dribbble'] { | |
| color: $dribbble-link-color; | |
| &:hover { | |
| color: darken($dribbble-link-color, 5%); | |
| } | |
| } | |
| // For Font Awesome 4.3.0 | |
| $icon-adjust: "\f042"; | |
| $icon-adn: "\f170"; | |
| $icon-align-center: "\f037"; | |
| $icon-align-justify: "\f039"; | |
| $icon-align-left: "\f036"; | |
| $icon-align-right: "\f038"; | |
| $icon-ambulance: "\f0f9"; | |
| $icon-anchor: "\f13d"; | |
| $icon-android: "\f17b"; | |
| $icon-angellist: "\f209"; | |
| $icon-angle-double-down: "\f103"; | |
| $icon-angle-double-left: "\f100"; | |
| $icon-angle-double-right: "\f101"; | |
| $icon-angle-double-up: "\f102"; | |
| $icon-angle-down: "\f107"; | |
| $icon-angle-left: "\f104"; | |
| $icon-angle-right: "\f105"; | |
| $icon-angle-up: "\f106"; | |
| $icon-apple: "\f179"; | |
| $icon-archive: "\f187"; | |
| $icon-area-chart: "\f1fe"; | |
| $icon-arrow-circle-down: "\f0ab"; | |
| $icon-arrow-circle-left: "\f0a8"; | |
| $icon-arrow-circle-o-down: "\f01a"; | |
| $icon-arrow-circle-o-left: "\f190"; | |
| $icon-arrow-circle-o-right: "\f18e"; | |
| $icon-arrow-circle-o-up: "\f01b"; | |
| $icon-arrow-circle-right: "\f0a9"; | |
| $icon-arrow-circle-up: "\f0aa"; | |
| $icon-arrow-down: "\f063"; | |
| $icon-arrow-left: "\f060"; | |
| $icon-arrow-right: "\f061"; | |
| $icon-arrow-up: "\f062"; | |
| $icon-arrows: "\f047"; | |
| $icon-arrows-alt: "\f0b2"; | |
| $icon-arrows-h: "\f07e"; | |
| $icon-arrows-v: "\f07d"; | |
| $icon-asterisk: "\f069"; | |
| $icon-at: "\f1fa"; | |
| $icon-automobile: "\f1b9"; | |
| $icon-backward: "\f04a"; | |
| $icon-ban: "\f05e"; | |
| $icon-bank: "\f19c"; | |
| $icon-bar-chart: "\f080"; | |
| $icon-bar-chart-o: "\f080"; | |
| $icon-barcode: "\f02a"; | |
| $icon-bars: "\f0c9"; | |
| $icon-bed: "\f236"; | |
| $icon-beer: "\f0fc"; | |
| $icon-behance: "\f1b4"; | |
| $icon-behance-square: "\f1b5"; | |
| $icon-bell: "\f0f3"; | |
| $icon-bell-o: "\f0a2"; | |
| $icon-bell-slash: "\f1f6"; | |
| $icon-bell-slash-o: "\f1f7"; | |
| $icon-bicycle: "\f206"; | |
| $icon-binoculars: "\f1e5"; | |
| $icon-birthday-cake: "\f1fd"; | |
| $icon-bitbucket: "\f171"; | |
| $icon-bitbucket-square: "\f172"; | |
| $icon-bitcoin: "\f15a"; | |
| $icon-bold: "\f032"; | |
| $icon-bolt: "\f0e7"; | |
| $icon-bomb: "\f1e2"; | |
| $icon-book: "\f02d"; | |
| $icon-bookmark: "\f02e"; | |
| $icon-bookmark-o: "\f097"; | |
| $icon-briefcase: "\f0b1"; | |
| $icon-btc: "\f15a"; | |
| $icon-bug: "\f188"; | |
| $icon-building: "\f1ad"; | |
| $icon-building-o: "\f0f7"; | |
| $icon-bullhorn: "\f0a1"; | |
| $icon-bullseye: "\f140"; | |
| $icon-bus: "\f207"; | |
| $icon-buysellads: "\f20d"; | |
| $icon-cab: "\f1ba"; | |
| $icon-calculator: "\f1ec"; | |
| $icon-calendar: "\f073"; | |
| $icon-calendar-o: "\f133"; | |
| $icon-camera: "\f030"; | |
| $icon-camera-retro: "\f083"; | |
| $icon-car: "\f1b9"; | |
| $icon-caret-down: "\f0d7"; | |
| $icon-caret-left: "\f0d9"; | |
| $icon-caret-right: "\f0da"; | |
| $icon-caret-square-o-down: "\f150"; | |
| $icon-caret-square-o-left: "\f191"; | |
| $icon-caret-square-o-right: "\f152"; | |
| $icon-caret-square-o-up: "\f151"; | |
| $icon-caret-up: "\f0d8"; | |
| $icon-cart-arrow-down: "\f218"; | |
| $icon-cart-plus: "\f217"; | |
| $icon-cc: "\f20a"; | |
| $icon-cc-amex: "\f1f3"; | |
| $icon-cc-discover: "\f1f2"; | |
| $icon-cc-mastercard: "\f1f1"; | |
| $icon-cc-paypal: "\f1f4"; | |
| $icon-cc-stripe: "\f1f5"; | |
| $icon-cc-visa: "\f1f0"; | |
| $icon-certificate: "\f0a3"; | |
| $icon-chain: "\f0c1"; | |
| $icon-chain-broken: "\f127"; | |
| $icon-check: "\f00c"; | |
| $icon-check-circle: "\f058"; | |
| $icon-check-circle-o: "\f05d"; | |
| $icon-check-square: "\f14a"; | |
| $icon-check-square-o: "\f046"; | |
| $icon-chevron-circle-down: "\f13a"; | |
| $icon-chevron-circle-left: "\f137"; | |
| $icon-chevron-circle-right: "\f138"; | |
| $icon-chevron-circle-up: "\f139"; | |
| $icon-chevron-down: "\f078"; | |
| $icon-chevron-left: "\f053"; | |
| $icon-chevron-right: "\f054"; | |
| $icon-chevron-up: "\f077"; | |
| $icon-child: "\f1ae"; | |
| $icon-circle: "\f111"; | |
| $icon-circle-o: "\f10c"; | |
| $icon-circle-o-notch: "\f1ce"; | |
| $icon-circle-thin: "\f1db"; | |
| $icon-clipboard: "\f0ea"; | |
| $icon-clock-o: "\f017"; | |
| $icon-close: "\f00d"; | |
| $icon-cloud: "\f0c2"; | |
| $icon-cloud-download: "\f0ed"; | |
| $icon-cloud-upload: "\f0ee"; | |
| $icon-cny: "\f157"; | |
| $icon-code: "\f121"; | |
| $icon-code-fork: "\f126"; | |
| $icon-codepen: "\f1cb"; | |
| $icon-coffee: "\f0f4"; | |
| $icon-cog: "\f013"; | |
| $icon-cogs: "\f085"; | |
| $icon-columns: "\f0db"; | |
| $icon-comment: "\f075"; | |
| $icon-comment-o: "\f0e5"; | |
| $icon-comments: "\f086"; | |
| $icon-comments-o: "\f0e6"; | |
| $icon-compass: "\f14e"; | |
| $icon-compress: "\f066"; | |
| $icon-connectdevelop: "\f20e"; | |
| $icon-copy: "\f0c5"; | |
| $icon-copyright: "\f1f9"; | |
| $icon-credit-card: "\f09d"; | |
| $icon-crop: "\f125"; | |
| $icon-crosshairs: "\f05b"; | |
| $icon-css3: "\f13c"; | |
| $icon-cube: "\f1b2"; | |
| $icon-cubes: "\f1b3"; | |
| $icon-cut: "\f0c4"; | |
| $icon-cutlery: "\f0f5"; | |
| $icon-dashboard: "\f0e4"; | |
| $icon-dashcube: "\f210"; | |
| $icon-database: "\f1c0"; | |
| $icon-dedent: "\f03b"; | |
| $icon-delicious: "\f1a5"; | |
| $icon-desktop: "\f108"; | |
| $icon-deviantart: "\f1bd"; | |
| $icon-diamond: "\f219"; | |
| $icon-digg: "\f1a6"; | |
| $icon-dollar: "\f155"; | |
| $icon-dot-circle-o: "\f192"; | |
| $icon-download: "\f019"; | |
| $icon-dribbble: "\f17d"; | |
| $icon-dropbox: "\f16b"; | |
| $icon-drupal: "\f1a9"; | |
| $icon-edit: "\f044"; | |
| $icon-eject: "\f052"; | |
| $icon-ellipsis-h: "\f141"; | |
| $icon-ellipsis-v: "\f142"; | |
| $icon-empire: "\f1d1"; | |
| $icon-envelope: "\f0e0"; | |
| $icon-envelope-o: "\f003"; | |
| $icon-envelope-square: "\f199"; | |
| $icon-eraser: "\f12d"; | |
| $icon-eur: "\f153"; | |
| $icon-euro: "\f153"; | |
| $icon-exchange: "\f0ec"; | |
| $icon-exclamation: "\f12a"; | |
| $icon-exclamation-circle: "\f06a"; | |
| $icon-exclamation-triangle: "\f071"; | |
| $icon-expand: "\f065"; | |
| $icon-external-link: "\f08e"; | |
| $icon-external-link-square: "\f14c"; | |
| $icon-eye: "\f06e"; | |
| $icon-eye-slash: "\f070"; | |
| $icon-eyedropper: "\f1fb"; | |
| $icon-facebook: "\f09a"; | |
| $icon-facebook-f: "\f09a"; | |
| $icon-facebook-official: "\f230"; | |
| $icon-facebook-square: "\f082"; | |
| $icon-fast-backward: "\f049"; | |
| $icon-fast-forward: "\f050"; | |
| $icon-fax: "\f1ac"; | |
| $icon-female: "\f182"; | |
| $icon-fighter-jet: "\f0fb"; | |
| $icon-file: "\f15b"; | |
| $icon-file-archive-o: "\f1c6"; | |
| $icon-file-audio-o: "\f1c7"; | |
| $icon-file-code-o: "\f1c9"; | |
| $icon-file-excel-o: "\f1c3"; | |
| $icon-file-image-o: "\f1c5"; | |
| $icon-file-movie-o: "\f1c8"; | |
| $icon-file-o: "\f016"; | |
| $icon-file-pdf-o: "\f1c1"; | |
| $icon-file-photo-o: "\f1c5"; | |
| $icon-file-picture-o: "\f1c5"; | |
| $icon-file-powerpoint-o: "\f1c4"; | |
| $icon-file-sound-o: "\f1c7"; | |
| $icon-file-text: "\f15c"; | |
| $icon-file-text-o: "\f0f6"; | |
| $icon-file-video-o: "\f1c8"; | |
| $icon-file-word-o: "\f1c2"; | |
| $icon-file-zip-o: "\f1c6"; | |
| $icon-files-o: "\f0c5"; | |
| $icon-film: "\f008"; | |
| $icon-filter: "\f0b0"; | |
| $icon-fire: "\f06d"; | |
| $icon-fire-extinguisher: "\f134"; | |
| $icon-flag: "\f024"; | |
| $icon-flag-checkered: "\f11e"; | |
| $icon-flag-o: "\f11d"; | |
| $icon-flash: "\f0e7"; | |
| $icon-flask: "\f0c3"; | |
| $icon-flickr: "\f16e"; | |
| $icon-floppy-o: "\f0c7"; | |
| $icon-folder: "\f07b"; | |
| $icon-folder-o: "\f114"; | |
| $icon-folder-open: "\f07c"; | |
| $icon-folder-open-o: "\f115"; | |
| $icon-font: "\f031"; | |
| $icon-forumbee: "\f211"; | |
| $icon-forward: "\f04e"; | |
| $icon-foursquare: "\f180"; | |
| $icon-frown-o: "\f119"; | |
| $icon-futbol-o: "\f1e3"; | |
| $icon-gamepad: "\f11b"; | |
| $icon-gavel: "\f0e3"; | |
| $icon-gbp: "\f154"; | |
| $icon-ge: "\f1d1"; | |
| $icon-gear: "\f013"; | |
| $icon-gears: "\f085"; | |
| $icon-genderless: "\f1db"; | |
| $icon-gift: "\f06b"; | |
| $icon-git: "\f1d3"; | |
| $icon-git-square: "\f1d2"; | |
| $icon-github: "\f09b"; | |
| $icon-github-alt: "\f113"; | |
| $icon-github-square: "\f092"; | |
| $icon-gittip: "\f184"; | |
| $icon-glass: "\f000"; | |
| $icon-globe: "\f0ac"; | |
| $icon-google: "\f1a0"; | |
| $icon-google-plus: "\f0d5"; | |
| $icon-google-plus-square: "\f0d4"; | |
| $icon-google-wallet: "\f1ee"; | |
| $icon-graduation-cap: "\f19d"; | |
| $icon-gratipay: "\f184"; | |
| $icon-group: "\f0c0"; | |
| $icon-h-square: "\f0fd"; | |
| $icon-hacker-news: "\f1d4"; | |
| $icon-hand-o-down: "\f0a7"; | |
| $icon-hand-o-left: "\f0a5"; | |
| $icon-hand-o-right: "\f0a4"; | |
| $icon-hand-o-up: "\f0a6"; | |
| $icon-hdd-o: "\f0a0"; | |
| $icon-header: "\f1dc"; | |
| $icon-headphones: "\f025"; | |
| $icon-heart: "\f004"; | |
| $icon-heart-o: "\f08a"; | |
| $icon-heartbeat: "\f21e"; | |
| $icon-history: "\f1da"; | |
| $icon-home: "\f015"; | |
| $icon-hospital-o: "\f0f8"; | |
| $icon-hotel: "\f236"; | |
| $icon-html5: "\f13b"; | |
| $icon-ils: "\f20b"; | |
| $icon-image: "\f03e"; | |
| $icon-inbox: "\f01c"; | |
| $icon-indent: "\f03c"; | |
| $icon-info: "\f129"; | |
| $icon-info-circle: "\f05a"; | |
| $icon-inr: "\f156"; | |
| $icon-instagram: "\f16d"; | |
| $icon-institution: "\f19c"; | |
| $icon-ioxhost: "\f208"; | |
| $icon-italic: "\f033"; | |
| $icon-joomla: "\f1aa"; | |
| $icon-jpy: "\f157"; | |
| $icon-jsfiddle: "\f1cc"; | |
| $icon-key: "\f084"; | |
| $icon-keyboard-o: "\f11c"; | |
| $icon-krw: "\f159"; | |
| $icon-language: "\f1ab"; | |
| $icon-laptop: "\f109"; | |
| $icon-lastfm: "\f202"; | |
| $icon-lastfm-square: "\f203"; | |
| $icon-leaf: "\f06c"; | |
| $icon-leanpub: "\f212"; | |
| $icon-legal: "\f0e3"; | |
| $icon-lemon-o: "\f094"; | |
| $icon-level-down: "\f149"; | |
| $icon-level-up: "\f148"; | |
| $icon-life-bouy: "\f1cd"; | |
| $icon-life-buoy: "\f1cd"; | |
| $icon-life-ring: "\f1cd"; | |
| $icon-life-saver: "\f1cd"; | |
| $icon-lightbulb-o: "\f0eb"; | |
| $icon-line-chart: "\f201"; | |
| $icon-link: "\f0c1"; | |
| $icon-linkedin: "\f0e1"; | |
| $icon-linkedin-square: "\f08c"; | |
| $icon-linux: "\f17c"; | |
| $icon-list: "\f03a"; | |
| $icon-list-alt: "\f022"; | |
| $icon-list-ol: "\f0cb"; | |
| $icon-list-ul: "\f0ca"; | |
| $icon-location-arrow: "\f124"; | |
| $icon-lock: "\f023"; | |
| $icon-long-arrow-down: "\f175"; | |
| $icon-long-arrow-left: "\f177"; | |
| $icon-long-arrow-right: "\f178"; | |
| $icon-long-arrow-up: "\f176"; | |
| $icon-magic: "\f0d0"; | |
| $icon-magnet: "\f076"; | |
| $icon-mail-forward: "\f064"; | |
| $icon-mail-reply: "\f112"; | |
| $icon-mail-reply-all: "\f122"; | |
| $icon-male: "\f183"; | |
| $icon-map-marker: "\f041"; | |
| $icon-mars: "\f222"; | |
| $icon-mars-double: "\f227"; | |
| $icon-mars-stroke: "\f229"; | |
| $icon-mars-stroke-h: "\f22b"; | |
| $icon-mars-stroke-v: "\f22a"; | |
| $icon-maxcdn: "\f136"; | |
| $icon-meanpath: "\f20c"; | |
| $icon-medium: "\f23a"; | |
| $icon-medkit: "\f0fa"; | |
| $icon-meh-o: "\f11a"; | |
| $icon-mercury: "\f223"; | |
| $icon-microphone: "\f130"; | |
| $icon-microphone-slash: "\f131"; | |
| $icon-minus: "\f068"; | |
| $icon-minus-circle: "\f056"; | |
| $icon-minus-square: "\f146"; | |
| $icon-minus-square-o: "\f147"; | |
| $icon-mobile: "\f10b"; | |
| $icon-mobile-phone: "\f10b"; | |
| $icon-money: "\f0d6"; | |
| $icon-moon-o: "\f186"; | |
| $icon-mortar-board: "\f19d"; | |
| $icon-motorcycle: "\f21c"; | |
| $icon-music: "\f001"; | |
| $icon-navicon: "\f0c9"; | |
| $icon-neuter: "\f22c"; | |
| $icon-newspaper-o: "\f1ea"; | |
| $icon-openid: "\f19b"; | |
| $icon-outdent: "\f03b"; | |
| $icon-pagelines: "\f18c"; | |
| $icon-paint-brush: "\f1fc"; | |
| $icon-paper-plane: "\f1d8"; | |
| $icon-paper-plane-o: "\f1d9"; | |
| $icon-paperclip: "\f0c6"; | |
| $icon-paragraph: "\f1dd"; | |
| $icon-paste: "\f0ea"; | |
| $icon-pause: "\f04c"; | |
| $icon-paw: "\f1b0"; | |
| $icon-paypal: "\f1ed"; | |
| $icon-pencil: "\f040"; | |
| $icon-pencil-square: "\f14b"; | |
| $icon-pencil-square-o: "\f044"; | |
| $icon-phone: "\f095"; | |
| $icon-phone-square: "\f098"; | |
| $icon-photo: "\f03e"; | |
| $icon-picture-o: "\f03e"; | |
| $icon-pie-chart: "\f200"; | |
| $icon-pied-piper: "\f1a7"; | |
| $icon-pied-piper-alt: "\f1a8"; | |
| $icon-pinterest: "\f0d2"; | |
| $icon-pinterest-p: "\f231"; | |
| $icon-pinterest-square: "\f0d3"; | |
| $icon-plane: "\f072"; | |
| $icon-play: "\f04b"; | |
| $icon-play-circle: "\f144"; | |
| $icon-play-circle-o: "\f01d"; | |
| $icon-plug: "\f1e6"; | |
| $icon-plus: "\f067"; | |
| $icon-plus-circle: "\f055"; | |
| $icon-plus-square: "\f0fe"; | |
| $icon-plus-square-o: "\f196"; | |
| $icon-power-off: "\f011"; | |
| $icon-print: "\f02f"; | |
| $icon-puzzle-piece: "\f12e"; | |
| $icon-qq: "\f1d6"; | |
| $icon-qrcode: "\f029"; | |
| $icon-question: "\f128"; | |
| $icon-question-circle: "\f059"; | |
| $icon-quote-left: "\f10d"; | |
| $icon-quote-right: "\f10e"; | |
| $icon-ra: "\f1d0"; | |
| $icon-random: "\f074"; | |
| $icon-rebel: "\f1d0"; | |
| $icon-recycle: "\f1b8"; | |
| $icon-reddit: "\f1a1"; | |
| $icon-reddit-square: "\f1a2"; | |
| $icon-refresh: "\f021"; | |
| $icon-remove: "\f00d"; | |
| $icon-renren: "\f18b"; | |
| $icon-reorder: "\f0c9"; | |
| $icon-repeat: "\f01e"; | |
| $icon-reply: "\f112"; | |
| $icon-reply-all: "\f122"; | |
| $icon-retweet: "\f079"; | |
| $icon-rmb: "\f157"; | |
| $icon-road: "\f018"; | |
| $icon-rocket: "\f135"; | |
| $icon-rotate-left: "\f0e2"; | |
| $icon-rotate-right: "\f01e"; | |
| $icon-rouble: "\f158"; | |
| $icon-rss: "\f09e"; | |
| $icon-rss-square: "\f143"; | |
| $icon-rub: "\f158"; | |
| $icon-ruble: "\f158"; | |
| $icon-rupee: "\f156"; | |
| $icon-save: "\f0c7"; | |
| $icon-scissors: "\f0c4"; | |
| $icon-search: "\f002"; | |
| $icon-search-minus: "\f010"; | |
| $icon-search-plus: "\f00e"; | |
| $icon-sellsy: "\f213"; | |
| $icon-send: "\f1d8"; | |
| $icon-send-o: "\f1d9"; | |
| $icon-server: "\f233"; | |
| $icon-share: "\f064"; | |
| $icon-share-alt: "\f1e0"; | |
| $icon-share-alt-square: "\f1e1"; | |
| $icon-share-square: "\f14d"; | |
| $icon-share-square-o: "\f045"; | |
| $icon-shekel: "\f20b"; | |
| $icon-sheqel: "\f20b"; | |
| $icon-shield: "\f132"; | |
| $icon-ship: "\f21a"; | |
| $icon-shirtsinbulk: "\f214"; | |
| $icon-shopping-cart: "\f07a"; | |
| $icon-sign-in: "\f090"; | |
| $icon-sign-out: "\f08b"; | |
| $icon-signal: "\f012"; | |
| $icon-simplybuilt: "\f215"; | |
| $icon-sitemap: "\f0e8"; | |
| $icon-skyatlas: "\f216"; | |
| $icon-skype: "\f17e"; | |
| $icon-slack: "\f198"; | |
| $icon-sliders: "\f1de"; | |
| $icon-slideshare: "\f1e7"; | |
| $icon-smile-o: "\f118"; | |
| $icon-soccer-ball-o: "\f1e3"; | |
| $icon-sort: "\f0dc"; | |
| $icon-sort-alpha-asc: "\f15d"; | |
| $icon-sort-alpha-desc: "\f15e"; | |
| $icon-sort-amount-asc: "\f160"; | |
| $icon-sort-amount-desc: "\f161"; | |
| $icon-sort-asc: "\f0de"; | |
| $icon-sort-desc: "\f0dd"; | |
| $icon-sort-down: "\f0dd"; | |
| $icon-sort-numeric-asc: "\f162"; | |
| $icon-sort-numeric-desc: "\f163"; | |
| $icon-sort-up: "\f0de"; | |
| $icon-soundcloud: "\f1be"; | |
| $icon-space-shuttle: "\f197"; | |
| $icon-spinner: "\f110"; | |
| $icon-spoon: "\f1b1"; | |
| $icon-spotify: "\f1bc"; | |
| $icon-square: "\f0c8"; | |
| $icon-square-o: "\f096"; | |
| $icon-stack-exchange: "\f18d"; | |
| $icon-stack-overflow: "\f16c"; | |
| $icon-star: "\f005"; | |
| $icon-star-half: "\f089"; | |
| $icon-star-half-empty: "\f123"; | |
| $icon-star-half-full: "\f123"; | |
| $icon-star-half-o: "\f123"; | |
| $icon-star-o: "\f006"; | |
| $icon-steam: "\f1b6"; | |
| $icon-steam-square: "\f1b7"; | |
| $icon-step-backward: "\f048"; | |
| $icon-step-forward: "\f051"; | |
| $icon-stethoscope: "\f0f1"; | |
| $icon-stop: "\f04d"; | |
| $icon-street-view: "\f21d"; | |
| $icon-strikethrough: "\f0cc"; | |
| $icon-stumbleupon: "\f1a4"; | |
| $icon-stumbleupon-circle: "\f1a3"; | |
| $icon-subscript: "\f12c"; | |
| $icon-subway: "\f239"; | |
| $icon-suitcase: "\f0f2"; | |
| $icon-sun-o: "\f185"; | |
| $icon-superscript: "\f12b"; | |
| $icon-support: "\f1cd"; | |
| $icon-table: "\f0ce"; | |
| $icon-tablet: "\f10a"; | |
| $icon-tachometer: "\f0e4"; | |
| $icon-tag: "\f02b"; | |
| $icon-tags: "\f02c"; | |
| $icon-tasks: "\f0ae"; | |
| $icon-taxi: "\f1ba"; | |
| $icon-tencent-weibo: "\f1d5"; | |
| $icon-terminal: "\f120"; | |
| $icon-text-height: "\f034"; | |
| $icon-text-width: "\f035"; | |
| $icon-th: "\f00a"; | |
| $icon-th-large: "\f009"; | |
| $icon-th-list: "\f00b"; | |
| $icon-thumb-tack: "\f08d"; | |
| $icon-thumbs-down: "\f165"; | |
| $icon-thumbs-o-down: "\f088"; | |
| $icon-thumbs-o-up: "\f087"; | |
| $icon-thumbs-up: "\f164"; | |
| $icon-ticket: "\f145"; | |
| $icon-times: "\f00d"; | |
| $icon-times-circle: "\f057"; | |
| $icon-times-circle-o: "\f05c"; | |
| $icon-tint: "\f043"; | |
| $icon-toggle-down: "\f150"; | |
| $icon-toggle-left: "\f191"; | |
| $icon-toggle-off: "\f204"; | |
| $icon-toggle-on: "\f205"; | |
| $icon-toggle-right: "\f152"; | |
| $icon-toggle-up: "\f151"; | |
| $icon-train: "\f238"; | |
| $icon-transgender: "\f224"; | |
| $icon-transgender-alt: "\f225"; | |
| $icon-trash: "\f1f8"; | |
| $icon-trash-o: "\f014"; | |
| $icon-tree: "\f1bb"; | |
| $icon-trello: "\f181"; | |
| $icon-trophy: "\f091"; | |
| $icon-truck: "\f0d1"; | |
| $icon-try: "\f195"; | |
| $icon-tty: "\f1e4"; | |
| $icon-tumblr: "\f173"; | |
| $icon-tumblr-square: "\f174"; | |
| $icon-turkish-lira: "\f195"; | |
| $icon-twitch: "\f1e8"; | |
| $icon-twitter: "\f099"; | |
| $icon-twitter-square: "\f081"; | |
| $icon-umbrella: "\f0e9"; | |
| $icon-underline: "\f0cd"; | |
| $icon-undo: "\f0e2"; | |
| $icon-university: "\f19c"; | |
| $icon-unlink: "\f127"; | |
| $icon-unlock: "\f09c"; | |
| $icon-unlock-alt: "\f13e"; | |
| $icon-unsorted: "\f0dc"; | |
| $icon-upload: "\f093"; | |
| $icon-usd: "\f155"; | |
| $icon-user: "\f007"; | |
| $icon-user-md: "\f0f0"; | |
| $icon-user-plus: "\f234"; | |
| $icon-user-secret: "\f21b"; | |
| $icon-user-times: "\f235"; | |
| $icon-users: "\f0c0"; | |
| $icon-venus: "\f221"; | |
| $icon-venus-double: "\f226"; | |
| $icon-venus-mars: "\f228"; | |
| $icon-viacoin: "\f237"; | |
| $icon-video-camera: "\f03d"; | |
| $icon-vimeo-square: "\f194"; | |
| $icon-vine: "\f1ca"; | |
| $icon-vk: "\f189"; | |
| $icon-volume-down: "\f027"; | |
| $icon-volume-off: "\f026"; | |
| $icon-volume-up: "\f028"; | |
| $icon-warning: "\f071"; | |
| $icon-wechat: "\f1d7"; | |
| $icon-weibo: "\f18a"; | |
| $icon-weixin: "\f1d7"; | |
| $icon-whatsapp: "\f232"; | |
| $icon-wheelchair: "\f193"; | |
| $icon-wifi: "\f1eb"; | |
| $icon-windows: "\f17a"; | |
| $icon-won: "\f159"; | |
| $icon-wordpress: "\f19a"; | |
| $icon-wrench: "\f0ad"; | |
| $icon-xing: "\f168"; | |
| $icon-xing-square: "\f169"; | |
| $icon-yahoo: "\f19e"; | |
| $icon-yelp: "\f1e9"; | |
| $icon-yen: "\f157"; | |
| $icon-youtube: "\f167"; | |
| $icon-youtube-play: "\f16a"; | |
| $icon-youtube-square: "\f166"; | |
| // Font Family | |
| @mixin font-family($font, $size: $base-font-size, $style: normal, $weight: normal) { | |
| font-family: $font, Arial, Sans-Serif; | |
| font-style: $style; | |
| font-weight: $weight; | |
| } | |
| // Font Size | |
| @mixin font-size($value, $base: $base-font-size) { | |
| @if not unitless($value) { | |
| $value: strip-units($value); | |
| } | |
| @if $support-legacy { | |
| font-size: $value * 1px; | |
| } | |
| // font-size: $value * .1rem; | |
| } | |
| @mixin icon($icon) { | |
| @include font-family($fontawesome); | |
| font-weight: normal; | |
| font-style: normal; | |
| display: inline-block; | |
| text-decoration: inherit; | |
| content: $icon; | |
| } | |
| @mixin icon-before($icon, $padding: $base-spacing/4, $font-size: $base-font-size, $color: inherit) { | |
| &::before { | |
| @include icon($icon); | |
| @include font-size($font-size); | |
| padding: 0 $padding; | |
| color: $color; | |
| } | |
| } | |
| @mixin icon-after($icon, $padding: $base-spacing/4, $font-size: $base-font-size, $color: inherit) { | |
| &::after { | |
| @include icon($icon); | |
| @include font-size($font-size); | |
| padding: 0 $padding; | |
| color: $color; | |
| } | |
| } | |
| // Inline-Block IE | |
| @mixin inline-block { | |
| display: inline-block; | |
| *zoom: 1; | |
| *display: inline; | |
| *vertical-align:auto; | |
| } | |
| @mixin article-header { | |
| @include font-size(24); | |
| @include margin(0 0 $base-spacing); | |
| padding-bottom: $base-spacing/2; | |
| border-bottom: 1px solid $article-header-border-color; | |
| color: $article-header-color; | |
| text-transform: uppercase; | |
| font-weight: 200; | |
| @include media($mobile) { | |
| @include font-size(16); | |
| @include padding($base-spacing/2 $base-spacing); | |
| width: calc(100% + #{$base-spacing*2}); | |
| margin-top: 0; | |
| margin-left: -$base-spacing; | |
| border-bottom: none; | |
| background-color: $article-header-color; | |
| color: $color-white; | |
| &.stick { | |
| position: fixed; | |
| top: 0; | |
| z-index: 999; | |
| } | |
| } | |
| } | |
| .article-header { | |
| @include article-header; | |
| } | |
| // Responsive images mixin | |
| @mixin responsive-image($position: top center, $w: 1800, $h: 100%, $radius: 0) { | |
| width: $w; | |
| height: $h; | |
| border-radius: $radius; | |
| object-fit: cover; | |
| object-position: $position; | |
| overflow: hidden; | |
| } | |
| // Vertical List Items | |
| @mixin vertical-list($arg: null, $padding: $base-spacing) { | |
| > li { | |
| @include inline-block; | |
| @include padding($padding 0); | |
| width: 100%; | |
| } | |
| @if $arg == lined { | |
| & > li { | |
| border-bottom: 1px solid lighten($color-dark-grey, 40%); | |
| &:last-of-type { | |
| border-bottom: 0; | |
| } | |
| } | |
| } | |
| li { | |
| @if $arg == clear { | |
| margin-left: 0; | |
| &:after { | |
| content: ''; | |
| @include padding(0); | |
| } | |
| } | |
| } | |
| } | |
| @mixin horizontal-list($display: inline, $arg: null) { | |
| li { | |
| display: $display; | |
| @if $arg == piped { | |
| @include padding(0); | |
| &:after { | |
| content: '|'; | |
| @include padding(0 ($base-spacing / 2)); | |
| } | |
| &.js-last:after { | |
| content: ''; | |
| } | |
| } | |
| @if $arg == slashed { | |
| @include padding(0); | |
| &:after { | |
| content: '/'; | |
| @include padding(0 ($base-spacing / 2)); | |
| } | |
| &.js-last:after { | |
| content: ''; | |
| } | |
| } | |
| @if $arg == spaced { | |
| margin-left: $base-spacing/2; | |
| &.js-first { | |
| margin-left: 0; | |
| } | |
| } | |
| @if $arg == clear { | |
| margin-left: 0; | |
| &:after { | |
| content: ''; | |
| @include padding(0); | |
| } | |
| } | |
| } | |
| } | |
| @mixin bulleted { | |
| ~ ul { | |
| margin-bottom: 0; | |
| } | |
| li { | |
| list-style: outside disc; | |
| margin-left: 1.25em; | |
| border-bottom: 0; | |
| } | |
| } | |
| @mixin reset-list { | |
| display: inline; | |
| } | |
| @charset "UTF-8"; | |
| .flag { | |
| @include inline-block; | |
| @include margin(0); | |
| @include padding($base-spacing/2); | |
| @include font-family($base-font-family-alt); | |
| @include font-size(10); | |
| @include transition; | |
| border: 1px solid $flag-red; | |
| background-color: $flag-red; | |
| font-weight: 200; | |
| color: $color-white; | |
| text-align: center; | |
| line-height: 1; | |
| text-transform: uppercase; | |
| letter-spacing: .075em; | |
| } | |
| .store-has-deals, | |
| .store-has-events { | |
| @extend .flag; | |
| } | |
| .store-has-events { | |
| h3 { | |
| background-color: #ecd42b !important; | |
| color: $base-font-color !important; | |
| } | |
| } | |
| // All expirations | |
| .notice-- { | |
| &ends-today, | |
| &ends-tomorrow, | |
| &ends-within-week, | |
| &ends-outside-week { | |
| @extend .flag; | |
| width: 100%; | |
| max-width: calc(100% - #{$base-spacing}); | |
| margin-bottom: $base-spacing/2; | |
| } | |
| // Expiring within the week | |
| &ends-within-week { | |
| border: 1px solid $flag-red; | |
| background-color: $color-white; | |
| color: $flag-red; | |
| } | |
| // Expiring outside of a week | |
| &ends-outside-week { | |
| border: 1px solid $flag-grey !important; | |
| background-color: $flag-grey !important; | |
| color: $flag-grey-text !important; | |
| } | |
| } | |
| #deal-flow { | |
| overflow: hidden; | |
| h2 { | |
| margin-top: 0 !important; | |
| } | |
| .bubble { | |
| @include inline-block; | |
| position: absolute; | |
| top: -0.5em; | |
| right: -0.5em; | |
| min-width: 1.8em; | |
| height: 1.8em; | |
| font-size: 16px; | |
| line-height: 1.75; | |
| font-weight: 700; | |
| border-radius: 50%; | |
| color: $color-white; | |
| background-color: $flag-red; | |
| text-align: center; | |
| z-index: 15; | |
| transition: background-color 200ms; | |
| @include media($mobile) { | |
| font-size: 0.8em; | |
| line-height: 1.4em; | |
| top: -0.4em; | |
| right: -0.4em; | |
| } | |
| } | |
| @include media($mobile) { | |
| .bubble { | |
| font-size: 0.8em; | |
| line-height: 1.4em; | |
| top: -0.4em; | |
| right: -0.4em; | |
| } | |
| } | |
| .bubble.bubble--active, | |
| .tile:hover .bubble, | |
| .tile:active .bubble { | |
| background-color: $flag-red; | |
| } | |
| .title { | |
| @include font-family($base-font-family); | |
| font-size: 1.875em; | |
| line-height: 1.2em; | |
| font-weight: 700; | |
| font-style: normal; | |
| text-transform: none; | |
| border: none; | |
| padding: 0; | |
| margin: 0 0 0.4em; | |
| color: $color-brand-secondary; | |
| &.title--secondary { | |
| font-size: 1.3em; | |
| line-height: 1.4em; | |
| font-weight: 700; | |
| margin-bottom: 0.65em; | |
| color: $color-grey; | |
| } | |
| } | |
| .filter { | |
| @include inline-block; | |
| margin: 0 $base-spacing/2 $base-spacing/2 0; | |
| &:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| &__title { | |
| @include inline-block; | |
| font-weight: 700; | |
| float: left; | |
| margin-right: 0.8em; | |
| padding-top: 0.2em; | |
| @include media($mobile) { | |
| display: none; | |
| } | |
| } | |
| &__control { | |
| float: left; | |
| } | |
| } | |
| .toggle { | |
| @include inline-block; | |
| margin: 0 0 1em; | |
| &:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| &__switch { | |
| @include inline-block; | |
| float: left; | |
| margin-right: $base-spacing/2; | |
| color: $color-light-grey; | |
| cursor: pointer; | |
| &:last-of-type { | |
| margin-right: 0; | |
| } | |
| &:hover, | |
| &:active, | |
| &:focus, | |
| &.toggle__switch--active { | |
| color: $color-dark-grey; | |
| } | |
| .icon { | |
| @include font-size(60); | |
| &.icon--grid { | |
| @include icon-before($icon-th-large, $font-size: 30); | |
| } | |
| &.icon--list { | |
| @include icon-before($icon-th-list, $font-size: 30); | |
| } | |
| } | |
| } | |
| } | |
| .tile { | |
| @include font-family($base-font-family); | |
| display: block; | |
| position: relative; | |
| text-decoration: none !important; | |
| transition: none !important; | |
| &:hover .tile__title, | |
| &:active .tile__title { | |
| color: $color-brand-primary !important; | |
| } | |
| &:hover .tile__thumbnail-mask:after, | |
| &:active .tile__thumbnail-mask:after { | |
| opacity: 1; | |
| } | |
| } | |
| .tile.tile--expand, | |
| .tile-list__content.tile-list__content--list .tile { | |
| max-width: none; | |
| margin-bottom: 0; | |
| } | |
| .tile.tile--expand .tile__wrap, | |
| .tile-list__content.tile-list__content--list .tile .tile__wrap { | |
| min-height: 172px; | |
| padding: 1em 0 1em 11em; | |
| border: none; | |
| border-top: 1px solid $color-light-grey; | |
| background-color: $color-white; | |
| @include media($tablet) { | |
| min-height: 0; | |
| padding: $base-spacing 0; | |
| } | |
| } | |
| .tile.tile--expand .tile__logo, | |
| .tile-list__content.tile-list__content--list .tile .tile__logo { | |
| @include media($mobile) { | |
| display: none; | |
| } | |
| } | |
| .tile.tile--expand .tile__logo-image, | |
| .tile-list__content.tile-list__content--list .tile .tile__logo-image { | |
| margin: 0; | |
| } | |
| .tile.tile--expand .tile__logo-text, | |
| .tile-list__content.tile-list__content--list .tile .tile__logo-text { | |
| text-align: left; | |
| } | |
| .tile.tile--expand .tile__thumbnail, | |
| .tile-list__content.tile-list__content--list .tile .tile__thumbnail { | |
| position: absolute; | |
| top: $base-spacing; | |
| left: 0; | |
| width: 10.1em; | |
| @include media($mobile) { | |
| display: none; | |
| } | |
| } | |
| .tile.tile--expand .notice, | |
| .tile-list__content.tile-list__content--list .tile .notice { | |
| width: 9em; | |
| position: absolute; | |
| top: $base-spacing / 2; | |
| right: 0; | |
| } | |
| // @include media($mobile) { | |
| // .tile.tile--expand .notice, | |
| // .tile-list__content.tile-list__content--list .tile .notice { | |
| // position: static; | |
| // margin-left: 1rem; | |
| // } | |
| // } | |
| // .tile.tile--expand .tile__title, | |
| // .tile-list__content.tile-list__content--list .tile .tile__title, | |
| // .tile.tile--expand .tile__subtitle, | |
| // .tile-list__content.tile-list__content--list .tile .tile__subtitle { | |
| // padding-left: 1rem; | |
| // } | |
| .tile.tile--expand.tile--stacked:before, | |
| .tile-list__content.tile-list__content--list .tile.tile--stacked:before, | |
| .tile.tile--expand.tile--stacked:after, | |
| .tile-list__content.tile-list__content--list .tile.tile--stacked:after { | |
| display: none; | |
| } | |
| .tile.tile--expand.tile--stacked .tile__thumbnail:before, | |
| .tile-list__content.tile-list__content--list .tile.tile--stacked .tile__thumbnail:before, | |
| .tile.tile--expand.tile--stacked .tile__thumbnail:after, | |
| .tile-list__content.tile-list__content--list .tile.tile--stacked .tile__thumbnail:after { | |
| content: ''; | |
| display: block; | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| background-color: $color-off-white; | |
| box-shadow: inset 0 0 0 1px $color-light-grey; | |
| z-index: 5; | |
| } | |
| .tile.tile--expand.tile--stacked .tile__thumbnail:before, | |
| .tile-list__content.tile-list__content--list .tile.tile--stacked .tile__thumbnail:before { | |
| top: 3px; | |
| left: -3px; | |
| } | |
| .tile.tile--expand.tile--stacked .tile__thumbnail:after, | |
| .tile-list__content.tile-list__content--list .tile.tile--stacked .tile__thumbnail:after { | |
| top: 6px; | |
| left: -6px; | |
| z-index: 1; | |
| } | |
| @include media($mobile) { | |
| .tile.tile--expand.tile--stacked .tile__thumbnail:after, | |
| .tile-list__content.tile-list__content--list .tile.tile--stacked .tile__thumbnail:after { | |
| display: none; | |
| } | |
| } | |
| @media(min-width: 500px) { | |
| .tile.tile--stacked .tile__wrap { | |
| min-height: 178px !important; | |
| } | |
| .tile.tile--stacked:before, | |
| .tile.tile--stacked:after { | |
| content: ''; | |
| display: block; | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| background-color: $color-off-white; | |
| box-shadow: inset 0 0 0 1px $color-light-grey; | |
| z-index: 5; | |
| } | |
| .tile.tile--stacked:before { | |
| top: 3px; | |
| left: -3px; | |
| } | |
| .tile.tile--stacked:after { | |
| top: 6px; | |
| left: -6px; | |
| z-index: 1; | |
| } | |
| } | |
| .tile__wrap { | |
| border: 1px solid $color-light-grey; | |
| background-color: $color-white; | |
| padding: $base-spacing/2; | |
| position: relative; | |
| z-index: 10; | |
| } | |
| .tile__logo { | |
| height: 3.06em; | |
| margin-bottom: 0.6em; | |
| position: relative; | |
| } | |
| .tile__logo-image { | |
| @include inline-block; | |
| max-width: 100%; | |
| max-height: 100%; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| margin: auto; | |
| box-shadow: none; | |
| } | |
| .tile__logo-text { | |
| display: block; | |
| text-align: center; | |
| font-family: sans-serif; | |
| font-weight: 700; | |
| font-size: 1em; | |
| line-height: 1.4em; | |
| color: $color-brand-secondary; | |
| } | |
| .tile__thumbnail { | |
| display: block; | |
| margin-bottom: $base-spacing/2; | |
| } | |
| .tile__thumbnail-mask { | |
| width: 100%; | |
| overflow: hidden; | |
| position: relative; | |
| background-color: $color-white; | |
| z-index: 10; | |
| border: 1px solid $color-light-grey; | |
| } | |
| .tile__thumbnail-mask:before { | |
| content: ''; | |
| display: block; | |
| padding-top: 86.5%; | |
| } | |
| .tile__thumbnail-mask:after { | |
| content: ''; | |
| display: block; | |
| width: 100%; | |
| height: 100%; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| box-shadow: inset 0 0 0 3px $color-brand-primary, | |
| inset 0 0 50px rgba(0,0,0, .5); | |
| opacity: 0; | |
| transition: opacity 200ms; | |
| } | |
| .tile__thumbnail-image { | |
| display: block; | |
| max-width: 100%; | |
| margin: 0 auto; | |
| position: absolute; | |
| top: 50%; | |
| left: 0; | |
| border: none; | |
| box-shadow: none; | |
| transform: translateY(-50%); | |
| } | |
| .tile__title { | |
| @include font-family($base-font-family); | |
| @include font-size(16); | |
| padding: 0; | |
| margin: 0 0 0.5em; | |
| border: none; | |
| font-weight: 700; | |
| font-style: normal; | |
| color: $color-brand-secondary; | |
| word-break: break-word; | |
| letter-spacing: 0; | |
| text-transform: uppercase; | |
| transition: color 200ms; | |
| a { | |
| color: $color-brand-secondary; | |
| text-decoration: none; | |
| &:hover { | |
| text-decoration: underline; | |
| } | |
| } | |
| } | |
| .tile__subtitle { | |
| @include font-family($base-font-family); | |
| margin: 0 !important; | |
| font-size: 1em; | |
| line-height: 1.4em; | |
| font-style: normal; | |
| color: $color-grey; | |
| text-transform: none; | |
| word-break: break-word; | |
| letter-spacing: 0; | |
| } | |
| .layout { | |
| margin-bottom: 1.25em; | |
| } | |
| .layout:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| .layout__left { | |
| float: left; | |
| width: 50%; | |
| } | |
| .layout__right { | |
| float: right; | |
| width: 50%; | |
| } | |
| @include media($tablet) { | |
| .layout__main { | |
| width: 62.5%; | |
| float: left; | |
| padding-right: 0.5em; | |
| } | |
| .layout__aside { | |
| width: 36.5%; | |
| float: right; | |
| padding-left: 0.5em; | |
| } | |
| } | |
| .logo { | |
| width: 247px; | |
| height: 74px; | |
| margin: 0 auto 1.875em; | |
| position: relative; | |
| box-shadow: 0 3px 5px rgba(0,0,0,.25); | |
| border: 1px solid #dadada; | |
| } | |
| .logo__image { | |
| @include inline-block; | |
| max-width: 100%; | |
| max-height: 100%; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| margin: auto; | |
| box-shadow: none; | |
| } | |
| .logo__text { | |
| display: block; | |
| width: 100%; | |
| position: absolute; | |
| top: 50%; | |
| left: 0; | |
| margin: -0.55em 0 0 0; | |
| @include font-family($base-font-family); | |
| font-size: 1em; | |
| line-height: 1.4em; | |
| font-weight: 700; | |
| text-align: center; | |
| text-transform: none; | |
| border: none; | |
| color: $color-brand-secondary; | |
| } | |
| .icon-list { | |
| @include inline-block; | |
| list-style: none !important; | |
| margin: 0 !important; | |
| padding: 0; | |
| } | |
| .icon-list__item { | |
| @include inline-block; | |
| float: left; | |
| margin: 0 0.5em 0.5em 0 !important; | |
| cursor: pointer; | |
| list-style: none !important; | |
| } | |
| .icon-list__item:last-child { | |
| margin-right: 0 !important; | |
| } | |
| .icon-list__description { | |
| @include inline-block; | |
| float: left; | |
| padding: 0.4em 0.5em 0 0; | |
| } | |
| .icon-list__icon { | |
| display: block; | |
| width: 2.31em; | |
| height: 2.31em; | |
| margin: 0; | |
| box-shadow: none; | |
| border: none; | |
| } | |
| .icon-list__icon:hover { | |
| opacity: 0.75; | |
| } | |
| .icon-list__icon:active { | |
| opacity: 0.5; | |
| } | |
| .featured-image { | |
| display: table; | |
| width: 100%; | |
| height: 566px; | |
| background-color: #ebe9e9; | |
| border: 1px solid #b2b2b2; | |
| margin-bottom: 1.25em; | |
| } | |
| .featured-image__wrapper { | |
| display: table-cell; | |
| vertical-align: middle; | |
| } | |
| .featured-image__image { | |
| display: block; | |
| max-width: 100%; | |
| max-height: 100%; | |
| margin: 0 auto; | |
| box-shadow: none; | |
| } | |
| .featured-image__image.featured-image__image--fallback { | |
| max-width: 279px; | |
| max-height: 242px; | |
| } | |
| // .blocks { | |
| // display: block; | |
| // list-style: none !important; | |
| // width: 100%; | |
| // margin: 0 !important; | |
| // padding: 1.6em 0 !important; | |
| // background-color: #3f3b37; | |
| // color: $color-white; | |
| // word-wrap: break-word; | |
| // } | |
| // .blocks:after { | |
| // content: ""; | |
| // display: table; | |
| // clear: both; | |
| // } | |
| // @media (max-width: 800px) { | |
| // .blocks { | |
| // padding: 0 !important; | |
| // } | |
| // } | |
| // .blocks__block { | |
| // width: 25%; | |
| // min-height: 84px; | |
| // float: left; | |
| // border-right: 1px solid #2e2b28; | |
| // box-shadow: 1px 0 0 #625e5b; | |
| // padding: 0 1.6em; | |
| // margin: 0 !important; | |
| // list-style: none !important; | |
| // } | |
| // .blocks__block:last-child { | |
| // border-right: none; | |
| // box-shadow: none; | |
| // } | |
| // @include media($tablet) { | |
| // .blocks__block { | |
| // width: 100%; | |
| // border-right: none; | |
| // box-shadow: none; | |
| // padding: 1.6em; | |
| // border-bottom: 1px solid #2e2b28; | |
| // box-shadow: 0 1px 0 #625e5b; | |
| // } | |
| // .blocks__block:last-child { | |
| // border-bottom: none; | |
| // box-shadow: none; | |
| // } | |
| // } | |
| // .blocks__title, | |
| // .blocks__description { | |
| // @include font-family($base-font-family); | |
| // font-size: 1em; | |
| // line-height: 1.4em; | |
| // text-transform: none; | |
| // color: #fff !important; | |
| // margin: 0 0 0.5em !important; | |
| // } | |
| // .blocks__title { | |
| // font-weight: 700; | |
| // } | |
| // .blocks__description { | |
| // font-weight: 400; | |
| // } | |
| // .blocks__link, | |
| // a.blocks__link:link, | |
| // a.blocks__link:visited { | |
| // color: $color-brand-primary !important; | |
| // text-decoration: none !important; | |
| // @include font-family($base-font-family); | |
| // font-size: 1em; | |
| // line-height: 1.4em; | |
| // font-weight: 700; | |
| // } | |
| // .blocks__link:hover, | |
| // .blocks__link:active, | |
| // a.blocks__link:link:hover, | |
| // a.blocks__link:link:active, | |
| // a.blocks__link:visited:hover, | |
| // a.blocks__link:visited:active { | |
| // text-decoration: underline !important; | |
| // } | |
| .copy { | |
| @include font-family($base-font-family); | |
| font-size: 1em; | |
| line-height: 1.4em; | |
| font-weight: 400; | |
| color: $color-brand-secondary; | |
| } | |
| .copy p { | |
| @include font-family($base-font-family); | |
| font-size: 1em; | |
| line-height: 1.4em; | |
| font-weight: 400; | |
| margin: 0 0 1em; | |
| color: $color-brand-secondary; | |
| } | |
| .tile-list { | |
| @include font-size(16); | |
| line-height: 1.4em; | |
| margin-bottom: 1.6em; | |
| } | |
| .tile-list.tile-list--alt { | |
| width: calc(100% + 3.2em); | |
| margin-left: -1.6em; | |
| padding: 1.6em 1.6em 0.6em; | |
| background-color: #ebe9e9; | |
| border-top: 1px solid #dadada; | |
| border-bottom: 1px solid #dadada; | |
| } | |
| @include media($mobile) { | |
| .tile-list.tile-list--alt { | |
| width: calc(100% + 2em); | |
| margin-left: -1em; | |
| padding: 1em; | |
| } | |
| } | |
| .tile-list__header:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| .tile-list__header .filter, | |
| .tile-list__header .toggle { | |
| float: left; | |
| margin-left: $base-spacing / 4; | |
| } | |
| .tile-list__header .title { | |
| margin: -0.6em 0 0.4em !important; | |
| } | |
| .tile-list__content { | |
| position: relative; | |
| max-width: 100%; | |
| margin: 0 auto; | |
| } | |
| .tile-list__content.tile-list__content--loaded .tile { | |
| opacity: 1; | |
| } | |
| .tile-list__content.tile-list__content--list .tile { | |
| width: calc(100% - 16px); | |
| @include media($mobile) { | |
| width: 100%; | |
| } | |
| } | |
| .tile-list__content.tile-list__content--full-width { | |
| max-width: none; | |
| } | |
| .tile-list__content .tile { | |
| width: calc(25% - #{$base-spacing / 2}); | |
| margin: 0 $base-spacing/4 $base-spacing/2 $base-spacing/4; | |
| float: left; | |
| opacity: 0; | |
| @include media($mobile) { | |
| width: calc(50% - #{$base-spacing/2}); | |
| } | |
| } | |
| .tile-list__content--list { | |
| @include media($mobile) { | |
| .tile { | |
| margin: 0; | |
| .tile__title { | |
| @include media($mobile) { | |
| max-width: calc(100% - 8em); | |
| } | |
| } | |
| } | |
| } | |
| } | |
| // @include media($mobile) { | |
| // // .tile-list__content:not(.tile-list__content--list) { | |
| // // width: calc(100% + 8px); | |
| // // } | |
| // .tile-list__content:not(.tile-list__content--list) .tile { | |
| // width: calc(50% - $base-spacing/2); | |
| // margin: 0; | |
| // } | |
| // } | |
| } | |
| /*# sourceMappingURL=main.css.map */ | |
| #deal-flow-wrapper { | |
| @include outer-container; | |
| .deal-flow-wrapper__right { | |
| @include span-columns(9); | |
| @include media($mobile) { | |
| @include span-columns(4); | |
| } | |
| h2 { | |
| display: none; | |
| } | |
| } | |
| .deal-flow-wrapper__left { | |
| @include span-columns(3); | |
| @include media($mobile) { | |
| @include span-columns(4); | |
| } | |
| } | |
| #deal-flow-filter-panel { | |
| li { | |
| @include padding($base-spacing/2 $base-spacing); | |
| @include font-family($base-font-family-alt); | |
| @include font-size(18); | |
| margin-bottom: $base-spacing/4; | |
| background-color: $deal-flow-tabs-bg; | |
| font-weight: bold; | |
| color: $deal-flow-tabs-text-color; | |
| text-align: left; | |
| text-transform: uppercase; | |
| cursor: pointer; | |
| &.deal-flow-active { | |
| background-color: $deal-flow-tabs-bg-active; | |
| color: $deal-flow-tabs-text-color-active; | |
| } | |
| } | |
| } | |
| .tile-list__header { | |
| .filter:first-of-type { | |
| display: none; | |
| } | |
| .toggle { | |
| float: right !important; | |
| } | |
| } | |
| } | |
| .deals { | |
| .featured-deals { | |
| h1 { | |
| @include article-header; | |
| } | |
| } | |
| .component-deals-list { | |
| @include outer-container; | |
| h2 { | |
| @include article-header; | |
| } | |
| .tabbed-buttons { | |
| margin-bottom: $base-spacing*2; | |
| ul { | |
| margin-bottom: $base-spacing/6; | |
| } | |
| a { | |
| width: 100%; | |
| margin-bottom: $base-spacing/5; | |
| } | |
| .label { | |
| a { | |
| color: $color-white; | |
| padding: 0; | |
| margin: 0; | |
| background-color: transparent; | |
| } | |
| } | |
| .selectric-items { | |
| li { | |
| margin: 0; | |
| } | |
| a { | |
| padding: 0; | |
| margin: 0; | |
| background-color: transparent; | |
| text-align: left; | |
| text-transform: capitalize; | |
| font-weight: lighter; | |
| color: #666; | |
| &:hover, | |
| &:active { | |
| color: #444; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| .deals-tabs { | |
| @include span-columns(3); | |
| @include media($mobile) { | |
| @include span-columns(4); | |
| } | |
| } | |
| .flow-container { | |
| visibility: hidden; | |
| } | |
| .deals-details { | |
| @include span-columns(9); | |
| .deals-flow-controls { | |
| width: 100%; | |
| margin-bottom: $base-spacing; | |
| border-bottom: 1px solid $color-grey; | |
| .sort { | |
| font-weight: bold; | |
| } | |
| } | |
| .flow-layout { | |
| float: right; | |
| } | |
| .sort-lists { | |
| display: inline-block; | |
| vertical-align: sub; | |
| h4, | |
| ul { | |
| text-transform: uppercase; | |
| } | |
| h4 { | |
| @include font-family($base-font-family-alt); | |
| @include font-size(16); | |
| } | |
| ul { | |
| @include horizontal-list(inline-block, spaced); | |
| li { | |
| &.tile, | |
| &.vertical { | |
| float: right; | |
| } | |
| } | |
| a { | |
| @include font-family($base-font-family-alt); | |
| color: $base-link-color; | |
| &.js-active, | |
| &.active { | |
| color: $base-link-color; | |
| } | |
| } | |
| } | |
| } | |
| @include media($mobile) { | |
| @include span-columns(4); | |
| } | |
| } | |
| .deals-teaser { | |
| img { | |
| @include padding($base-spacing/2); | |
| } | |
| } | |
| .th-list { | |
| @include icon-after($icon-th-list, $font-size: 25); | |
| } | |
| .th-large { | |
| @include icon-after($icon-th-large, $font-size: 25); | |
| } | |
| .th-list, | |
| .th-large { | |
| &.js-active { | |
| color: $tab-bg-active !important; | |
| } | |
| } | |
| .category-list-deals { | |
| position: relative; | |
| ul { | |
| @include vertical-list(lined); | |
| * { // Removes isotope jerkiness and miscalculations | |
| transition: none; | |
| } | |
| } | |
| .grid { | |
| li { | |
| // @include span-columns(1 of 3); | |
| // @include omega(3n); | |
| width: 22.5%; | |
| margin: 0 1.25% 2.5%; | |
| padding: 0; | |
| border: 1px solid $color-light-grey; | |
| @include media($tablet) { | |
| padding: $base-spacing/4; | |
| // @include span-columns(1 of 2); | |
| width: 30%; | |
| margin: 0 1.5% 3%; | |
| } | |
| @include media($mobile) { | |
| padding: $base-spacing/4; | |
| // @include span-columns(1 of 2); | |
| width: 50%; | |
| margin: 0; | |
| } | |
| } | |
| .read-more { | |
| display: none; | |
| } | |
| .deal-teaser { | |
| padding: $base-spacing/2; | |
| } | |
| .retailer-logo { | |
| display: block; | |
| border: 1px solid $color-light-grey; | |
| margin-bottom: $base-spacing/2; | |
| img { | |
| @include responsive-image(relative, 80px, 40px); | |
| border: 0; | |
| margin: 0 auto; | |
| } | |
| } | |
| img { | |
| @include responsive-image(relative, 150px, 150px); | |
| float: none; | |
| margin: 0 auto $base-spacing/2; | |
| @include media($mobile) { | |
| @include responsive-image(relative, 150px, 150px); | |
| display: block; | |
| } | |
| } | |
| h3, h4, p, time { | |
| max-width: 100%; | |
| width: 100%; | |
| } | |
| time { | |
| position: relative; | |
| margin-bottom: $base-spacing; | |
| } | |
| } | |
| .vertical { | |
| // @include media($mobile) { | |
| // li { | |
| // margin: 0 $base-spacing; | |
| // width: calc(100% - #{$base-spacing*2}); | |
| // } | |
| // } | |
| } | |
| } | |
| @include media($mobile) { | |
| .mezzobit-ad { | |
| display: none; | |
| } | |
| } | |
| } | |
| a.in-store-event { | |
| &:after { | |
| content: 's'; | |
| } | |
| } | |
| $main-color: #DDD; | |
| $secondary-color: #BBB; | |
| $bg-color: $color-grey; | |
| $text-color: $color-brand-secondary; | |
| $spacing: $base-spacing; | |
| $border-width: 1px; | |
| .selectric-wrapper { | |
| position: relative; | |
| min-width: 300px; | |
| cursor: pointer; | |
| } | |
| .selectric-responsive { | |
| width: 100%; | |
| } | |
| .selectric { | |
| background-color: $bg-color; | |
| position: relative; | |
| .label { | |
| @include font-family($base-font-family-alt); | |
| @include font-size(16); | |
| @include icon-after($icon-chevron-down); | |
| display: block; | |
| margin-bottom: 0; | |
| padding: $base-spacing/2 $base-spacing; | |
| white-space: nowrap; | |
| line-height: 1; | |
| text-overflow: ellipsis; | |
| color: $color-white; | |
| text-align: center; | |
| text-transform: uppercase; | |
| } | |
| .button { | |
| display: none; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| // width: $inner-height; | |
| // height: $inner-height; | |
| background: initial; | |
| color: $bg-color; | |
| text-align: center; | |
| font: 0/0 a; | |
| // *font: 20px/#{$inner-height} Lucida Sans Unicode, Arial Unicode MS, Arial; | |
| &:after { | |
| content: " "; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| margin: auto; | |
| width: 0; | |
| height: 0; | |
| border: 4px solid transparent; | |
| border-top-color: $secondary-color; | |
| border-bottom: none; | |
| } | |
| } | |
| } | |
| .selectric-hover .selectric { | |
| border-color: darken($main-color, 10%); | |
| .button { | |
| color: darken($secondary-color, 10%); | |
| &:after { | |
| border-top-color: darken($secondary-color, 10%); | |
| } | |
| } | |
| } | |
| .selectric-open { | |
| z-index: 9999; | |
| .selectric { | |
| border-color: darken($main-color, 10%); | |
| } | |
| .selectric-items { | |
| display: block; | |
| } | |
| } | |
| .selectric-disabled { | |
| filter: alpha(opacity=50); | |
| opacity: 0.5; | |
| cursor: default; | |
| user-select: none; | |
| } | |
| .selectric-hide-select { | |
| position: relative; | |
| overflow: hidden; | |
| width: 0; | |
| height: 0; | |
| select { | |
| position: absolute; | |
| left: -100%; | |
| display: none; | |
| } | |
| } | |
| .selectric-input { | |
| position: absolute !important; | |
| top: 0 !important; | |
| left: 0 !important; | |
| overflow: hidden !important; | |
| clip: rect(0, 0, 0, 0) !important; | |
| margin: 0 !important; | |
| padding: 0 !important; | |
| width: 1px !important; | |
| height: 1px !important; | |
| outline: none !important; | |
| border: none !important; | |
| *font: 0/0 a !important; | |
| background: none !important; | |
| } | |
| .selectric-temp-show { | |
| position: absolute !important; | |
| visibility: hidden !important; | |
| display: block !important; | |
| } | |
| /* Items box */ | |
| .selectric-items { | |
| display: none; | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| background: $color-white; | |
| border: 1px solid darken($main-color, 10%); | |
| z-index: -1; | |
| box-shadow: 0 0 10px -6px; | |
| .selectric-scroll { | |
| height: 100%; | |
| overflow: auto; | |
| } | |
| ul, li { | |
| @include font-size(16); | |
| list-style: none; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| li { | |
| display: block; | |
| padding: 8px; | |
| border-top: 1px solid #FFF; | |
| border-bottom: 1px solid #EEE; | |
| color: #666; | |
| cursor: pointer; | |
| &.selected { | |
| background: #EFEFEF; | |
| color: #444; | |
| } | |
| &:hover { | |
| background: #F0F0F0; | |
| color: #444; | |
| } | |
| } | |
| .disabled { | |
| filter: alpha(opacity=50); | |
| opacity: 0.5; | |
| cursor: default !important; | |
| background: none !important; | |
| color: #666 !important; | |
| user-select: none; | |
| } | |
| .selectric-group { | |
| .selectric-group-label { | |
| font-weight: bold; | |
| padding-left: 10px; | |
| cursor: default; | |
| user-select: none; | |
| background: none; | |
| color: #444; | |
| } | |
| &.disabled li { | |
| filter: alpha(opacity=100); | |
| opacity: 1; | |
| } | |
| li { | |
| padding-left: 25px; | |
| } | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset "UTF-8"; | |
| html { | |
| box-sizing: border-box; | |
| } | |
| *, | |
| *::after, | |
| *::before { | |
| box-sizing: inherit; | |
| } | |
| [class*='fa-facebook'] { | |
| color: #3b5998; | |
| } | |
| [class*='fa-facebook']:hover { | |
| color: #344e86; | |
| } | |
| [class*='fa-twitter'] { | |
| color: #00aced; | |
| } | |
| [class*='fa-twitter']:hover { | |
| color: #0099d3; | |
| } | |
| [class*='fa-pinterest'] { | |
| color: #cb2027; | |
| } | |
| [class*='fa-pinterest']:hover { | |
| color: #b51d23; | |
| } | |
| [class*='fa-codepen'] { | |
| color: #fff; | |
| } | |
| [class*='fa-codepen']:hover { | |
| color: #f2f2f2; | |
| } | |
| [class*='fa-instagram'] { | |
| color: #ba5915; | |
| } | |
| [class*='fa-instagram']:hover { | |
| color: #a34e12; | |
| } | |
| [class*='fa-github'] { | |
| color: #4183c4; | |
| } | |
| [class*='fa-github']:hover { | |
| color: #3876b4; | |
| } | |
| [class*='fa-dribbble'] { | |
| color: #ea4c89; | |
| } | |
| [class*='fa-dribbble']:hover { | |
| color: #e7357a; | |
| } | |
| .article-header { | |
| font-size: 24px; | |
| margin: 0 0 2rem; | |
| padding-bottom: 1rem; | |
| border-bottom: 1px solid #9e9e9e; | |
| color: #333; | |
| text-transform: uppercase; | |
| font-weight: 200; | |
| } | |
| @media screen and (max-width: 750px) { | |
| .article-header { | |
| font-size: 16px; | |
| padding: 1rem 2rem; | |
| width: calc(100% + 4rem); | |
| margin-top: 0; | |
| margin-left: -2rem; | |
| border-bottom: none; | |
| background-color: #333; | |
| color: #fff; | |
| } | |
| .article-header.stick { | |
| position: fixed; | |
| top: 0; | |
| z-index: 999; | |
| } | |
| } | |
| .flag, .store-has-deals, | |
| .store-has-events, .notice--ends-today, | |
| .notice--ends-tomorrow, | |
| .notice--ends-within-week, | |
| .notice--ends-outside-week { | |
| display: inline-block; | |
| *zoom: 1; | |
| *display: inline; | |
| *vertical-align: auto; | |
| margin: 0; | |
| padding: 1rem; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 10px; | |
| -webkit-transition: all 0.15s ease-out 0s; | |
| -moz-transition: all 0.15s ease-out 0s; | |
| transition: all 0.15s ease-out 0s; | |
| border: 1px solid #c72626; | |
| background-color: #c72626; | |
| font-weight: 200; | |
| color: #fff; | |
| text-align: center; | |
| line-height: 1; | |
| text-transform: uppercase; | |
| letter-spacing: .075em; | |
| } | |
| .store-has-events h3 { | |
| background-color: #ecd42b !important; | |
| color: #272727 !important; | |
| } | |
| .notice--ends-today, | |
| .notice--ends-tomorrow, | |
| .notice--ends-within-week, | |
| .notice--ends-outside-week { | |
| width: 100%; | |
| max-width: calc(100% - 2rem); | |
| margin-bottom: 1rem; | |
| } | |
| .notice--ends-within-week { | |
| border: 1px solid #c72626; | |
| background-color: #fff; | |
| color: #c72626; | |
| } | |
| .notice--ends-outside-week { | |
| border: 1px solid #e1e1e1 !important; | |
| background-color: #e1e1e1 !important; | |
| color: #333 !important; | |
| } | |
| #deal-flow { | |
| overflow: hidden; | |
| } | |
| #deal-flow h2 { | |
| margin-top: 0 !important; | |
| } | |
| #deal-flow .bubble { | |
| display: inline-block; | |
| *zoom: 1; | |
| *display: inline; | |
| *vertical-align: auto; | |
| position: absolute; | |
| top: -0.5em; | |
| right: -0.5em; | |
| min-width: 1.8em; | |
| height: 1.8em; | |
| font-size: 16px; | |
| line-height: 1.75; | |
| font-weight: 700; | |
| border-radius: 50%; | |
| color: #fff; | |
| background-color: #c72626; | |
| text-align: center; | |
| z-index: 15; | |
| transition: background-color 200ms; | |
| } | |
| @media screen and (max-width: 750px) { | |
| #deal-flow .bubble { | |
| font-size: 0.8em; | |
| line-height: 1.4em; | |
| top: -0.4em; | |
| right: -0.4em; | |
| } | |
| } | |
| @media screen and (max-width: 750px) { | |
| #deal-flow .bubble { | |
| font-size: 0.8em; | |
| line-height: 1.4em; | |
| top: -0.4em; | |
| right: -0.4em; | |
| } | |
| } | |
| #deal-flow .bubble.bubble--active, | |
| #deal-flow .tile:hover .bubble, | |
| #deal-flow .tile:active .bubble { | |
| background-color: #c72626; | |
| } | |
| #deal-flow .title { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 1.875em; | |
| line-height: 1.2em; | |
| font-weight: 700; | |
| font-style: normal; | |
| text-transform: none; | |
| border: none; | |
| padding: 0; | |
| margin: 0 0 0.4em; | |
| color: #9e9e9e; | |
| } | |
| #deal-flow .title.title--secondary { | |
| font-size: 1.3em; | |
| line-height: 1.4em; | |
| font-weight: 700; | |
| margin-bottom: 0.65em; | |
| color: #9e9e9e; | |
| } | |
| #deal-flow .filter { | |
| display: inline-block; | |
| *zoom: 1; | |
| *display: inline; | |
| *vertical-align: auto; | |
| margin: 0 1rem 1rem 0; | |
| } | |
| #deal-flow .filter:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| #deal-flow .filter__title { | |
| display: inline-block; | |
| *zoom: 1; | |
| *display: inline; | |
| *vertical-align: auto; | |
| font-weight: 700; | |
| float: left; | |
| margin-right: 0.8em; | |
| padding-top: 0.2em; | |
| } | |
| @media screen and (max-width: 750px) { | |
| #deal-flow .filter__title { | |
| display: none; | |
| } | |
| } | |
| #deal-flow .filter__control { | |
| float: left; | |
| } | |
| #deal-flow .toggle { | |
| display: inline-block; | |
| *zoom: 1; | |
| *display: inline; | |
| *vertical-align: auto; | |
| margin: 0 0 1em; | |
| } | |
| #deal-flow .toggle:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| #deal-flow .toggle__switch { | |
| display: inline-block; | |
| *zoom: 1; | |
| *display: inline; | |
| *vertical-align: auto; | |
| float: left; | |
| margin-right: 1rem; | |
| color: #e1e1e1; | |
| cursor: pointer; | |
| } | |
| #deal-flow .toggle__switch:last-of-type { | |
| margin-right: 0; | |
| } | |
| #deal-flow .toggle__switch:hover, | |
| #deal-flow .toggle__switch:active, | |
| #deal-flow .toggle__switch:focus, | |
| #deal-flow .toggle__switch.toggle__switch--active { | |
| color: #9e9e9e; | |
| } | |
| #deal-flow .toggle__switch .icon { | |
| font-size: 60px; | |
| } | |
| #deal-flow .toggle__switch .icon.icon--grid::before { | |
| font-family: "fontawesome", Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-weight: normal; | |
| font-style: normal; | |
| display: inline-block; | |
| text-decoration: inherit; | |
| content: ""; | |
| font-size: 30px; | |
| padding: 0 0.5rem; | |
| color: inherit; | |
| } | |
| #deal-flow .toggle__switch .icon.icon--list::before { | |
| font-family: "fontawesome", Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-weight: normal; | |
| font-style: normal; | |
| display: inline-block; | |
| text-decoration: inherit; | |
| content: ""; | |
| font-size: 30px; | |
| padding: 0 0.5rem; | |
| color: inherit; | |
| } | |
| #deal-flow .tile { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| display: block; | |
| position: relative; | |
| text-decoration: none !important; | |
| transition: none !important; | |
| } | |
| #deal-flow .tile:hover .tile__title, | |
| #deal-flow .tile:active .tile__title { | |
| color: #333 !important; | |
| } | |
| #deal-flow .tile:hover .tile__thumbnail-mask:after, | |
| #deal-flow .tile:active .tile__thumbnail-mask:after { | |
| opacity: 1; | |
| } | |
| #deal-flow .tile.tile--expand, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile { | |
| max-width: none; | |
| margin-bottom: 0; | |
| } | |
| #deal-flow .tile.tile--expand .tile__wrap, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile .tile__wrap { | |
| min-height: 172px; | |
| padding: 1em 0 1em 11em; | |
| border: none; | |
| border-top: 1px solid #e1e1e1; | |
| background-color: #fff; | |
| } | |
| @media screen and (max-width: 1025px) { | |
| #deal-flow .tile.tile--expand .tile__wrap, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile .tile__wrap { | |
| min-height: 0; | |
| padding: 2rem 0; | |
| } | |
| } | |
| @media screen and (max-width: 750px) { | |
| #deal-flow .tile.tile--expand .tile__logo, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile .tile__logo { | |
| display: none; | |
| } | |
| } | |
| #deal-flow .tile.tile--expand .tile__logo-image, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile .tile__logo-image { | |
| margin: 0; | |
| } | |
| #deal-flow .tile.tile--expand .tile__logo-text, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile .tile__logo-text { | |
| text-align: left; | |
| } | |
| #deal-flow .tile.tile--expand .tile__thumbnail, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile .tile__thumbnail { | |
| position: absolute; | |
| top: 2rem; | |
| left: 0; | |
| width: 10.1em; | |
| } | |
| @media screen and (max-width: 750px) { | |
| #deal-flow .tile.tile--expand .tile__thumbnail, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile .tile__thumbnail { | |
| display: none; | |
| } | |
| } | |
| #deal-flow .tile.tile--expand .notice, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile .notice { | |
| width: 9em; | |
| position: absolute; | |
| top: 1rem; | |
| right: 0; | |
| } | |
| #deal-flow .tile.tile--expand.tile--stacked:before, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile.tile--stacked:before, | |
| #deal-flow .tile.tile--expand.tile--stacked:after, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile.tile--stacked:after { | |
| display: none; | |
| } | |
| #deal-flow .tile.tile--expand.tile--stacked .tile__thumbnail:before, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile.tile--stacked .tile__thumbnail:before, | |
| #deal-flow .tile.tile--expand.tile--stacked .tile__thumbnail:after, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile.tile--stacked .tile__thumbnail:after { | |
| content: ''; | |
| display: block; | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| background-color: #f1f1f1; | |
| box-shadow: inset 0 0 0 1px #e1e1e1; | |
| z-index: 5; | |
| } | |
| #deal-flow .tile.tile--expand.tile--stacked .tile__thumbnail:before, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile.tile--stacked .tile__thumbnail:before { | |
| top: 3px; | |
| left: -3px; | |
| } | |
| #deal-flow .tile.tile--expand.tile--stacked .tile__thumbnail:after, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile.tile--stacked .tile__thumbnail:after { | |
| top: 6px; | |
| left: -6px; | |
| z-index: 1; | |
| } | |
| @media screen and (max-width: 750px) { | |
| #deal-flow .tile.tile--expand.tile--stacked .tile__thumbnail:after, | |
| #deal-flow .tile-list__content.tile-list__content--list .tile.tile--stacked .tile__thumbnail:after { | |
| display: none; | |
| } | |
| } | |
| @media (min-width: 500px) { | |
| #deal-flow .tile.tile--stacked .tile__wrap { | |
| min-height: 178px !important; | |
| } | |
| #deal-flow .tile.tile--stacked:before, | |
| #deal-flow .tile.tile--stacked:after { | |
| content: ''; | |
| display: block; | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| background-color: #f1f1f1; | |
| box-shadow: inset 0 0 0 1px #e1e1e1; | |
| z-index: 5; | |
| } | |
| #deal-flow .tile.tile--stacked:before { | |
| top: 3px; | |
| left: -3px; | |
| } | |
| #deal-flow .tile.tile--stacked:after { | |
| top: 6px; | |
| left: -6px; | |
| z-index: 1; | |
| } | |
| } | |
| #deal-flow .tile__wrap { | |
| border: 1px solid #e1e1e1; | |
| background-color: #fff; | |
| padding: 1rem; | |
| position: relative; | |
| z-index: 10; | |
| } | |
| #deal-flow .tile__logo { | |
| height: 3.06em; | |
| margin-bottom: 0.6em; | |
| position: relative; | |
| } | |
| #deal-flow .tile__logo-image { | |
| display: inline-block; | |
| *zoom: 1; | |
| *display: inline; | |
| *vertical-align: auto; | |
| max-width: 100%; | |
| max-height: 100%; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| margin: auto; | |
| box-shadow: none; | |
| } | |
| #deal-flow .tile__logo-text { | |
| display: block; | |
| text-align: center; | |
| font-family: sans-serif; | |
| font-weight: 700; | |
| font-size: 1em; | |
| line-height: 1.4em; | |
| color: #9e9e9e; | |
| } | |
| #deal-flow .tile__thumbnail { | |
| display: block; | |
| margin-bottom: 1rem; | |
| } | |
| #deal-flow .tile__thumbnail-mask { | |
| width: 100%; | |
| overflow: hidden; | |
| position: relative; | |
| background-color: #fff; | |
| z-index: 10; | |
| border: 1px solid #e1e1e1; | |
| } | |
| #deal-flow .tile__thumbnail-mask:before { | |
| content: ''; | |
| display: block; | |
| padding-top: 86.5%; | |
| } | |
| #deal-flow .tile__thumbnail-mask:after { | |
| content: ''; | |
| display: block; | |
| width: 100%; | |
| height: 100%; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| box-shadow: inset 0 0 0 3px #333, inset 0 0 50px rgba(0, 0, 0, 0.5); | |
| opacity: 0; | |
| transition: opacity 200ms; | |
| } | |
| #deal-flow .tile__thumbnail-image { | |
| display: block; | |
| max-width: 100%; | |
| margin: 0 auto; | |
| position: absolute; | |
| top: 50%; | |
| left: 0; | |
| border: none; | |
| box-shadow: none; | |
| transform: translateY(-50%); | |
| } | |
| #deal-flow .tile__title { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 16px; | |
| padding: 0; | |
| margin: 0 0 0.5em; | |
| border: none; | |
| font-weight: 700; | |
| font-style: normal; | |
| color: #9e9e9e; | |
| word-break: break-word; | |
| letter-spacing: 0; | |
| text-transform: uppercase; | |
| transition: color 200ms; | |
| } | |
| #deal-flow .tile__title a { | |
| color: #9e9e9e; | |
| text-decoration: none; | |
| } | |
| #deal-flow .tile__title a:hover { | |
| text-decoration: underline; | |
| } | |
| #deal-flow .tile__subtitle { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| margin: 0 !important; | |
| font-size: 1em; | |
| line-height: 1.4em; | |
| font-style: normal; | |
| color: #9e9e9e; | |
| text-transform: none; | |
| word-break: break-word; | |
| letter-spacing: 0; | |
| } | |
| #deal-flow .layout { | |
| margin-bottom: 1.25em; | |
| } | |
| #deal-flow .layout:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| #deal-flow .layout__left { | |
| float: left; | |
| width: 50%; | |
| } | |
| #deal-flow .layout__right { | |
| float: right; | |
| width: 50%; | |
| } | |
| @media screen and (max-width: 1025px) { | |
| #deal-flow .layout__main { | |
| width: 62.5%; | |
| float: left; | |
| padding-right: 0.5em; | |
| } | |
| #deal-flow .layout__aside { | |
| width: 36.5%; | |
| float: right; | |
| padding-left: 0.5em; | |
| } | |
| } | |
| #deal-flow .logo { | |
| width: 247px; | |
| height: 74px; | |
| margin: 0 auto 1.875em; | |
| position: relative; | |
| box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); | |
| border: 1px solid #dadada; | |
| } | |
| #deal-flow .logo__image { | |
| display: inline-block; | |
| *zoom: 1; | |
| *display: inline; | |
| *vertical-align: auto; | |
| max-width: 100%; | |
| max-height: 100%; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| margin: auto; | |
| box-shadow: none; | |
| } | |
| #deal-flow .logo__text { | |
| display: block; | |
| width: 100%; | |
| position: absolute; | |
| top: 50%; | |
| left: 0; | |
| margin: -0.55em 0 0 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 1em; | |
| line-height: 1.4em; | |
| font-weight: 700; | |
| text-align: center; | |
| text-transform: none; | |
| border: none; | |
| color: #9e9e9e; | |
| } | |
| #deal-flow .icon-list { | |
| display: inline-block; | |
| *zoom: 1; | |
| *display: inline; | |
| *vertical-align: auto; | |
| list-style: none !important; | |
| margin: 0 !important; | |
| padding: 0; | |
| } | |
| #deal-flow .icon-list__item { | |
| display: inline-block; | |
| *zoom: 1; | |
| *display: inline; | |
| *vertical-align: auto; | |
| float: left; | |
| margin: 0 0.5em 0.5em 0 !important; | |
| cursor: pointer; | |
| list-style: none !important; | |
| } | |
| #deal-flow .icon-list__item:last-child { | |
| margin-right: 0 !important; | |
| } | |
| #deal-flow .icon-list__description { | |
| display: inline-block; | |
| *zoom: 1; | |
| *display: inline; | |
| *vertical-align: auto; | |
| float: left; | |
| padding: 0.4em 0.5em 0 0; | |
| } | |
| #deal-flow .icon-list__icon { | |
| display: block; | |
| width: 2.31em; | |
| height: 2.31em; | |
| margin: 0; | |
| box-shadow: none; | |
| border: none; | |
| } | |
| #deal-flow .icon-list__icon:hover { | |
| opacity: 0.75; | |
| } | |
| #deal-flow .icon-list__icon:active { | |
| opacity: 0.5; | |
| } | |
| #deal-flow .featured-image { | |
| display: table; | |
| width: 100%; | |
| height: 566px; | |
| background-color: #ebe9e9; | |
| border: 1px solid #b2b2b2; | |
| margin-bottom: 1.25em; | |
| } | |
| #deal-flow .featured-image__wrapper { | |
| display: table-cell; | |
| vertical-align: middle; | |
| } | |
| #deal-flow .featured-image__image { | |
| display: block; | |
| max-width: 100%; | |
| max-height: 100%; | |
| margin: 0 auto; | |
| box-shadow: none; | |
| } | |
| #deal-flow .featured-image__image.featured-image__image--fallback { | |
| max-width: 279px; | |
| max-height: 242px; | |
| } | |
| #deal-flow .copy { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 1em; | |
| line-height: 1.4em; | |
| font-weight: 400; | |
| color: #9e9e9e; | |
| } | |
| #deal-flow .copy p { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 1em; | |
| line-height: 1.4em; | |
| font-weight: 400; | |
| margin: 0 0 1em; | |
| color: #9e9e9e; | |
| } | |
| #deal-flow .tile-list { | |
| font-size: 16px; | |
| line-height: 1.4em; | |
| margin-bottom: 1.6em; | |
| } | |
| #deal-flow .tile-list.tile-list--alt { | |
| width: calc(100% + 3.2em); | |
| margin-left: -1.6em; | |
| padding: 1.6em 1.6em 0.6em; | |
| background-color: #ebe9e9; | |
| border-top: 1px solid #dadada; | |
| border-bottom: 1px solid #dadada; | |
| } | |
| @media screen and (max-width: 750px) { | |
| #deal-flow .tile-list.tile-list--alt { | |
| width: calc(100% + 2em); | |
| margin-left: -1em; | |
| padding: 1em; | |
| } | |
| } | |
| #deal-flow .tile-list__header:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| #deal-flow .tile-list__header .filter, | |
| #deal-flow .tile-list__header .toggle { | |
| float: left; | |
| margin-left: 0.5rem; | |
| } | |
| #deal-flow .tile-list__header .title { | |
| margin: -0.6em 0 0.4em !important; | |
| } | |
| #deal-flow .tile-list__content { | |
| position: relative; | |
| max-width: 100%; | |
| margin: 0 auto; | |
| } | |
| #deal-flow .tile-list__content.tile-list__content--loaded .tile { | |
| opacity: 1; | |
| } | |
| #deal-flow .tile-list__content.tile-list__content--list .tile { | |
| width: calc(100% - 16px); | |
| } | |
| @media screen and (max-width: 750px) { | |
| #deal-flow .tile-list__content.tile-list__content--list .tile { | |
| width: 100%; | |
| } | |
| } | |
| #deal-flow .tile-list__content.tile-list__content--full-width { | |
| max-width: none; | |
| } | |
| #deal-flow .tile-list__content .tile { | |
| width: calc(25% - 1rem); | |
| margin: 0 0.5rem 1rem 0.5rem; | |
| float: left; | |
| opacity: 0; | |
| } | |
| @media screen and (max-width: 750px) { | |
| #deal-flow .tile-list__content .tile { | |
| width: calc(50% - 1rem); | |
| } | |
| } | |
| @media screen and (max-width: 750px) { | |
| #deal-flow .tile-list__content--list .tile { | |
| margin: 0; | |
| } | |
| } | |
| @media screen and (max-width: 750px) and (max-width: 750px) { | |
| #deal-flow .tile-list__content--list .tile .tile__title { | |
| max-width: calc(100% - 8em); | |
| } | |
| } | |
| /*# sourceMappingURL=main.css.map */ | |
| #deal-flow-wrapper { | |
| max-width: 1010px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| #deal-flow-wrapper::after { | |
| clear: both; | |
| content: ""; | |
| display: table; | |
| } | |
| #deal-flow-wrapper .deal-flow-wrapper__right { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 74.41059%; | |
| } | |
| #deal-flow-wrapper .deal-flow-wrapper__right:last-child { | |
| margin-right: 0; | |
| } | |
| @media screen and (max-width: 750px) { | |
| #deal-flow-wrapper .deal-flow-wrapper__right { | |
| float: left; | |
| display: block; | |
| margin-right: 7.42297%; | |
| width: 100%; | |
| } | |
| #deal-flow-wrapper .deal-flow-wrapper__right:last-child { | |
| margin-right: 0; | |
| } | |
| } | |
| #deal-flow-wrapper .deal-flow-wrapper__right h2 { | |
| display: none; | |
| } | |
| #deal-flow-wrapper .deal-flow-wrapper__left { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 23.23176%; | |
| } | |
| #deal-flow-wrapper .deal-flow-wrapper__left:last-child { | |
| margin-right: 0; | |
| } | |
| @media screen and (max-width: 750px) { | |
| #deal-flow-wrapper .deal-flow-wrapper__left { | |
| float: left; | |
| display: block; | |
| margin-right: 7.42297%; | |
| width: 100%; | |
| } | |
| #deal-flow-wrapper .deal-flow-wrapper__left:last-child { | |
| margin-right: 0; | |
| } | |
| } | |
| #deal-flow-wrapper #deal-flow-filter-panel li { | |
| padding: 1rem 2rem; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 18px; | |
| margin-bottom: 0.5rem; | |
| background-color: #e1e1e1; | |
| font-weight: bold; | |
| color: #333; | |
| text-align: left; | |
| text-transform: uppercase; | |
| cursor: pointer; | |
| } | |
| #deal-flow-wrapper #deal-flow-filter-panel li.deal-flow-active { | |
| background-color: #9e9e9e; | |
| color: #333; | |
| } | |
| #deal-flow-wrapper .tile-list__header .filter:first-of-type { | |
| display: none; | |
| } | |
| #deal-flow-wrapper .tile-list__header .toggle { | |
| float: right !important; | |
| } | |
| .deals .featured-deals h1 { | |
| font-size: 24px; | |
| margin: 0 0 2rem; | |
| padding-bottom: 1rem; | |
| border-bottom: 1px solid #9e9e9e; | |
| color: #333; | |
| text-transform: uppercase; | |
| font-weight: 200; | |
| } | |
| @media screen and (max-width: 750px) { | |
| .deals .featured-deals h1 { | |
| font-size: 16px; | |
| padding: 1rem 2rem; | |
| width: calc(100% + 4rem); | |
| margin-top: 0; | |
| margin-left: -2rem; | |
| border-bottom: none; | |
| background-color: #333; | |
| color: #fff; | |
| } | |
| .deals .featured-deals h1.stick { | |
| position: fixed; | |
| top: 0; | |
| z-index: 999; | |
| } | |
| } | |
| .deals .component-deals-list { | |
| max-width: 1010px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .deals .component-deals-list::after { | |
| clear: both; | |
| content: ""; | |
| display: table; | |
| } | |
| .deals .component-deals-list h2 { | |
| font-size: 24px; | |
| margin: 0 0 2rem; | |
| padding-bottom: 1rem; | |
| border-bottom: 1px solid #9e9e9e; | |
| color: #333; | |
| text-transform: uppercase; | |
| font-weight: 200; | |
| } | |
| @media screen and (max-width: 750px) { | |
| .deals .component-deals-list h2 { | |
| font-size: 16px; | |
| padding: 1rem 2rem; | |
| width: calc(100% + 4rem); | |
| margin-top: 0; | |
| margin-left: -2rem; | |
| border-bottom: none; | |
| background-color: #333; | |
| color: #fff; | |
| } | |
| .deals .component-deals-list h2.stick { | |
| position: fixed; | |
| top: 0; | |
| z-index: 999; | |
| } | |
| } | |
| .deals .component-deals-list .tabbed-buttons { | |
| margin-bottom: 4rem; | |
| } | |
| .deals .component-deals-list .tabbed-buttons ul { | |
| margin-bottom: 0.33333rem; | |
| } | |
| .deals .component-deals-list .tabbed-buttons a { | |
| width: 100%; | |
| margin-bottom: 0.4rem; | |
| } | |
| .deals .component-deals-list .tabbed-buttons .label a { | |
| color: #fff; | |
| padding: 0; | |
| margin: 0; | |
| background-color: transparent; | |
| } | |
| .deals .component-deals-list .tabbed-buttons .selectric-items li { | |
| margin: 0; | |
| } | |
| .deals .component-deals-list .tabbed-buttons .selectric-items a { | |
| padding: 0; | |
| margin: 0; | |
| background-color: transparent; | |
| text-align: left; | |
| text-transform: capitalize; | |
| font-weight: lighter; | |
| color: #666; | |
| } | |
| .deals .component-deals-list .tabbed-buttons .selectric-items a:hover, | |
| .deals .component-deals-list .tabbed-buttons .selectric-items a:active { | |
| color: #444; | |
| } | |
| .deals .deals-tabs { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 23.23176%; | |
| } | |
| .deals .deals-tabs:last-child { | |
| margin-right: 0; | |
| } | |
| @media screen and (max-width: 750px) { | |
| .deals .deals-tabs { | |
| float: left; | |
| display: block; | |
| margin-right: 7.42297%; | |
| width: 100%; | |
| } | |
| .deals .deals-tabs:last-child { | |
| margin-right: 0; | |
| } | |
| } | |
| .deals .flow-container { | |
| visibility: hidden; | |
| } | |
| .deals .deals-details { | |
| float: left; | |
| display: block; | |
| margin-right: 2.35765%; | |
| width: 74.41059%; | |
| } | |
| .deals .deals-details:last-child { | |
| margin-right: 0; | |
| } | |
| .deals .deals-details .deals-flow-controls { | |
| width: 100%; | |
| margin-bottom: 2rem; | |
| border-bottom: 1px solid #9e9e9e; | |
| } | |
| .deals .deals-details .deals-flow-controls .sort { | |
| font-weight: bold; | |
| } | |
| .deals .deals-details .flow-layout { | |
| float: right; | |
| } | |
| .deals .deals-details .sort-lists { | |
| display: inline-block; | |
| vertical-align: sub; | |
| } | |
| .deals .deals-details .sort-lists h4, | |
| .deals .deals-details .sort-lists ul { | |
| text-transform: uppercase; | |
| } | |
| .deals .deals-details .sort-lists h4 { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 16px; | |
| } | |
| .deals .deals-details .sort-lists ul li { | |
| display: inline-block; | |
| margin-left: 1rem; | |
| } | |
| .deals .deals-details .sort-lists ul li.js-first { | |
| margin-left: 0; | |
| } | |
| .deals .deals-details .sort-lists ul li.tile, | |
| .deals .deals-details .sort-lists ul li.vertical { | |
| float: right; | |
| } | |
| .deals .deals-details .sort-lists ul a { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| color: #333; | |
| } | |
| .deals .deals-details .sort-lists ul a.js-active, | |
| .deals .deals-details .sort-lists ul a.active { | |
| color: #333; | |
| } | |
| @media screen and (max-width: 750px) { | |
| .deals .deals-details { | |
| float: left; | |
| display: block; | |
| margin-right: 7.42297%; | |
| width: 100%; | |
| } | |
| .deals .deals-details:last-child { | |
| margin-right: 0; | |
| } | |
| } | |
| .deals .deals-teaser img { | |
| padding: 1rem; | |
| } | |
| .deals .th-list::after { | |
| font-family: "fontawesome", Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-weight: normal; | |
| font-style: normal; | |
| display: inline-block; | |
| text-decoration: inherit; | |
| content: ""; | |
| font-size: 25px; | |
| padding: 0 0.5rem; | |
| color: inherit; | |
| } | |
| .deals .th-large::after { | |
| font-family: "fontawesome", Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-weight: normal; | |
| font-style: normal; | |
| display: inline-block; | |
| text-decoration: inherit; | |
| content: ""; | |
| font-size: 25px; | |
| padding: 0 0.5rem; | |
| color: inherit; | |
| } | |
| .deals .th-list.js-active, | |
| .deals .th-large.js-active { | |
| color: #333 !important; | |
| } | |
| .deals .category-list-deals { | |
| position: relative; | |
| } | |
| .deals .category-list-deals ul > li { | |
| display: inline-block; | |
| *zoom: 1; | |
| *display: inline; | |
| *vertical-align: auto; | |
| padding: 2rem 0; | |
| width: 100%; | |
| } | |
| .deals .category-list-deals ul > li { | |
| border-bottom: 1px solid white; | |
| } | |
| .deals .category-list-deals ul > li:last-of-type { | |
| border-bottom: 0; | |
| } | |
| .deals .category-list-deals ul * { | |
| transition: none; | |
| } | |
| .deals .category-list-deals .grid li { | |
| width: 22.5%; | |
| margin: 0 1.25% 2.5%; | |
| padding: 0; | |
| border: 1px solid #e1e1e1; | |
| } | |
| @media screen and (max-width: 1025px) { | |
| .deals .category-list-deals .grid li { | |
| padding: 0.5rem; | |
| width: 30%; | |
| margin: 0 1.5% 3%; | |
| } | |
| } | |
| @media screen and (max-width: 750px) { | |
| .deals .category-list-deals .grid li { | |
| padding: 0.5rem; | |
| width: 50%; | |
| margin: 0; | |
| } | |
| } | |
| .deals .category-list-deals .grid .read-more { | |
| display: none; | |
| } | |
| .deals .category-list-deals .grid .deal-teaser { | |
| padding: 1rem; | |
| } | |
| .deals .category-list-deals .grid .retailer-logo { | |
| display: block; | |
| border: 1px solid #e1e1e1; | |
| margin-bottom: 1rem; | |
| } | |
| .deals .category-list-deals .grid .retailer-logo img { | |
| width: 80px; | |
| height: 40px; | |
| border-radius: 0; | |
| object-fit: cover; | |
| object-position: relative; | |
| overflow: hidden; | |
| border: 0; | |
| margin: 0 auto; | |
| } | |
| .deals .category-list-deals .grid img { | |
| width: 150px; | |
| height: 150px; | |
| border-radius: 0; | |
| object-fit: cover; | |
| object-position: relative; | |
| overflow: hidden; | |
| float: none; | |
| margin: 0 auto 1rem; | |
| } | |
| @media screen and (max-width: 750px) { | |
| .deals .category-list-deals .grid img { | |
| width: 150px; | |
| height: 150px; | |
| border-radius: 0; | |
| object-fit: cover; | |
| object-position: relative; | |
| overflow: hidden; | |
| display: block; | |
| } | |
| } | |
| .deals .category-list-deals .grid h3, .deals .category-list-deals .grid h4, .deals .category-list-deals .grid p, .deals .category-list-deals .grid time { | |
| max-width: 100%; | |
| width: 100%; | |
| } | |
| .deals .category-list-deals .grid time { | |
| position: relative; | |
| margin-bottom: 2rem; | |
| } | |
| @media screen and (max-width: 750px) { | |
| .deals .mezzobit-ad { | |
| display: none; | |
| } | |
| } | |
| a.in-store-event:after { | |
| content: 's'; | |
| } | |
| .selectric-wrapper { | |
| position: relative; | |
| min-width: 300px; | |
| cursor: pointer; | |
| } | |
| .selectric-responsive { | |
| width: 100%; | |
| } | |
| .selectric { | |
| background-color: #9e9e9e; | |
| position: relative; | |
| } | |
| .selectric .label { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-size: 16px; | |
| display: block; | |
| margin-bottom: 0; | |
| padding: 1rem 2rem; | |
| white-space: nowrap; | |
| line-height: 1; | |
| text-overflow: ellipsis; | |
| color: #fff; | |
| text-align: center; | |
| text-transform: uppercase; | |
| } | |
| .selectric .label::after { | |
| font-family: "fontawesome", Arial, Sans-Serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-weight: normal; | |
| font-style: normal; | |
| display: inline-block; | |
| text-decoration: inherit; | |
| content: ""; | |
| font-size: 16px; | |
| padding: 0 0.5rem; | |
| color: inherit; | |
| } | |
| .selectric .button { | |
| display: none; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| background: initial; | |
| color: #9e9e9e; | |
| text-align: center; | |
| font: 0/0 a; | |
| } | |
| .selectric .button:after { | |
| content: " "; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| margin: auto; | |
| width: 0; | |
| height: 0; | |
| border: 4px solid transparent; | |
| border-top-color: #BBB; | |
| border-bottom: none; | |
| } | |
| .selectric-hover .selectric { | |
| border-color: #c4c4c4; | |
| } | |
| .selectric-hover .selectric .button { | |
| color: #a2a2a2; | |
| } | |
| .selectric-hover .selectric .button:after { | |
| border-top-color: #a2a2a2; | |
| } | |
| .selectric-open { | |
| z-index: 9999; | |
| } | |
| .selectric-open .selectric { | |
| border-color: #c4c4c4; | |
| } | |
| .selectric-open .selectric-items { | |
| display: block; | |
| } | |
| .selectric-disabled { | |
| filter: alpha(opacity=50); | |
| opacity: 0.5; | |
| cursor: default; | |
| user-select: none; | |
| } | |
| .selectric-hide-select { | |
| position: relative; | |
| overflow: hidden; | |
| width: 0; | |
| height: 0; | |
| } | |
| .selectric-hide-select select { | |
| position: absolute; | |
| left: -100%; | |
| display: none; | |
| } | |
| .selectric-input { | |
| position: absolute !important; | |
| top: 0 !important; | |
| left: 0 !important; | |
| overflow: hidden !important; | |
| clip: rect(0, 0, 0, 0) !important; | |
| margin: 0 !important; | |
| padding: 0 !important; | |
| width: 1px !important; | |
| height: 1px !important; | |
| outline: none !important; | |
| border: none !important; | |
| *font: 0/0 a !important; | |
| background: none !important; | |
| } | |
| .selectric-temp-show { | |
| position: absolute !important; | |
| visibility: hidden !important; | |
| display: block !important; | |
| } | |
| /* Items box */ | |
| .selectric-items { | |
| display: none; | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| background: #fff; | |
| border: 1px solid #c4c4c4; | |
| z-index: -1; | |
| box-shadow: 0 0 10px -6px; | |
| } | |
| .selectric-items .selectric-scroll { | |
| height: 100%; | |
| overflow: auto; | |
| } | |
| .selectric-items ul, .selectric-items li { | |
| font-size: 16px; | |
| list-style: none; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .selectric-items li { | |
| display: block; | |
| padding: 8px; | |
| border-top: 1px solid #FFF; | |
| border-bottom: 1px solid #EEE; | |
| color: #666; | |
| cursor: pointer; | |
| } | |
| .selectric-items li.selected { | |
| background: #EFEFEF; | |
| color: #444; | |
| } | |
| .selectric-items li:hover { | |
| background: #F0F0F0; | |
| color: #444; | |
| } | |
| .selectric-items .disabled { | |
| filter: alpha(opacity=50); | |
| opacity: 0.5; | |
| cursor: default !important; | |
| background: none !important; | |
| color: #666 !important; | |
| user-select: none; | |
| } | |
| .selectric-items .selectric-group .selectric-group-label { | |
| font-weight: bold; | |
| padding-left: 10px; | |
| cursor: default; | |
| user-select: none; | |
| background: none; | |
| color: #444; | |
| } | |
| .selectric-items .selectric-group.disabled li { | |
| filter: alpha(opacity=100); | |
| opacity: 1; | |
| } | |
| .selectric-items .selectric-group li { | |
| padding-left: 25px; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <p>help me I think I'm falling</p> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment