Created
October 21, 2015 15:55
-
-
Save quattromani/e3f19eb46702d07762ec to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains 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 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) | |
// ---- | |
@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-size: 16px; | |
$color-light-grey: #e1e1e1; | |
$color-brand-primary: red; | |
$color-brand-secondary: red; | |
$base-font-color: #272727; | |
$base-link-color: $color-brand-primary; | |
$color-white: #fff; | |
$color-off-white: #f1f1f1; | |
$color-grey: #9e9e9e; | |
$color-dark-grey: #9e9e9e; | |
$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; | |
$deal-flow-tabs-bg: $color-light-grey; | |
$deal-flow-tabs-bg-active: $color-brand-primary; | |
$deal-flow-tabs-text-color: $base-font-color; | |
$deal-flow-tabs-text-color-active: $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"; | |
#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: 1em; | |
line-height: 1.4em; | |
font-weight: 700; | |
border-radius: 1.4em; | |
color: $color-white; | |
background-color: $flag-red; | |
text-align: center; | |
padding: 0.2em; | |
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; | |
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; | |
} | |
.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}); | |
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); | |
margin-bottom: $base-spacing/4; | |
background-color: $deal-flow-tabs-bg; | |
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 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; | |
font-size: 2.4rem; | |
margin: 0 0 2rem; | |
padding-bottom: 1rem; | |
border-bottom: 1px solid #9e9e9e; | |
color: red; | |
text-transform: uppercase; | |
font-weight: 200; | |
} | |
@media screen and (max-width: 750px) { | |
.article-header { | |
font-size: 16px; | |
font-size: 1.6rem; | |
padding: 1rem 2rem; | |
width: calc(100% + 4rem); | |
margin-top: 0; | |
margin-left: -2rem; | |
border-bottom: none; | |
background-color: red; | |
color: #fff; | |
} | |
.article-header.stick { | |
position: fixed; | |
top: 0; | |
z-index: 999; | |
} | |
} | |
#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: 1em; | |
line-height: 1.4em; | |
font-weight: 700; | |
border-radius: 1.4em; | |
color: #fff; | |
background-color: #c72626; | |
text-align: center; | |
padding: 0.2em; | |
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: red; | |
} | |
#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; | |
font-size: 6rem; | |
} | |
#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; | |
font-size: 3rem; | |
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; | |
font-size: 3rem; | |
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: red !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: 2rem; | |
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: red; | |
} | |
#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 red, 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; | |
font-size: 1.6rem; | |
padding: 0; | |
margin: 0 0 0.5em; | |
border: none; | |
font-weight: 700; | |
font-style: normal; | |
color: red; | |
word-break: break-word; | |
letter-spacing: 0; | |
text-transform: uppercase; | |
transition: color 200ms; | |
} | |
#deal-flow .tile__title a { | |
color: red; | |
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: red; | |
} | |
#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: red; | |
} | |
#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: red; | |
} | |
#deal-flow .tile-list { | |
font-size: 16px; | |
font-size: 1.6rem; | |
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; | |
} | |
#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% - 2rem); | |
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; | |
margin-bottom: 0.5rem; | |
background-color: #e1e1e1; | |
color: #272727; | |
text-align: left; | |
text-transform: uppercase; | |
cursor: pointer; | |
} | |
#deal-flow-wrapper #deal-flow-filter-panel li.deal-flow-active { | |
background-color: red; | |
color: #fff; | |
} | |
#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; | |
font-size: 2.4rem; | |
margin: 0 0 2rem; | |
padding-bottom: 1rem; | |
border-bottom: 1px solid #9e9e9e; | |
color: red; | |
text-transform: uppercase; | |
font-weight: 200; | |
} | |
@media screen and (max-width: 750px) { | |
.deals .featured-deals h1 { | |
font-size: 16px; | |
font-size: 1.6rem; | |
padding: 1rem 2rem; | |
width: calc(100% + 4rem); | |
margin-top: 0; | |
margin-left: -2rem; | |
border-bottom: none; | |
background-color: red; | |
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; | |
font-size: 2.4rem; | |
margin: 0 0 2rem; | |
padding-bottom: 1rem; | |
border-bottom: 1px solid #9e9e9e; | |
color: red; | |
text-transform: uppercase; | |
font-weight: 200; | |
} | |
@media screen and (max-width: 750px) { | |
.deals .component-deals-list h2 { | |
font-size: 16px; | |
font-size: 1.6rem; | |
padding: 1rem 2rem; | |
width: calc(100% + 4rem); | |
margin-top: 0; | |
margin-left: -2rem; | |
border-bottom: none; | |
background-color: red; | |
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; | |
font-size: 1.6rem; | |
} | |
.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: red; | |
} | |
.deals .deals-details .sort-lists ul a.js-active, | |
.deals .deals-details .sort-lists ul a.active { | |
color: red; | |
} | |
@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; | |
font-size: 2.5rem; | |
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; | |
font-size: 2.5rem; | |
padding: 0 0.5rem; | |
color: inherit; | |
} | |
.deals .th-list.js-active, | |
.deals .th-large.js-active { | |
color: red !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; | |
font-size: 1.6rem; | |
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; | |
font-size: 1.6rem; | |
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; | |
font-size: 1.6rem; | |
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 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