You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@incubator.apache.org by yu...@apache.org on 2016/12/21 02:25:53 UTC
[08/12] incubator-rocketmq-site git commit: Finish code dump.
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/font-awesome/_variables.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/font-awesome/_variables.scss b/_sass/vendor/font-awesome/_variables.scss
new file mode 100644
index 0000000..a5a89ef
--- /dev/null
+++ b/_sass/vendor/font-awesome/_variables.scss
@@ -0,0 +1,744 @@
+// Variables
+// --------------------------
+
+$fa-font-path: "../fonts" !default;
+$fa-font-size-base: 14px !default;
+$fa-line-height-base: 1 !default;
+//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.6.3/fonts" !default; // for referencing Bootstrap CDN font files directly
+$fa-css-prefix: fa !default;
+$fa-version: "4.6.3" !default;
+$fa-border-color: #eee !default;
+$fa-inverse: #fff !default;
+$fa-li-width: (30em / 14) !default;
+
+$fa-var-500px: "\f26e";
+$fa-var-adjust: "\f042";
+$fa-var-adn: "\f170";
+$fa-var-align-center: "\f037";
+$fa-var-align-justify: "\f039";
+$fa-var-align-left: "\f036";
+$fa-var-align-right: "\f038";
+$fa-var-amazon: "\f270";
+$fa-var-ambulance: "\f0f9";
+$fa-var-american-sign-language-interpreting: "\f2a3";
+$fa-var-anchor: "\f13d";
+$fa-var-android: "\f17b";
+$fa-var-angellist: "\f209";
+$fa-var-angle-double-down: "\f103";
+$fa-var-angle-double-left: "\f100";
+$fa-var-angle-double-right: "\f101";
+$fa-var-angle-double-up: "\f102";
+$fa-var-angle-down: "\f107";
+$fa-var-angle-left: "\f104";
+$fa-var-angle-right: "\f105";
+$fa-var-angle-up: "\f106";
+$fa-var-apple: "\f179";
+$fa-var-archive: "\f187";
+$fa-var-area-chart: "\f1fe";
+$fa-var-arrow-circle-down: "\f0ab";
+$fa-var-arrow-circle-left: "\f0a8";
+$fa-var-arrow-circle-o-down: "\f01a";
+$fa-var-arrow-circle-o-left: "\f190";
+$fa-var-arrow-circle-o-right: "\f18e";
+$fa-var-arrow-circle-o-up: "\f01b";
+$fa-var-arrow-circle-right: "\f0a9";
+$fa-var-arrow-circle-up: "\f0aa";
+$fa-var-arrow-down: "\f063";
+$fa-var-arrow-left: "\f060";
+$fa-var-arrow-right: "\f061";
+$fa-var-arrow-up: "\f062";
+$fa-var-arrows: "\f047";
+$fa-var-arrows-alt: "\f0b2";
+$fa-var-arrows-h: "\f07e";
+$fa-var-arrows-v: "\f07d";
+$fa-var-asl-interpreting: "\f2a3";
+$fa-var-assistive-listening-systems: "\f2a2";
+$fa-var-asterisk: "\f069";
+$fa-var-at: "\f1fa";
+$fa-var-audio-description: "\f29e";
+$fa-var-automobile: "\f1b9";
+$fa-var-backward: "\f04a";
+$fa-var-balance-scale: "\f24e";
+$fa-var-ban: "\f05e";
+$fa-var-bank: "\f19c";
+$fa-var-bar-chart: "\f080";
+$fa-var-bar-chart-o: "\f080";
+$fa-var-barcode: "\f02a";
+$fa-var-bars: "\f0c9";
+$fa-var-battery-0: "\f244";
+$fa-var-battery-1: "\f243";
+$fa-var-battery-2: "\f242";
+$fa-var-battery-3: "\f241";
+$fa-var-battery-4: "\f240";
+$fa-var-battery-empty: "\f244";
+$fa-var-battery-full: "\f240";
+$fa-var-battery-half: "\f242";
+$fa-var-battery-quarter: "\f243";
+$fa-var-battery-three-quarters: "\f241";
+$fa-var-bed: "\f236";
+$fa-var-beer: "\f0fc";
+$fa-var-behance: "\f1b4";
+$fa-var-behance-square: "\f1b5";
+$fa-var-bell: "\f0f3";
+$fa-var-bell-o: "\f0a2";
+$fa-var-bell-slash: "\f1f6";
+$fa-var-bell-slash-o: "\f1f7";
+$fa-var-bicycle: "\f206";
+$fa-var-binoculars: "\f1e5";
+$fa-var-birthday-cake: "\f1fd";
+$fa-var-bitbucket: "\f171";
+$fa-var-bitbucket-square: "\f172";
+$fa-var-bitcoin: "\f15a";
+$fa-var-black-tie: "\f27e";
+$fa-var-blind: "\f29d";
+$fa-var-bluetooth: "\f293";
+$fa-var-bluetooth-b: "\f294";
+$fa-var-bold: "\f032";
+$fa-var-bolt: "\f0e7";
+$fa-var-bomb: "\f1e2";
+$fa-var-book: "\f02d";
+$fa-var-bookmark: "\f02e";
+$fa-var-bookmark-o: "\f097";
+$fa-var-braille: "\f2a1";
+$fa-var-briefcase: "\f0b1";
+$fa-var-btc: "\f15a";
+$fa-var-bug: "\f188";
+$fa-var-building: "\f1ad";
+$fa-var-building-o: "\f0f7";
+$fa-var-bullhorn: "\f0a1";
+$fa-var-bullseye: "\f140";
+$fa-var-bus: "\f207";
+$fa-var-buysellads: "\f20d";
+$fa-var-cab: "\f1ba";
+$fa-var-calculator: "\f1ec";
+$fa-var-calendar: "\f073";
+$fa-var-calendar-check-o: "\f274";
+$fa-var-calendar-minus-o: "\f272";
+$fa-var-calendar-o: "\f133";
+$fa-var-calendar-plus-o: "\f271";
+$fa-var-calendar-times-o: "\f273";
+$fa-var-camera: "\f030";
+$fa-var-camera-retro: "\f083";
+$fa-var-car: "\f1b9";
+$fa-var-caret-down: "\f0d7";
+$fa-var-caret-left: "\f0d9";
+$fa-var-caret-right: "\f0da";
+$fa-var-caret-square-o-down: "\f150";
+$fa-var-caret-square-o-left: "\f191";
+$fa-var-caret-square-o-right: "\f152";
+$fa-var-caret-square-o-up: "\f151";
+$fa-var-caret-up: "\f0d8";
+$fa-var-cart-arrow-down: "\f218";
+$fa-var-cart-plus: "\f217";
+$fa-var-cc: "\f20a";
+$fa-var-cc-amex: "\f1f3";
+$fa-var-cc-diners-club: "\f24c";
+$fa-var-cc-discover: "\f1f2";
+$fa-var-cc-jcb: "\f24b";
+$fa-var-cc-mastercard: "\f1f1";
+$fa-var-cc-paypal: "\f1f4";
+$fa-var-cc-stripe: "\f1f5";
+$fa-var-cc-visa: "\f1f0";
+$fa-var-certificate: "\f0a3";
+$fa-var-chain: "\f0c1";
+$fa-var-chain-broken: "\f127";
+$fa-var-check: "\f00c";
+$fa-var-check-circle: "\f058";
+$fa-var-check-circle-o: "\f05d";
+$fa-var-check-square: "\f14a";
+$fa-var-check-square-o: "\f046";
+$fa-var-chevron-circle-down: "\f13a";
+$fa-var-chevron-circle-left: "\f137";
+$fa-var-chevron-circle-right: "\f138";
+$fa-var-chevron-circle-up: "\f139";
+$fa-var-chevron-down: "\f078";
+$fa-var-chevron-left: "\f053";
+$fa-var-chevron-right: "\f054";
+$fa-var-chevron-up: "\f077";
+$fa-var-child: "\f1ae";
+$fa-var-chrome: "\f268";
+$fa-var-circle: "\f111";
+$fa-var-circle-o: "\f10c";
+$fa-var-circle-o-notch: "\f1ce";
+$fa-var-circle-thin: "\f1db";
+$fa-var-clipboard: "\f0ea";
+$fa-var-clock-o: "\f017";
+$fa-var-clone: "\f24d";
+$fa-var-close: "\f00d";
+$fa-var-cloud: "\f0c2";
+$fa-var-cloud-download: "\f0ed";
+$fa-var-cloud-upload: "\f0ee";
+$fa-var-cny: "\f157";
+$fa-var-code: "\f121";
+$fa-var-code-fork: "\f126";
+$fa-var-codepen: "\f1cb";
+$fa-var-codiepie: "\f284";
+$fa-var-coffee: "\f0f4";
+$fa-var-cog: "\f013";
+$fa-var-cogs: "\f085";
+$fa-var-columns: "\f0db";
+$fa-var-comment: "\f075";
+$fa-var-comment-o: "\f0e5";
+$fa-var-commenting: "\f27a";
+$fa-var-commenting-o: "\f27b";
+$fa-var-comments: "\f086";
+$fa-var-comments-o: "\f0e6";
+$fa-var-compass: "\f14e";
+$fa-var-compress: "\f066";
+$fa-var-connectdevelop: "\f20e";
+$fa-var-contao: "\f26d";
+$fa-var-copy: "\f0c5";
+$fa-var-copyright: "\f1f9";
+$fa-var-creative-commons: "\f25e";
+$fa-var-credit-card: "\f09d";
+$fa-var-credit-card-alt: "\f283";
+$fa-var-crop: "\f125";
+$fa-var-crosshairs: "\f05b";
+$fa-var-css3: "\f13c";
+$fa-var-cube: "\f1b2";
+$fa-var-cubes: "\f1b3";
+$fa-var-cut: "\f0c4";
+$fa-var-cutlery: "\f0f5";
+$fa-var-dashboard: "\f0e4";
+$fa-var-dashcube: "\f210";
+$fa-var-database: "\f1c0";
+$fa-var-deaf: "\f2a4";
+$fa-var-deafness: "\f2a4";
+$fa-var-dedent: "\f03b";
+$fa-var-delicious: "\f1a5";
+$fa-var-desktop: "\f108";
+$fa-var-deviantart: "\f1bd";
+$fa-var-diamond: "\f219";
+$fa-var-digg: "\f1a6";
+$fa-var-dollar: "\f155";
+$fa-var-dot-circle-o: "\f192";
+$fa-var-download: "\f019";
+$fa-var-dribbble: "\f17d";
+$fa-var-dropbox: "\f16b";
+$fa-var-drupal: "\f1a9";
+$fa-var-edge: "\f282";
+$fa-var-edit: "\f044";
+$fa-var-eject: "\f052";
+$fa-var-ellipsis-h: "\f141";
+$fa-var-ellipsis-v: "\f142";
+$fa-var-empire: "\f1d1";
+$fa-var-envelope: "\f0e0";
+$fa-var-envelope-o: "\f003";
+$fa-var-envelope-square: "\f199";
+$fa-var-envira: "\f299";
+$fa-var-eraser: "\f12d";
+$fa-var-eur: "\f153";
+$fa-var-euro: "\f153";
+$fa-var-exchange: "\f0ec";
+$fa-var-exclamation: "\f12a";
+$fa-var-exclamation-circle: "\f06a";
+$fa-var-exclamation-triangle: "\f071";
+$fa-var-expand: "\f065";
+$fa-var-expeditedssl: "\f23e";
+$fa-var-external-link: "\f08e";
+$fa-var-external-link-square: "\f14c";
+$fa-var-eye: "\f06e";
+$fa-var-eye-slash: "\f070";
+$fa-var-eyedropper: "\f1fb";
+$fa-var-fa: "\f2b4";
+$fa-var-facebook: "\f09a";
+$fa-var-facebook-f: "\f09a";
+$fa-var-facebook-official: "\f230";
+$fa-var-facebook-square: "\f082";
+$fa-var-fast-backward: "\f049";
+$fa-var-fast-forward: "\f050";
+$fa-var-fax: "\f1ac";
+$fa-var-feed: "\f09e";
+$fa-var-female: "\f182";
+$fa-var-fighter-jet: "\f0fb";
+$fa-var-file: "\f15b";
+$fa-var-file-archive-o: "\f1c6";
+$fa-var-file-audio-o: "\f1c7";
+$fa-var-file-code-o: "\f1c9";
+$fa-var-file-excel-o: "\f1c3";
+$fa-var-file-image-o: "\f1c5";
+$fa-var-file-movie-o: "\f1c8";
+$fa-var-file-o: "\f016";
+$fa-var-file-pdf-o: "\f1c1";
+$fa-var-file-photo-o: "\f1c5";
+$fa-var-file-picture-o: "\f1c5";
+$fa-var-file-powerpoint-o: "\f1c4";
+$fa-var-file-sound-o: "\f1c7";
+$fa-var-file-text: "\f15c";
+$fa-var-file-text-o: "\f0f6";
+$fa-var-file-video-o: "\f1c8";
+$fa-var-file-word-o: "\f1c2";
+$fa-var-file-zip-o: "\f1c6";
+$fa-var-files-o: "\f0c5";
+$fa-var-film: "\f008";
+$fa-var-filter: "\f0b0";
+$fa-var-fire: "\f06d";
+$fa-var-fire-extinguisher: "\f134";
+$fa-var-firefox: "\f269";
+$fa-var-first-order: "\f2b0";
+$fa-var-flag: "\f024";
+$fa-var-flag-checkered: "\f11e";
+$fa-var-flag-o: "\f11d";
+$fa-var-flash: "\f0e7";
+$fa-var-flask: "\f0c3";
+$fa-var-flickr: "\f16e";
+$fa-var-floppy-o: "\f0c7";
+$fa-var-folder: "\f07b";
+$fa-var-folder-o: "\f114";
+$fa-var-folder-open: "\f07c";
+$fa-var-folder-open-o: "\f115";
+$fa-var-font: "\f031";
+$fa-var-font-awesome: "\f2b4";
+$fa-var-fonticons: "\f280";
+$fa-var-fort-awesome: "\f286";
+$fa-var-forumbee: "\f211";
+$fa-var-forward: "\f04e";
+$fa-var-foursquare: "\f180";
+$fa-var-frown-o: "\f119";
+$fa-var-futbol-o: "\f1e3";
+$fa-var-gamepad: "\f11b";
+$fa-var-gavel: "\f0e3";
+$fa-var-gbp: "\f154";
+$fa-var-ge: "\f1d1";
+$fa-var-gear: "\f013";
+$fa-var-gears: "\f085";
+$fa-var-genderless: "\f22d";
+$fa-var-get-pocket: "\f265";
+$fa-var-gg: "\f260";
+$fa-var-gg-circle: "\f261";
+$fa-var-gift: "\f06b";
+$fa-var-git: "\f1d3";
+$fa-var-git-square: "\f1d2";
+$fa-var-github: "\f09b";
+$fa-var-github-alt: "\f113";
+$fa-var-github-square: "\f092";
+$fa-var-gitlab: "\f296";
+$fa-var-gittip: "\f184";
+$fa-var-glass: "\f000";
+$fa-var-glide: "\f2a5";
+$fa-var-glide-g: "\f2a6";
+$fa-var-globe: "\f0ac";
+$fa-var-google: "\f1a0";
+$fa-var-google-plus: "\f0d5";
+$fa-var-google-plus-circle: "\f2b3";
+$fa-var-google-plus-official: "\f2b3";
+$fa-var-google-plus-square: "\f0d4";
+$fa-var-google-wallet: "\f1ee";
+$fa-var-graduation-cap: "\f19d";
+$fa-var-gratipay: "\f184";
+$fa-var-group: "\f0c0";
+$fa-var-h-square: "\f0fd";
+$fa-var-hacker-news: "\f1d4";
+$fa-var-hand-grab-o: "\f255";
+$fa-var-hand-lizard-o: "\f258";
+$fa-var-hand-o-down: "\f0a7";
+$fa-var-hand-o-left: "\f0a5";
+$fa-var-hand-o-right: "\f0a4";
+$fa-var-hand-o-up: "\f0a6";
+$fa-var-hand-paper-o: "\f256";
+$fa-var-hand-peace-o: "\f25b";
+$fa-var-hand-pointer-o: "\f25a";
+$fa-var-hand-rock-o: "\f255";
+$fa-var-hand-scissors-o: "\f257";
+$fa-var-hand-spock-o: "\f259";
+$fa-var-hand-stop-o: "\f256";
+$fa-var-hard-of-hearing: "\f2a4";
+$fa-var-hashtag: "\f292";
+$fa-var-hdd-o: "\f0a0";
+$fa-var-header: "\f1dc";
+$fa-var-headphones: "\f025";
+$fa-var-heart: "\f004";
+$fa-var-heart-o: "\f08a";
+$fa-var-heartbeat: "\f21e";
+$fa-var-history: "\f1da";
+$fa-var-home: "\f015";
+$fa-var-hospital-o: "\f0f8";
+$fa-var-hotel: "\f236";
+$fa-var-hourglass: "\f254";
+$fa-var-hourglass-1: "\f251";
+$fa-var-hourglass-2: "\f252";
+$fa-var-hourglass-3: "\f253";
+$fa-var-hourglass-end: "\f253";
+$fa-var-hourglass-half: "\f252";
+$fa-var-hourglass-o: "\f250";
+$fa-var-hourglass-start: "\f251";
+$fa-var-houzz: "\f27c";
+$fa-var-html5: "\f13b";
+$fa-var-i-cursor: "\f246";
+$fa-var-ils: "\f20b";
+$fa-var-image: "\f03e";
+$fa-var-inbox: "\f01c";
+$fa-var-indent: "\f03c";
+$fa-var-industry: "\f275";
+$fa-var-info: "\f129";
+$fa-var-info-circle: "\f05a";
+$fa-var-inr: "\f156";
+$fa-var-instagram: "\f16d";
+$fa-var-institution: "\f19c";
+$fa-var-internet-explorer: "\f26b";
+$fa-var-intersex: "\f224";
+$fa-var-ioxhost: "\f208";
+$fa-var-italic: "\f033";
+$fa-var-joomla: "\f1aa";
+$fa-var-jpy: "\f157";
+$fa-var-jsfiddle: "\f1cc";
+$fa-var-key: "\f084";
+$fa-var-keyboard-o: "\f11c";
+$fa-var-krw: "\f159";
+$fa-var-language: "\f1ab";
+$fa-var-laptop: "\f109";
+$fa-var-lastfm: "\f202";
+$fa-var-lastfm-square: "\f203";
+$fa-var-leaf: "\f06c";
+$fa-var-leanpub: "\f212";
+$fa-var-legal: "\f0e3";
+$fa-var-lemon-o: "\f094";
+$fa-var-level-down: "\f149";
+$fa-var-level-up: "\f148";
+$fa-var-life-bouy: "\f1cd";
+$fa-var-life-buoy: "\f1cd";
+$fa-var-life-ring: "\f1cd";
+$fa-var-life-saver: "\f1cd";
+$fa-var-lightbulb-o: "\f0eb";
+$fa-var-line-chart: "\f201";
+$fa-var-link: "\f0c1";
+$fa-var-linkedin: "\f0e1";
+$fa-var-linkedin-square: "\f08c";
+$fa-var-linux: "\f17c";
+$fa-var-list: "\f03a";
+$fa-var-list-alt: "\f022";
+$fa-var-list-ol: "\f0cb";
+$fa-var-list-ul: "\f0ca";
+$fa-var-location-arrow: "\f124";
+$fa-var-lock: "\f023";
+$fa-var-long-arrow-down: "\f175";
+$fa-var-long-arrow-left: "\f177";
+$fa-var-long-arrow-right: "\f178";
+$fa-var-long-arrow-up: "\f176";
+$fa-var-low-vision: "\f2a8";
+$fa-var-magic: "\f0d0";
+$fa-var-magnet: "\f076";
+$fa-var-mail-forward: "\f064";
+$fa-var-mail-reply: "\f112";
+$fa-var-mail-reply-all: "\f122";
+$fa-var-male: "\f183";
+$fa-var-map: "\f279";
+$fa-var-map-marker: "\f041";
+$fa-var-map-o: "\f278";
+$fa-var-map-pin: "\f276";
+$fa-var-map-signs: "\f277";
+$fa-var-mars: "\f222";
+$fa-var-mars-double: "\f227";
+$fa-var-mars-stroke: "\f229";
+$fa-var-mars-stroke-h: "\f22b";
+$fa-var-mars-stroke-v: "\f22a";
+$fa-var-maxcdn: "\f136";
+$fa-var-meanpath: "\f20c";
+$fa-var-medium: "\f23a";
+$fa-var-medkit: "\f0fa";
+$fa-var-meh-o: "\f11a";
+$fa-var-mercury: "\f223";
+$fa-var-microphone: "\f130";
+$fa-var-microphone-slash: "\f131";
+$fa-var-minus: "\f068";
+$fa-var-minus-circle: "\f056";
+$fa-var-minus-square: "\f146";
+$fa-var-minus-square-o: "\f147";
+$fa-var-mixcloud: "\f289";
+$fa-var-mobile: "\f10b";
+$fa-var-mobile-phone: "\f10b";
+$fa-var-modx: "\f285";
+$fa-var-money: "\f0d6";
+$fa-var-moon-o: "\f186";
+$fa-var-mortar-board: "\f19d";
+$fa-var-motorcycle: "\f21c";
+$fa-var-mouse-pointer: "\f245";
+$fa-var-music: "\f001";
+$fa-var-navicon: "\f0c9";
+$fa-var-neuter: "\f22c";
+$fa-var-newspaper-o: "\f1ea";
+$fa-var-object-group: "\f247";
+$fa-var-object-ungroup: "\f248";
+$fa-var-odnoklassniki: "\f263";
+$fa-var-odnoklassniki-square: "\f264";
+$fa-var-opencart: "\f23d";
+$fa-var-openid: "\f19b";
+$fa-var-opera: "\f26a";
+$fa-var-optin-monster: "\f23c";
+$fa-var-outdent: "\f03b";
+$fa-var-pagelines: "\f18c";
+$fa-var-paint-brush: "\f1fc";
+$fa-var-paper-plane: "\f1d8";
+$fa-var-paper-plane-o: "\f1d9";
+$fa-var-paperclip: "\f0c6";
+$fa-var-paragraph: "\f1dd";
+$fa-var-paste: "\f0ea";
+$fa-var-pause: "\f04c";
+$fa-var-pause-circle: "\f28b";
+$fa-var-pause-circle-o: "\f28c";
+$fa-var-paw: "\f1b0";
+$fa-var-paypal: "\f1ed";
+$fa-var-pencil: "\f040";
+$fa-var-pencil-square: "\f14b";
+$fa-var-pencil-square-o: "\f044";
+$fa-var-percent: "\f295";
+$fa-var-phone: "\f095";
+$fa-var-phone-square: "\f098";
+$fa-var-photo: "\f03e";
+$fa-var-picture-o: "\f03e";
+$fa-var-pie-chart: "\f200";
+$fa-var-pied-piper: "\f2ae";
+$fa-var-pied-piper-alt: "\f1a8";
+$fa-var-pied-piper-pp: "\f1a7";
+$fa-var-pinterest: "\f0d2";
+$fa-var-pinterest-p: "\f231";
+$fa-var-pinterest-square: "\f0d3";
+$fa-var-plane: "\f072";
+$fa-var-play: "\f04b";
+$fa-var-play-circle: "\f144";
+$fa-var-play-circle-o: "\f01d";
+$fa-var-plug: "\f1e6";
+$fa-var-plus: "\f067";
+$fa-var-plus-circle: "\f055";
+$fa-var-plus-square: "\f0fe";
+$fa-var-plus-square-o: "\f196";
+$fa-var-power-off: "\f011";
+$fa-var-print: "\f02f";
+$fa-var-product-hunt: "\f288";
+$fa-var-puzzle-piece: "\f12e";
+$fa-var-qq: "\f1d6";
+$fa-var-qrcode: "\f029";
+$fa-var-question: "\f128";
+$fa-var-question-circle: "\f059";
+$fa-var-question-circle-o: "\f29c";
+$fa-var-quote-left: "\f10d";
+$fa-var-quote-right: "\f10e";
+$fa-var-ra: "\f1d0";
+$fa-var-random: "\f074";
+$fa-var-rebel: "\f1d0";
+$fa-var-recycle: "\f1b8";
+$fa-var-reddit: "\f1a1";
+$fa-var-reddit-alien: "\f281";
+$fa-var-reddit-square: "\f1a2";
+$fa-var-refresh: "\f021";
+$fa-var-registered: "\f25d";
+$fa-var-remove: "\f00d";
+$fa-var-renren: "\f18b";
+$fa-var-reorder: "\f0c9";
+$fa-var-repeat: "\f01e";
+$fa-var-reply: "\f112";
+$fa-var-reply-all: "\f122";
+$fa-var-resistance: "\f1d0";
+$fa-var-retweet: "\f079";
+$fa-var-rmb: "\f157";
+$fa-var-road: "\f018";
+$fa-var-rocket: "\f135";
+$fa-var-rotate-left: "\f0e2";
+$fa-var-rotate-right: "\f01e";
+$fa-var-rouble: "\f158";
+$fa-var-rss: "\f09e";
+$fa-var-rss-square: "\f143";
+$fa-var-rub: "\f158";
+$fa-var-ruble: "\f158";
+$fa-var-rupee: "\f156";
+$fa-var-safari: "\f267";
+$fa-var-save: "\f0c7";
+$fa-var-scissors: "\f0c4";
+$fa-var-scribd: "\f28a";
+$fa-var-search: "\f002";
+$fa-var-search-minus: "\f010";
+$fa-var-search-plus: "\f00e";
+$fa-var-sellsy: "\f213";
+$fa-var-send: "\f1d8";
+$fa-var-send-o: "\f1d9";
+$fa-var-server: "\f233";
+$fa-var-share: "\f064";
+$fa-var-share-alt: "\f1e0";
+$fa-var-share-alt-square: "\f1e1";
+$fa-var-share-square: "\f14d";
+$fa-var-share-square-o: "\f045";
+$fa-var-shekel: "\f20b";
+$fa-var-sheqel: "\f20b";
+$fa-var-shield: "\f132";
+$fa-var-ship: "\f21a";
+$fa-var-shirtsinbulk: "\f214";
+$fa-var-shopping-bag: "\f290";
+$fa-var-shopping-basket: "\f291";
+$fa-var-shopping-cart: "\f07a";
+$fa-var-sign-in: "\f090";
+$fa-var-sign-language: "\f2a7";
+$fa-var-sign-out: "\f08b";
+$fa-var-signal: "\f012";
+$fa-var-signing: "\f2a7";
+$fa-var-simplybuilt: "\f215";
+$fa-var-sitemap: "\f0e8";
+$fa-var-skyatlas: "\f216";
+$fa-var-skype: "\f17e";
+$fa-var-slack: "\f198";
+$fa-var-sliders: "\f1de";
+$fa-var-slideshare: "\f1e7";
+$fa-var-smile-o: "\f118";
+$fa-var-snapchat: "\f2ab";
+$fa-var-snapchat-ghost: "\f2ac";
+$fa-var-snapchat-square: "\f2ad";
+$fa-var-soccer-ball-o: "\f1e3";
+$fa-var-sort: "\f0dc";
+$fa-var-sort-alpha-asc: "\f15d";
+$fa-var-sort-alpha-desc: "\f15e";
+$fa-var-sort-amount-asc: "\f160";
+$fa-var-sort-amount-desc: "\f161";
+$fa-var-sort-asc: "\f0de";
+$fa-var-sort-desc: "\f0dd";
+$fa-var-sort-down: "\f0dd";
+$fa-var-sort-numeric-asc: "\f162";
+$fa-var-sort-numeric-desc: "\f163";
+$fa-var-sort-up: "\f0de";
+$fa-var-soundcloud: "\f1be";
+$fa-var-space-shuttle: "\f197";
+$fa-var-spinner: "\f110";
+$fa-var-spoon: "\f1b1";
+$fa-var-spotify: "\f1bc";
+$fa-var-square: "\f0c8";
+$fa-var-square-o: "\f096";
+$fa-var-stack-exchange: "\f18d";
+$fa-var-stack-overflow: "\f16c";
+$fa-var-star: "\f005";
+$fa-var-star-half: "\f089";
+$fa-var-star-half-empty: "\f123";
+$fa-var-star-half-full: "\f123";
+$fa-var-star-half-o: "\f123";
+$fa-var-star-o: "\f006";
+$fa-var-steam: "\f1b6";
+$fa-var-steam-square: "\f1b7";
+$fa-var-step-backward: "\f048";
+$fa-var-step-forward: "\f051";
+$fa-var-stethoscope: "\f0f1";
+$fa-var-sticky-note: "\f249";
+$fa-var-sticky-note-o: "\f24a";
+$fa-var-stop: "\f04d";
+$fa-var-stop-circle: "\f28d";
+$fa-var-stop-circle-o: "\f28e";
+$fa-var-street-view: "\f21d";
+$fa-var-strikethrough: "\f0cc";
+$fa-var-stumbleupon: "\f1a4";
+$fa-var-stumbleupon-circle: "\f1a3";
+$fa-var-subscript: "\f12c";
+$fa-var-subway: "\f239";
+$fa-var-suitcase: "\f0f2";
+$fa-var-sun-o: "\f185";
+$fa-var-superscript: "\f12b";
+$fa-var-support: "\f1cd";
+$fa-var-table: "\f0ce";
+$fa-var-tablet: "\f10a";
+$fa-var-tachometer: "\f0e4";
+$fa-var-tag: "\f02b";
+$fa-var-tags: "\f02c";
+$fa-var-tasks: "\f0ae";
+$fa-var-taxi: "\f1ba";
+$fa-var-television: "\f26c";
+$fa-var-tencent-weibo: "\f1d5";
+$fa-var-terminal: "\f120";
+$fa-var-text-height: "\f034";
+$fa-var-text-width: "\f035";
+$fa-var-th: "\f00a";
+$fa-var-th-large: "\f009";
+$fa-var-th-list: "\f00b";
+$fa-var-themeisle: "\f2b2";
+$fa-var-thumb-tack: "\f08d";
+$fa-var-thumbs-down: "\f165";
+$fa-var-thumbs-o-down: "\f088";
+$fa-var-thumbs-o-up: "\f087";
+$fa-var-thumbs-up: "\f164";
+$fa-var-ticket: "\f145";
+$fa-var-times: "\f00d";
+$fa-var-times-circle: "\f057";
+$fa-var-times-circle-o: "\f05c";
+$fa-var-tint: "\f043";
+$fa-var-toggle-down: "\f150";
+$fa-var-toggle-left: "\f191";
+$fa-var-toggle-off: "\f204";
+$fa-var-toggle-on: "\f205";
+$fa-var-toggle-right: "\f152";
+$fa-var-toggle-up: "\f151";
+$fa-var-trademark: "\f25c";
+$fa-var-train: "\f238";
+$fa-var-transgender: "\f224";
+$fa-var-transgender-alt: "\f225";
+$fa-var-trash: "\f1f8";
+$fa-var-trash-o: "\f014";
+$fa-var-tree: "\f1bb";
+$fa-var-trello: "\f181";
+$fa-var-tripadvisor: "\f262";
+$fa-var-trophy: "\f091";
+$fa-var-truck: "\f0d1";
+$fa-var-try: "\f195";
+$fa-var-tty: "\f1e4";
+$fa-var-tumblr: "\f173";
+$fa-var-tumblr-square: "\f174";
+$fa-var-turkish-lira: "\f195";
+$fa-var-tv: "\f26c";
+$fa-var-twitch: "\f1e8";
+$fa-var-twitter: "\f099";
+$fa-var-twitter-square: "\f081";
+$fa-var-umbrella: "\f0e9";
+$fa-var-underline: "\f0cd";
+$fa-var-undo: "\f0e2";
+$fa-var-universal-access: "\f29a";
+$fa-var-university: "\f19c";
+$fa-var-unlink: "\f127";
+$fa-var-unlock: "\f09c";
+$fa-var-unlock-alt: "\f13e";
+$fa-var-unsorted: "\f0dc";
+$fa-var-upload: "\f093";
+$fa-var-usb: "\f287";
+$fa-var-usd: "\f155";
+$fa-var-user: "\f007";
+$fa-var-user-md: "\f0f0";
+$fa-var-user-plus: "\f234";
+$fa-var-user-secret: "\f21b";
+$fa-var-user-times: "\f235";
+$fa-var-users: "\f0c0";
+$fa-var-venus: "\f221";
+$fa-var-venus-double: "\f226";
+$fa-var-venus-mars: "\f228";
+$fa-var-viacoin: "\f237";
+$fa-var-viadeo: "\f2a9";
+$fa-var-viadeo-square: "\f2aa";
+$fa-var-video-camera: "\f03d";
+$fa-var-vimeo: "\f27d";
+$fa-var-vimeo-square: "\f194";
+$fa-var-vine: "\f1ca";
+$fa-var-vk: "\f189";
+$fa-var-volume-control-phone: "\f2a0";
+$fa-var-volume-down: "\f027";
+$fa-var-volume-off: "\f026";
+$fa-var-volume-up: "\f028";
+$fa-var-warning: "\f071";
+$fa-var-wechat: "\f1d7";
+$fa-var-weibo: "\f18a";
+$fa-var-weixin: "\f1d7";
+$fa-var-whatsapp: "\f232";
+$fa-var-wheelchair: "\f193";
+$fa-var-wheelchair-alt: "\f29b";
+$fa-var-wifi: "\f1eb";
+$fa-var-wikipedia-w: "\f266";
+$fa-var-windows: "\f17a";
+$fa-var-won: "\f159";
+$fa-var-wordpress: "\f19a";
+$fa-var-wpbeginner: "\f297";
+$fa-var-wpforms: "\f298";
+$fa-var-wrench: "\f0ad";
+$fa-var-xing: "\f168";
+$fa-var-xing-square: "\f169";
+$fa-var-y-combinator: "\f23b";
+$fa-var-y-combinator-square: "\f1d4";
+$fa-var-yahoo: "\f19e";
+$fa-var-yc: "\f23b";
+$fa-var-yc-square: "\f1d4";
+$fa-var-yelp: "\f1e9";
+$fa-var-yen: "\f157";
+$fa-var-yoast: "\f2b1";
+$fa-var-youtube: "\f167";
+$fa-var-youtube-play: "\f16a";
+$fa-var-youtube-square: "\f166";
+
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/magnific-popup/_magnific-popup.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/magnific-popup/_magnific-popup.scss b/_sass/vendor/magnific-popup/_magnific-popup.scss
new file mode 100644
index 0000000..27b27bc
--- /dev/null
+++ b/_sass/vendor/magnific-popup/_magnific-popup.scss
@@ -0,0 +1,649 @@
+/* Magnific Popup CSS */
+
+@import "settings";
+
+////////////////////////
+//
+// Contents:
+//
+// 1. Default Settings
+// 2. General styles
+// - Transluscent overlay
+// - Containers, wrappers
+// - Cursors
+// - Helper classes
+// 3. Appearance
+// - Preloader & text that displays error messages
+// - CSS reset for buttons
+// - Close icon
+// - "1 of X" counter
+// - Navigation (left/right) arrows
+// - Iframe content type styles
+// - Image content type styles
+// - Media query where size of arrows is reduced
+// - IE7 support
+//
+////////////////////////
+
+
+
+////////////////////////
+// 1. Default Settings
+////////////////////////
+
+$mfp-overlay-color: #0b0b0b !default;
+$mfp-overlay-opacity: 0.8 !default;
+$mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6) !default; // shadow on image or iframe
+$mfp-popup-padding-left: 8px !default; // Padding from left and from right side
+$mfp-popup-padding-left-mobile: 6px !default; // Same as above, but is applied when width of window is less than 800px
+
+$mfp-z-index-base: 1040 !default; // Base z-index of popup
+$mfp-include-arrows: true !default; // include styles for nav arrows
+$mfp-controls-opacity: 0.65 !default;
+$mfp-controls-color: #FFF !default;
+$mfp-controls-border-color: #3F3F3F !default;
+$mfp-inner-close-icon-color: #333 !default;
+$mfp-controls-text-color: #CCC !default; // Color of preloader and "1 of X" indicator
+$mfp-controls-text-color-hover: #FFF !default;
+$mfp-IE7support: true !default; // Very basic IE7 support
+
+// Iframe-type options
+$mfp-include-iframe-type: true !default;
+$mfp-iframe-padding-top: 40px !default;
+$mfp-iframe-background: #000 !default;
+$mfp-iframe-max-width: 900px !default;
+$mfp-iframe-ratio: 9/16 !default;
+
+// Image-type options
+$mfp-include-image-type: true !default;
+$mfp-image-background: #444 !default;
+$mfp-image-padding-top: 40px !default;
+$mfp-image-padding-bottom: 40px !default;
+$mfp-include-mobile-layout-for-image: true !default; // Removes paddings from top and bottom
+
+// Image caption options
+$mfp-caption-title-color: #F3F3F3 !default;
+$mfp-caption-subtitle-color: #BDBDBD !default;
+
+// A11y
+$mfp-use-visuallyhidden: false !default; // Hide content from browsers, but make it available for screen readers
+
+
+
+////////////////////////
+// 2. General styles
+////////////////////////
+
+// Transluscent overlay
+.mfp-bg {
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: $mfp-z-index-base + 2;
+ overflow: hidden;
+ position: fixed;
+
+ background: $mfp-overlay-color;
+ opacity: $mfp-overlay-opacity;
+ @if $mfp-IE7support {
+ filter: unquote("alpha(opacity=#{$mfp-overlay-opacity*100})");
+ }
+}
+
+// Wrapper for popup
+.mfp-wrap {
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: $mfp-z-index-base + 3;
+ position: fixed;
+ outline: none !important;
+ -webkit-backface-visibility: hidden; // fixes webkit bug that can cause "false" scrollbar
+}
+
+// Root container
+.mfp-container {
+ text-align: center;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ padding: 0 $mfp-popup-padding-left;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+// Vertical centerer helper
+.mfp-container {
+ &:before {
+ content: '';
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+ }
+}
+
+// Remove vertical centering when popup has class `mfp-align-top`
+.mfp-align-top {
+ .mfp-container {
+ &:before {
+ display: none;
+ }
+ }
+}
+
+// Popup content holder
+.mfp-content {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0 auto;
+ text-align: left;
+ z-index: $mfp-z-index-base + 5;
+}
+.mfp-inline-holder,
+.mfp-ajax-holder {
+ .mfp-content {
+ width: 100%;
+ cursor: auto;
+ }
+}
+
+// Cursors
+.mfp-ajax-cur {
+ cursor: progress;
+}
+.mfp-zoom-out-cur {
+ &, .mfp-image-holder .mfp-close {
+ cursor: -moz-zoom-out;
+ cursor: -webkit-zoom-out;
+ cursor: zoom-out;
+ }
+}
+.mfp-zoom {
+ cursor: pointer;
+ cursor: -webkit-zoom-in;
+ cursor: -moz-zoom-in;
+ cursor: zoom-in;
+}
+.mfp-auto-cursor {
+ .mfp-content {
+ cursor: auto;
+ }
+}
+
+.mfp-close,
+.mfp-arrow,
+.mfp-preloader,
+.mfp-counter {
+ -webkit-user-select:none;
+ -moz-user-select: none;
+ user-select: none;
+}
+
+// Hide the image during the loading
+.mfp-loading {
+ &.mfp-figure {
+ display: none;
+ }
+}
+
+// Helper class that hides stuff
+@if $mfp-use-visuallyhidden {
+ // From HTML5 Boilerplate https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/doc/css.md#visuallyhidden
+ .mfp-hide {
+ border: 0 !important;
+ clip: rect(0 0 0 0) !important;
+ height: 1px !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ padding: 0 !important;
+ position: absolute !important;
+ width: 1px !important;
+ }
+} @else {
+ .mfp-hide {
+ display: none !important;
+ }
+}
+
+
+////////////////////////
+// 3. Appearance
+////////////////////////
+
+// Preloader and text that displays error messages
+.mfp-preloader {
+ color: $mfp-controls-text-color;
+ position: absolute;
+ top: 50%;
+ width: auto;
+ text-align: center;
+ margin-top: -0.8em;
+ left: 8px;
+ right: 8px;
+ z-index: $mfp-z-index-base + 4;
+ a {
+ color: $mfp-controls-text-color;
+ &:hover {
+ color: $mfp-controls-text-color-hover;
+ }
+ }
+}
+
+// Hide preloader when content successfully loaded
+.mfp-s-ready {
+ .mfp-preloader {
+ display: none;
+ }
+}
+
+// Hide content when it was not loaded
+.mfp-s-error {
+ .mfp-content {
+ display: none;
+ }
+}
+
+// CSS-reset for buttons
+button {
+ &.mfp-close,
+ &.mfp-arrow {
+ overflow: visible;
+ cursor: pointer;
+ background: transparent;
+ border: 0;
+ -webkit-appearance: none;
+ display: block;
+ outline: none;
+ padding: 0;
+ z-index: $mfp-z-index-base + 6;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ }
+ &::-moz-focus-inner {
+ padding: 0;
+ border: 0
+ }
+}
+
+
+// Close icon
+.mfp-close {
+ width: 44px;
+ height: 44px;
+ line-height: 44px;
+
+ position: absolute;
+ right: 0;
+ top: 0;
+ text-decoration: none;
+ text-align: center;
+ opacity: $mfp-controls-opacity;
+ @if $mfp-IE7support {
+ filter: unquote("alpha(opacity=#{$mfp-controls-opacity*100})");
+ }
+ padding: 0 0 18px 10px;
+ color: $mfp-controls-color;
+
+ font-style: normal;
+ font-size: 28px;
+ font-family: $serif;
+
+ &:hover,
+ &:focus {
+ opacity: 1;
+ @if $mfp-IE7support {
+ filter: unquote("alpha(opacity=#{1*100})");
+ }
+ }
+
+ &:active {
+ top: 1px;
+ }
+}
+.mfp-close-btn-in {
+ .mfp-close {
+ color: $mfp-inner-close-icon-color;
+ }
+}
+.mfp-image-holder,
+.mfp-iframe-holder {
+ .mfp-close {
+ color: $mfp-controls-color;
+ right: -6px;
+ text-align: right;
+ padding-right: 6px;
+ width: 100%;
+ }
+}
+
+// "1 of X" counter
+.mfp-counter {
+ position: absolute;
+ top: 0;
+ right: 0;
+ color: $mfp-controls-text-color;
+ font-size: 12px;
+ line-height: 18px;
+}
+
+// Navigation arrows
+@if $mfp-include-arrows {
+ .mfp-arrow {
+ position: absolute;
+ opacity: $mfp-controls-opacity;
+ @if $mfp-IE7support {
+ filter: unquote("alpha(opacity=#{$mfp-controls-opacity*100})");
+ }
+ margin: 0;
+ top: 50%;
+ margin-top: -55px;
+ padding: 0;
+ width: 90px;
+ height: 110px;
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+ &:active {
+ margin-top: -54px;
+ }
+ &:hover,
+ &:focus {
+ opacity: 1;
+ @if $mfp-IE7support {
+ filter: unquote("alpha(opacity=#{1*100})");
+ }
+ }
+ &:before,
+ &:after,
+ .mfp-b,
+ .mfp-a {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ position: absolute;
+ left: 0;
+ top: 0;
+ margin-top: 35px;
+ margin-left: 35px;
+ border: medium inset transparent;
+ }
+
+ &:after,
+ .mfp-a {
+
+ border-top-width: 13px;
+ border-bottom-width: 13px;
+ top:8px;
+ }
+
+ &:before,
+ .mfp-b {
+ border-top-width: 21px;
+ border-bottom-width: 21px;
+ opacity: 0.7;
+ }
+
+ }
+
+ .mfp-arrow-left {
+ left: 0;
+
+ &:after,
+ .mfp-a {
+ border-right: 17px solid $mfp-controls-color;
+ margin-left: 31px;
+ }
+ &:before,
+ .mfp-b {
+ margin-left: 25px;
+ border-right: 27px solid $mfp-controls-border-color;
+ }
+ }
+
+ .mfp-arrow-right {
+ right: 0;
+ &:after,
+ .mfp-a {
+ border-left: 17px solid $mfp-controls-color;
+ margin-left: 39px
+ }
+ &:before,
+ .mfp-b {
+ border-left: 27px solid $mfp-controls-border-color;
+ }
+ }
+}
+
+
+
+// Iframe content type
+@if $mfp-include-iframe-type {
+ .mfp-iframe-holder {
+ padding-top: $mfp-iframe-padding-top;
+ padding-bottom: $mfp-iframe-padding-top;
+ .mfp-content {
+ line-height: 0;
+ width: 100%;
+ max-width: $mfp-iframe-max-width;
+ }
+ .mfp-close {
+ top: -40px;
+ }
+ }
+ .mfp-iframe-scaler {
+ width: 100%;
+ height: 0;
+ overflow: hidden;
+ padding-top: $mfp-iframe-ratio * 100%;
+ iframe {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ box-shadow: $mfp-shadow;
+ background: $mfp-iframe-background;
+ }
+ }
+}
+
+
+
+// Image content type
+@if $mfp-include-image-type {
+
+ /* Main image in popup */
+ img {
+ &.mfp-img {
+ width: auto;
+ max-width: 100%;
+ height: auto;
+ display: block;
+ line-height: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: $mfp-image-padding-top 0 $mfp-image-padding-bottom;
+ margin: 0 auto;
+ }
+ }
+
+ /* The shadow behind the image */
+ .mfp-figure {
+ line-height: 0;
+ &:after {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: $mfp-image-padding-top;
+ bottom: $mfp-image-padding-bottom;
+ display: block;
+ right: 0;
+ width: auto;
+ height: auto;
+ z-index: -1;
+ box-shadow: $mfp-shadow;
+ background: $mfp-image-background;
+ }
+ small {
+ color: $mfp-caption-subtitle-color;
+ display: block;
+ font-size: 12px;
+ line-height: 14px;
+ }
+ figure {
+ margin: 0;
+ }
+ figcaption {
+ margin-top: 0;
+ margin-bottom: 0; // reset for bottom spacing
+ }
+ }
+ .mfp-bottom-bar {
+ margin-top: -$mfp-image-padding-bottom + 4;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ width: 100%;
+ cursor: auto;
+ }
+ .mfp-title {
+ text-align: left;
+ line-height: 18px;
+ color: $mfp-caption-title-color;
+ word-wrap: break-word;
+ padding-right: 36px; // leave some space for counter at right side
+ }
+
+ .mfp-image-holder {
+ .mfp-content {
+ max-width: 100%;
+ }
+ }
+
+ .mfp-gallery {
+ .mfp-image-holder {
+ .mfp-figure {
+ cursor: pointer;
+ }
+ }
+ }
+
+
+ @if $mfp-include-mobile-layout-for-image {
+ @media screen and (max-width: 800px) and (orientation:landscape), screen and (max-height: 300px) {
+ /**
+ * Remove all paddings around the image on small screen
+ */
+ .mfp-img-mobile {
+ .mfp-image-holder {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ img {
+ &.mfp-img {
+ padding: 0;
+ }
+ }
+ .mfp-figure {
+ // The shadow behind the image
+ &:after {
+ top: 0;
+ bottom: 0;
+ }
+ small {
+ display: inline;
+ margin-left: 5px;
+ }
+ }
+ .mfp-bottom-bar {
+ background: rgba(0,0,0,0.6);
+ bottom: 0;
+ margin: 0;
+ top: auto;
+ padding: 3px 5px;
+ position: fixed;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ &:empty {
+ padding: 0;
+ }
+ }
+ .mfp-counter {
+ right: 5px;
+ top: 3px;
+ }
+ .mfp-close {
+ top: 0;
+ right: 0;
+ width: 35px;
+ height: 35px;
+ line-height: 35px;
+ background: rgba(0, 0, 0, 0.6);
+ position: fixed;
+ text-align: center;
+ padding: 0;
+ }
+ }
+ }
+ }
+}
+
+
+
+// Scale navigation arrows and reduce padding from sides
+@media all and (max-width: 900px) {
+ .mfp-arrow {
+ -webkit-transform: scale(0.75);
+ transform: scale(0.75);
+ }
+ .mfp-arrow-left {
+ -webkit-transform-origin: 0;
+ transform-origin: 0;
+ }
+ .mfp-arrow-right {
+ -webkit-transform-origin: 100%;
+ transform-origin: 100%;
+ }
+ .mfp-container {
+ padding-left: $mfp-popup-padding-left-mobile;
+ padding-right: $mfp-popup-padding-left-mobile;
+ }
+}
+
+
+
+// IE7 support
+// Styles that make popup look nicier in old IE
+@if $mfp-IE7support {
+ .mfp-ie7 {
+ .mfp-img {
+ padding: 0;
+ }
+ .mfp-bottom-bar {
+ width: 600px;
+ left: 50%;
+ margin-left: -300px;
+ margin-top: 5px;
+ padding-bottom: 5px;
+ }
+ .mfp-container {
+ padding: 0;
+ }
+ .mfp-content {
+ padding-top: 44px;
+ }
+ .mfp-close {
+ top: 0;
+ right: 0;
+ padding-top: 0;
+ }
+ }
+}
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/magnific-popup/_settings.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/magnific-popup/_settings.scss b/_sass/vendor/magnific-popup/_settings.scss
new file mode 100644
index 0000000..e7866b3
--- /dev/null
+++ b/_sass/vendor/magnific-popup/_settings.scss
@@ -0,0 +1,46 @@
+////////////////////////
+// Settings //
+////////////////////////
+
+// overlay
+$mfp-overlay-color: #000; // Color of overlay screen
+$mfp-overlay-opacity: 0.8; // Opacity of overlay screen
+$mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6); // Shadow on image or iframe
+
+// spacing
+$mfp-popup-padding-left: 8px; // Padding from left and from right side
+$mfp-popup-padding-left-mobile: 6px; // Same as above, but is applied when width of window is less than 800px
+
+$mfp-z-index-base: 1040; // Base z-index of popup
+
+// controls
+$mfp-include-arrows: true; // Include styles for nav arrows
+$mfp-controls-opacity: 1; // Opacity of controls
+$mfp-controls-color: #fff; // Color of controls
+$mfp-controls-border-color: #fff; // Border color of controls
+$mfp-inner-close-icon-color: #fff; // Color of close button when inside
+$mfp-controls-text-color: #ccc; // Color of preloader and "1 of X" indicator
+$mfp-controls-text-color-hover: #fff; // Hover color of preloader and "1 of X" indicator
+$mfp-IE7support: true; // Very basic IE7 support
+
+// Iframe-type options
+$mfp-include-iframe-type: true; // Enable Iframe-type popups
+$mfp-iframe-padding-top: 40px; // Iframe padding top
+$mfp-iframe-background: #000; // Background color of iframes
+$mfp-iframe-max-width: 900px; // Maximum width of iframes
+$mfp-iframe-ratio: 9/16; // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.)
+
+// Image-type options
+$mfp-include-image-type: true; // Enable Image-type popups
+$mfp-image-background: #444 !default;
+$mfp-image-padding-top: 40px; // Image padding top
+$mfp-image-padding-bottom: 40px; // Image padding bottom
+$mfp-include-mobile-layout-for-image: true; // Removes paddings from top and bottom
+
+// Image caption options
+$mfp-caption-title-color: #f3f3f3; // Caption title color
+$mfp-caption-subtitle-color: #bdbdbd; // Caption subtitle color
+.mfp-counter { font-family: $serif; } // Caption font family
+
+// A11y
+$mfp-use-visuallyhidden: false;
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/_su.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/_su.scss b/_sass/vendor/susy/_su.scss
new file mode 100644
index 0000000..83386ad
--- /dev/null
+++ b/_sass/vendor/susy/_su.scss
@@ -0,0 +1,4 @@
+// Su
+// ==
+
+@import 'susy/su';
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/_susy.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/_susy.scss b/_sass/vendor/susy/_susy.scss
new file mode 100644
index 0000000..224e98a
--- /dev/null
+++ b/_sass/vendor/susy/_susy.scss
@@ -0,0 +1,4 @@
+// Susy
+// ====
+
+@import 'susy/language/susy';
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/_susyone.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/_susyone.scss b/_sass/vendor/susy/_susyone.scss
new file mode 100644
index 0000000..5b934c6
--- /dev/null
+++ b/_sass/vendor/susy/_susyone.scss
@@ -0,0 +1,4 @@
+// Susy
+// ====
+
+@import 'susy/language/susyone';
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/_su.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/_su.scss b/_sass/vendor/susy/susy/_su.scss
new file mode 100644
index 0000000..a145415
--- /dev/null
+++ b/_sass/vendor/susy/susy/_su.scss
@@ -0,0 +1,7 @@
+// Su
+// ==
+
+@import "su/utilities";
+@import "su/settings";
+@import "su/validation";
+@import "su/grid";
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/_susy.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/_susy.scss b/_sass/vendor/susy/susy/language/_susy.scss
new file mode 100644
index 0000000..0ee9cae
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/_susy.scss
@@ -0,0 +1,24 @@
+// Susy Next Syntax
+// ================
+
+$susy-version: 2.1;
+
+@import "../su";
+@import "../output/float";
+
+@import "susy/settings";
+@import "susy/validation";
+@import "susy/grids";
+@import "susy/box-sizing";
+@import "susy/context";
+@import "susy/background";
+@import "susy/container";
+@import "susy/span";
+@import "susy/gutters";
+@import "susy/isolate";
+@import "susy/gallery";
+@import "susy/rows";
+@import "susy/margins";
+@import "susy/padding";
+@import "susy/bleed";
+@import "susy/breakpoint-plugin";
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/_susyone.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/_susyone.scss b/_sass/vendor/susy/susy/language/_susyone.scss
new file mode 100644
index 0000000..a783d3a
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/_susyone.scss
@@ -0,0 +1,13 @@
+// ---------------------------------------------------------------------------
+// Partials
+
+$susy-version: 1.5;
+
+@import "susyone/settings";
+@import "susyone/functions";
+@import "susyone/grid";
+@import "susyone/isolation";
+@import "susyone/padding";
+@import "susyone/margin";
+@import "susyone/media";
+@import "susyone/background";
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/susy/_background.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/susy/_background.scss b/_sass/vendor/susy/susy/language/susy/_background.scss
new file mode 100644
index 0000000..d39dc72
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/susy/_background.scss
@@ -0,0 +1,385 @@
+// Background Grid Syntax
+// ======================
+
+$susy-overlay-grid-head-exists: false;
+
+
+// Show Grid/s
+// -----------
+// Show grid on any element using either background or overlay.
+// - [$grid] : <settings>
+@mixin show-grid(
+ $grid: $susy
+) {
+ $inspect: $grid;
+ $_output: debug-get(output, $grid);
+
+ @include susy-inspect(show-grid, $inspect);
+ @if $_output == overlay and susy-get(debug image, $grid) != hide {
+ @include overlay-grid($grid);
+ } @else {
+ @include background-grid($grid);
+ }
+}
+
+@mixin show-grids(
+ $grid: $susy
+) {
+ @include show-grid($grid);
+}
+
+// Background Grid
+// ---------------
+// Show a grid background on any element.
+// - [$grid] : <settings>
+@mixin background-grid(
+ $grid: $susy
+) {
+ $inspect : $grid;
+ $_output : get-background($grid);
+
+ @if length($_output) > 0 {
+ $_flow: susy-get(flow, $grid);
+
+ $_image: ();
+ @each $name, $layer in map-get($_output, image) {
+ $_direction: if($name == baseline, to bottom, to to($_flow));
+ $_image: append($_image, linear-gradient($_direction, $layer), comma);
+ }
+ $_output: map-merge($_output, (image: $_image));
+
+ @include background-grid-output($_output...);
+ @include susy-inspect(background-grid, $inspect);
+ }
+}
+
+
+// Overlay Grid
+// ------------
+// Generate an icon to trigger grid-overlays on any given elements.
+// $grids... : <selector> [<settings>] [, <selector>]*
+@mixin overlay-grid (
+ $grid: $susy
+) {
+ @if not($susy-overlay-grid-head-exists) {
+ @at-root head { @include overlay-head($grid); }
+ @at-root head:before { @include overlay-trigger; }
+ @at-root head:hover { @include overlay-trigger-hover; }
+ $susy-overlay-grid-head-exists: true !global;
+ }
+
+ head:hover ~ &,
+ head:hover ~ body & {
+ position: relative;
+ &:before {
+ @include grid-overlay-base;
+ @include background-grid($grid);
+ }
+ }
+}
+
+
+// [Private] Overlay Trigger
+// -------------------------
+@mixin overlay-trigger {
+ content: "|||";
+ display: block;
+ padding: 5px 10px;
+ font: {
+ family: sans-serif;
+ size: 16px;
+ weight: bold;
+ }
+}
+
+
+// [Private] Overlay Trigger Hover
+// -------------------------------
+@mixin overlay-trigger-hover {
+ background: rgba(white, .5);
+ color: red;
+}
+
+
+// [Private] Overlay Head
+// ----------------------
+// <head> styles to create grid overlay toggle
+@mixin overlay-head (
+ $grid: $susy
+) {
+ $_toggle: debug-get(toggle, $grid);
+ $_horz: null;
+ $_vert: null;
+
+ @each $side in $_toggle {
+ $_horz: if($side == left or $side == right, $side, $_horz);
+ $_vert: if($side == top or $side == bottom, $side, $_vert);
+ }
+
+ display: block;
+ position: fixed;
+ #{$_horz}: 10px;
+ #{$_vert}: 10px;
+ z-index: 999;
+ color: #333;
+ background: rgba(white, .25);
+}
+
+
+// [Private] Grid Overlay Base
+// ---------------------------
+// Base styles for generating a grid overlay
+@mixin grid-overlay-base() {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ content: " ";
+ z-index: 998;
+}
+
+
+// Get Symmetrical Background
+// --------------------------
+// - $grid: <map>
+@function get-background-sym(
+ $grid
+) {
+ $grid : parse-grid($grid);
+ $_gutters : susy-get(gutters, $grid);
+ $_column-width : susy-get(column-width, $grid);
+ $_math : susy-get(math, $grid);
+
+ $_color : debug-get(color);
+ $_trans : transparent;
+ $_light : lighten($_color, 15%);
+
+ $_end : 1 + $_gutters;
+ $_after : percentage(1/$_end);
+ $_stops : ();
+ $_size : span(1 $grid wide);
+
+ @if is-inside($grid) {
+ $_stops: $_color, $_light;
+ } @else if is-split($grid) {
+ $_split: $_gutters/2;
+ $_before: percentage($_split/$_end);
+ $_after: percentage((1 + $_split)/$_end);
+ $_stops: $_trans $_before, $_color $_before, $_light $_after, $_trans $_after;
+ } @else {
+ $_stops: $_color, $_light $_after, $_trans $_after;
+ }
+
+ @if $_math == static {
+ $_size: valid-column-math($_math, $_column-width) * $_end;
+ }
+
+ $_output: (
+ image: (columns: $_stops),
+ size: $_size,
+ );
+
+ @return $_output;
+}
+
+
+// Get Asymmetrical Inside
+// -----------------------
+// - $grid: <settings>
+@function get-asym-inside(
+ $grid
+) {
+ $grid : parse-grid($grid);
+ $_columns : susy-get(columns, $grid);
+
+ $_color : debug-get(color);
+ $_light : lighten($_color, 15%);
+ $_stops : ();
+
+ @for $location from 1 through susy-count($_columns) {
+ $this-stop: ();
+
+ @if $location == 1 {
+ $this-stop: append($this-stop, $_color, comma);
+ } @else {
+ $start: parse-span(1 at $location $grid);
+ $start: get-isolation($start);
+ $this-stop: append($this-stop, $_color $start, comma);
+ }
+
+ @if $location == susy-count($_columns) {
+ $this-stop: append($this-stop, $_light, comma);
+ } @else {
+ $_end: parse-span(1 at ($location + 1) $grid);
+ $_end: get-isolation($_end);
+ $this-stop: append($this-stop, $_light $_end, comma);
+ }
+
+ $_stops: join($_stops, $this-stop, comma);
+ }
+
+ @return $_stops;
+}
+
+
+// Get Asymmetrical Split
+// ----------------------
+// - $grid: <settings>
+@function get-asym-split(
+ $grid
+) {
+ $grid : parse-grid($grid);
+ $_columns : susy-get(columns, $grid);
+
+ $_color : debug-get(color);
+ $_light : lighten($_color, 15%);
+ $_stops : ();
+
+ @for $location from 1 through susy-count($_columns) {
+ $this-stop: ();
+
+ $start: parse-span(1 at $location $grid);
+ $start: get-isolation($start);
+ $this-stop: append($this-stop, transparent $start, comma);
+ $this-stop: append($this-stop, $_color $start, comma);
+
+ $_end: $start + span(1 at $location $grid);
+ $this-stop: append($this-stop, $_light $_end, comma);
+ $this-stop: append($this-stop, transparent $_end, comma);
+
+ $_stops: join($_stops, $this-stop, comma);
+ }
+
+ @return $_stops;
+}
+
+
+// Get Asymmetrical Outside
+// ------------------------
+// - $grid: <settings>
+@function get-asym-outside(
+ $grid
+) {
+ $grid : parse-grid($grid);
+ $_columns : susy-get(columns, $grid);
+
+ $_color : debug-get(color);
+ $_light : lighten($_color, 15%);
+ $_trans : transparent;
+ $_stops : ();
+
+ @for $location from 1 through susy-count($_columns) {
+ $this-stop: ();
+
+ @if $location == 1 {
+ $this-stop: append($this-stop, $_color, comma);
+ } @else {
+ $start: parse-span(1 at $location $grid);
+ $start: get-isolation($start);
+ $this-stop: append($this-stop, $_color $start, comma);
+ }
+
+ @if $location == susy-count($_columns) {
+ $this-stop: append($this-stop, $_light, comma);
+ } @else {
+ $gutter: get-span-width(first $location $grid);
+
+ $_end: parse-span(1 at ($location + 1) $grid);
+ $_end: get-isolation($_end);
+
+ $gutter: $_light $gutter, $_trans $gutter, $_trans $_end;
+ $this-stop: join($this-stop, $gutter, comma);
+ }
+
+ $_stops: join($_stops, $this-stop, comma);
+ }
+
+ @return $_stops;
+}
+
+
+// Get Asymmetrical Background
+// ---------------------------
+// - $grid: <settings>
+@function get-background-asym(
+ $grid
+) {
+ $_stops: ();
+
+ @if is-inside($grid) {
+ $_stops: get-asym-inside($grid);
+ } @else if is-split($grid) {
+ $_stops: get-asym-split($grid);
+ } @else {
+ $_stops: get-asym-outside($grid);
+ }
+
+ @return (image: (columns: $_stops));
+}
+
+
+// Get Background
+// --------------
+// - $grid: <settings>
+@function get-background(
+ $grid
+) {
+ $grid : parse-grid($grid);
+ $_show : susy-get(debug image, $grid);
+ $_return : ();
+
+ @if $_show and $_show != 'hide' {
+ $_columns: susy-get(columns, $grid);
+
+ @if $_show != 'show-baseline' {
+ $_sym: is-symmetrical($_columns);
+ $_return: if($_sym, get-background-sym($grid), get-background-asym($grid));
+ $_return: map-merge($_return, (clip: content-box));
+ }
+
+ @if $_show != 'show-columns'
+ and global-variable-exists(base-line-height)
+ and type-of($base-line-height) == 'number'
+ and not unitless($base-line-height) {
+ $_color: variable-exists('grid-background-baseline-color');
+ $_color: if($_color, $grid-background-baseline-color, #000);
+
+ $_image: map-get($_return, image);
+ $_size: map-get($_return, size);
+ $_baseline: (baseline: ($_color 1px, transparent 1px));
+ $_baseline-size: 100% $base-line-height;
+
+ $_return: map-merge($_return, (
+ image: if($_image, map-merge($_image, $_baseline), $_baseline),
+ size: if($_size, ($_size, $_baseline-size), $_baseline-size),
+ ));
+
+ @if $_show == 'show' {
+ $_clip: map-get($_return, clip);
+ $_return: map-merge($_return, (clip: join($_clip, border-box, comma)));
+ }
+ } @else if $_show == 'show-baseline' {
+ @warn 'Please provide a $base-line-height with the desired height and units';
+ }
+ }
+
+ @if map-get($_return, image) {
+ $_return: map-merge($_return, (flow: susy-get(flow, $grid)));
+ }
+
+ @return $_return;
+}
+
+
+// Get Debug
+// ---------
+// Return the value of a debug setting
+// - $key: <setting>
+@function debug-get(
+ $key,
+ $grid: $susy
+) {
+ $key: join(debug, $key, space);
+ @return susy-get($key, $grid);
+}
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/susy/_bleed.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/susy/_bleed.scss b/_sass/vendor/susy/susy/language/susy/_bleed.scss
new file mode 100644
index 0000000..8ef5974
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/susy/_bleed.scss
@@ -0,0 +1,200 @@
+// Bleed Syntax
+// ============
+
+// Bleed
+// -----
+// Add negative margins, and equal positive padding to create bleed.
+// - $bleed : <span>
+@mixin bleed(
+ $bleed: 0 gutter()
+) {
+ $inspect : $bleed;
+ $output : get-bleed($bleed);
+
+ @if susy-get(global-box-sizing) != content-box {
+ $output: map-merge((box-sizing: content-box), $output);
+ }
+
+ @include susy-inspect(bleed, $inspect);
+ @include output($output);
+}
+
+
+// Bleed-x
+// -------
+// Shortcut for horizontal bleed.
+// - $bleed : <span>
+@mixin bleed-x(
+ $bleed: gutter()
+) {
+ $bleed : parse-span($bleed);
+ $trbl : susy-get(span, $bleed);
+
+ @if length($trbl) == 1 {
+ $bleed: map-merge($bleed, (span: 0 nth($trbl, 1)));
+ } @else if length($trbl) == 2 {
+ $bleed: map-merge($bleed, (span: 0 nth($trbl, 2) 0 nth($trbl, 1)));
+ } @else {
+ @warn 'bleed-x only takes 2 lengths, but #{length($trbl)} were passed.';
+ }
+
+ @include bleed($bleed);
+}
+
+
+// Bleed-y
+// -------
+// Shortcut for vertical bleed.
+// - $bleed : <span>
+@mixin bleed-y(
+ $bleed: if(function-exists(rhythm), rhythm(1), 1em)
+) {
+ $bleed : parse-span($bleed);
+ $trbl : susy-get(span, $bleed);
+
+ @if length($trbl) == 1 {
+ $bleed: map-merge($bleed, (span: nth($trbl, 1) 0));
+ } @else if length($trbl) == 2 {
+ $bleed: map-merge($bleed, (span: nth($trbl, 1) 0 nth($trbl, 2) 0));
+ } @else {
+ @warn 'bleed-y only takes 2 lengths, but #{length($trbl)} were passed.';
+ }
+
+ @include bleed($bleed);
+}
+
+
+// Get Bleed
+// ---------
+// Return bleed output values
+// - $bleed: <span>
+@function get-bleed(
+ $bleed
+) {
+ $bleed : map-merge((spread: wide), parse-span($bleed));
+ $trbl : susy-get(span, $bleed);
+ $short : null;
+ $output : ();
+
+ @for $i from 1 through length($trbl) {
+ $this: nth($trbl, $i);
+ $new: ();
+ $margin: null;
+ $padding: null;
+ $padding-x: null;
+
+ @if $this > 0 {
+ $this: map-merge($bleed, (span: $this));
+ $margin: span($this);
+ $padding: $margin;
+ $padding-x: $padding;
+ }
+
+ @if $margin and $margin > 0 {
+ $margin: - $margin;
+
+ @if is-inside($this) {
+ $gutter: gutter($this);
+ $join: if($gutter and comparable($padding, $gutter), true, false);
+ $padding-x: if($join and $padding > 0, $padding + $gutter, $padding);
+ }
+ }
+
+ @if $i == 1 {
+ $new: (
+ margin-top: $margin,
+ padding-top: $padding,
+ margin-right: $margin,
+ padding-right: $padding-x,
+ margin-bottom: $margin,
+ padding-bottom: $padding,
+ margin-left: $margin,
+ padding-left: $padding-x,
+ );
+ } @else if $i == 2 {
+ $new: (
+ margin-right: $margin,
+ padding-right: $padding-x,
+ margin-left: $margin,
+ padding-left: $padding-x,
+ );
+ } @else if $i == 3 {
+ $new: (
+ margin-bottom: $margin,
+ padding-bottom: $padding,
+ );
+ } @else if $i == 4 {
+ $new: (
+ margin-left: $margin,
+ padding-left: $padding-x,
+ );
+ }
+
+ $output: map-merge($output, $new);
+ }
+
+ @each $prop, $value in $output {
+ $output: if($value == 0, map-merge($output, ($prop: null)), $output);
+ }
+
+ @return bleed-shorthand($output);
+}
+
+// Bleed Shorthand
+// ---------------
+// Convert bleed output into shorthand when possible.
+// - $bleed: <output map>
+@function bleed-shorthand(
+ $bleed
+) {
+ $margin: ();
+ $padding: ();
+ $return: ();
+
+ @each $key, $value in $bleed {
+ @if str-index($key, margin) {
+ $margin: map-merge($margin, ($key: $value));
+ } @else if str-index($key, padding) > 0 {
+ $padding: map-merge($padding, ($key: $value));
+ }
+ }
+
+ $props: (
+ margin: $margin,
+ padding: $padding,
+ );
+
+ @each $name, $map in $props {
+ $four: if(length(map-keys($map)) == 4, true, false);
+ $null: if(index(map-values($map), null), true, false);
+
+ @if $four and not($null) {
+ $top: map-get($map, '#{$name}-top');
+ $right: map-get($map, '#{$name}-right');
+ $bottom: map-get($map, '#{$name}-bottom');
+ $left: map-get($map, '#{$name}-left');
+
+ $tb: if($top == $bottom, $top, null);
+ $rl: if($right == $left, $right, null);
+ $all: if($tb == $rl, $tb, null);
+
+ $new: if($all, $all, null);
+
+ @if not($new) {
+ @if $tb and $rl {
+ $new: $tb $rl;
+ } @else if $rl {
+ $new: $top $rl $bottom;
+ } @else {
+ $new: $top $right $bottom $left;
+ }
+ }
+
+ $return: map-merge($return, ($name: $new));
+ } @else {
+ $return: map-merge($return, $map);
+ }
+ }
+
+ @return $return;
+}
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/susy/_box-sizing.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/susy/_box-sizing.scss b/_sass/vendor/susy/susy/language/susy/_box-sizing.scss
new file mode 100644
index 0000000..f551241
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/susy/_box-sizing.scss
@@ -0,0 +1,47 @@
+// Susy Box Sizing
+// =================
+
+// Global Box Sizing
+// -----------------
+// Set a box model globally on all elements.
+// - [$box]: border-box | content-box
+// - [$inherit]: true | false
+@mixin global-box-sizing(
+ $box: susy-get(global-box-sizing),
+ $inherit: false
+) {
+ $inspect: $box;
+
+ @if $inherit {
+ @at-root {
+ html { @include output((box-sizing: $box)); }
+ *, *:before, *:after { box-sizing: inherit; }
+ }
+ } @else {
+ *, *:before, *:after { @include output((box-sizing: $box)); }
+ }
+
+ @include susy-inspect(global-box-sizing, $inspect);
+ @include update-box-model($box);
+}
+
+// Border Box Sizing
+// -----------------
+// A legacy shortcut...
+// - [$inherit]: true | false
+@mixin border-box-sizing(
+ $inherit: false
+) {
+ @include global-box-sizing(border-box, $inherit);
+}
+
+// Update Box Model
+// ----------------
+// PRIVATE: Updates global box model setting
+@mixin update-box-model(
+ $box
+) {
+ @if $box != susy-get(global-box-sizing) {
+ @include susy-set(global-box-sizing, $box);
+ }
+}
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/susy/_breakpoint-plugin.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/susy/_breakpoint-plugin.scss b/_sass/vendor/susy/susy/language/susy/_breakpoint-plugin.scss
new file mode 100644
index 0000000..30de288
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/susy/_breakpoint-plugin.scss
@@ -0,0 +1,185 @@
+// Breakpoint Integration
+// ======================
+
+$susy-media: () !default;
+$susy-media-fallback: false !default;
+
+$_susy-media-context: ();
+
+
+// Susy Breakpoint
+// ---------------
+// Change grids at different media query breakpoints.
+// - $query : <min-width> [<max-width>] | <property> <value> | <map>
+// - $layout : <settings>
+// - $no-query : <boolean> | <selector>
+@mixin susy-breakpoint(
+ $query,
+ $layout: false,
+ $no-query: $susy-media-fallback
+) {
+ @include susy-media-router($query, $no-query) {
+ @if $layout {
+ @include with-layout($layout) {
+ @content;
+ }
+ } @else {
+ @content;
+ }
+ }
+}
+
+
+// Susy Media
+// ----------
+// - $query: <min-width> [<max-width>] | <property> <value>
+// - $no-query: <boolean> | <selector>
+@mixin susy-media(
+ $query,
+ $no-query: $susy-media-fallback
+) {
+ $old-context: $_susy-media-context;
+ $name: if(map-has-key($susy-media, $query), $query, null);
+ $query: susy-get-media($query);
+ $query: susy-parse-media($query);
+
+ @include susy-media-context($query, $name);
+
+ @if $no-query and type-of($no-query) != string {
+ @content;
+ } @else {
+ @media #{susy-render-media($query)} {
+ @content;
+ }
+
+ @if type-of($no-query) == string {
+ #{$no-query} & {
+ @content;
+ }
+ }
+ }
+
+ @include susy-media-context($old-context, $clean: true);
+}
+
+
+// Media Router
+// ------------
+// Rout media arguments to the correct mixin.
+@mixin susy-media-router(
+ $query,
+ $no-query: $susy-media-fallback
+) {
+ @if susy-support(breakpoint, (mixin: breakpoint), $warn: false) {
+ @include breakpoint($query, $no-query) {
+ @content;
+ }
+ } @else {
+ @include susy-media($query, $no-query) {
+ @content;
+ }
+ }
+}
+
+
+// Update Context
+// -------------
+// Set the new media context
+@mixin susy-media-context(
+ $query,
+ $name: null,
+ $clean: false
+) {
+ $query: map-merge((name: $name), $query);
+
+ @if $clean {
+ $_susy-media-context: $query !global;
+ } @else {
+ $_susy-media-context: map-merge($_susy-media-context, $query) !global;
+ }
+}
+
+
+// Media Context
+// -------------
+// Return the full media context, or a single media property (e.g. min-width)
+@function susy-media-context(
+ $property: false
+) {
+ @if $property {
+ @return map-get($_susy-media-context, $property);
+ } @else {
+ @return $_susy-media-context;
+ }
+}
+
+
+// Get Media
+// ---------
+// Return a named media-query from $susy-media.
+// - $name: <key>
+@function susy-get-media(
+ $name
+) {
+ @if map-has-key($susy-media, $name) {
+ $map-value: map-get($susy-media, $name);
+ @if ($name == $map-value) {
+ $name: $map-value;
+ } @else {
+ $name: susy-get-media($map-value);
+ }
+ }
+
+ @return $name;
+}
+
+
+// Render Media
+// ------------
+// Build a media-query string from various media settings
+@function susy-render-media(
+ $query
+) {
+ $output: null;
+ @each $property, $value in $query {
+ $string: null;
+
+ @if $property == media {
+ $string: $value;
+ } @else {
+ $string: '(#{$property}: #{$value})';
+ }
+
+ $output: if($output, '#{$output} and #{$string}', $string);
+ }
+
+ @return $output;
+}
+
+
+// Parse Media
+// -----------
+// Return parsed media-query settings based on shorthand
+@function susy-parse-media(
+ $query
+) {
+ $mq: null;
+ @if type-of($query) == map {
+ $mq: $query;
+ } @else if type-of($query) == number {
+ $mq: (min-width: $query);
+ } @else if type-of($query) == list and length($query) == 2 {
+ @if type-of(nth($query, 1)) == number {
+ $mq: (
+ min-width: min($query...),
+ max-width: max($query...),
+ );
+ } @else {
+ $mq: (nth($query, 1): nth($query, 2));
+ }
+ } @else {
+ $mq: (media: '#{$query}');
+ }
+
+ @return $mq;
+}
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/susy/_container.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/susy/_container.scss b/_sass/vendor/susy/susy/language/susy/_container.scss
new file mode 100644
index 0000000..e5f4a85
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/susy/_container.scss
@@ -0,0 +1,81 @@
+// Container Syntax
+// ================
+
+// Container [mixin]
+// -----------------
+// Set a container element
+// - [$layout] : <settings>
+@mixin container(
+ $layout: $susy
+) {
+ $inspect : $layout;
+ $layout : parse-grid($layout);
+
+ $_width : get-container-width($layout);
+ $_justify : parse-container-position(susy-get(container-position, $layout));
+ $_property : if(susy-get(math, $layout) == static, width, max-width);
+
+ $_box : susy-get(box-sizing, $layout);
+
+ @if $_box {
+ @include output((box-sizing: $_box));
+ }
+
+ @include susy-inspect(container, $inspect);
+ @include float-container($_width, $_justify, $_property);
+ @include show-grid($layout);
+}
+
+// Container [function]
+// --------------------
+// Return container width
+// - [$layout] : <settings>
+@function container(
+ $layout: $susy
+) {
+ $layout: parse-grid($layout);
+ @return get-container-width($layout);
+}
+
+// Get Container Width
+// -------------------
+// Calculate the container width
+// - [$layout]: <settings>
+@function get-container-width(
+ $layout: $susy
+) {
+ $layout : parse-grid($layout);
+ $_width : susy-get(container, $layout);
+ $_column-width : susy-get(column-width, $layout);
+ $_math : susy-get(math, $layout);
+
+ @if not($_width) or $_width == auto {
+ @if valid-column-math($_math, $_column-width) {
+ $_columns : susy-get(columns, $layout);
+ $_gutters : susy-get(gutters, $layout);
+ $_spread : if(is-split($layout), wide, narrow);
+ $_width : susy-sum($_columns, $_gutters, $_spread) * $_column-width;
+ } @else {
+ $_width: 100%;
+ }
+ }
+
+ @return $_width;
+}
+
+// Parse Container Position
+// ------------------------
+// Parse the $container-position into margin values.
+// - [$justify] : left | center | right | <length> [<length>]
+@function parse-container-position(
+ $justify: map-get($susy-defaults, container-position)
+) {
+ $_return: if($justify == left, 0, auto) if($justify == right, 0, auto);
+
+ @if not(index(left right center, $justify)) {
+ $_return: nth($justify, 1);
+ $_return: $_return if(length($justify) > 1, nth($justify, 2), $_return);
+ }
+
+ @return $_return;
+}
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/susy/_context.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/susy/_context.scss b/_sass/vendor/susy/susy/language/susy/_context.scss
new file mode 100644
index 0000000..52e12a6
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/susy/_context.scss
@@ -0,0 +1,36 @@
+// Context Syntax
+// ==============
+
+// Nested [function]
+// -----------------
+// Return a subset grid for nested context.
+// - $context : <span>
+@function nested(
+ $context
+) {
+ $context : parse-span($context);
+ $span : susy-get(span, $context);
+ $location : get-location($context);
+ $columns : susy-get(columns, $context);
+
+ @return susy-slice($span, $location, $columns);
+}
+
+// Nested [mixin]
+// --------------
+// Use a subset grid for a nested context
+// - $context : <span>
+// - @content : <content>
+@mixin nested(
+ $context
+) {
+ $inspect : $context;
+ $context : parse-span($context);
+ $old : susy-get(columns);
+ $susy : map-merge($susy, (columns: nested($context))) !global;
+
+ @include susy-inspect(nested, $inspect);
+ @content;
+
+ $susy : map-merge($susy, (columns: $old)) !global;
+}
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/susy/_gallery.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/susy/_gallery.scss b/_sass/vendor/susy/susy/language/susy/_gallery.scss
new file mode 100644
index 0000000..e59b9a0
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/susy/_gallery.scss
@@ -0,0 +1,94 @@
+// Gallery Syntax
+// ==============
+
+// Gallery
+// -------
+// Create an isolated gallery
+// - $span : <span>
+// - [$selector] : child | of-type
+@mixin gallery(
+ $span,
+ $selector: child
+) {
+ $inspect : $span;
+ $span : parse-span($span);
+ $span : map-merge($span, (location: 1));
+
+ $n : susy-get(span, $span);
+ $columns : susy-get(columns, $span);
+ $context : susy-count($columns);
+ $flow : susy-get(flow, $span);
+
+ $inside : is-inside($span);
+ $from : from($flow);
+ $line : floor($context / $n);
+ $symmetrical : is-symmetrical($columns);
+
+ $output: (
+ width : null,
+ float : from,
+ margin-before : null,
+ margin-after : null,
+ padding-before : null,
+ padding-after : null,
+ flow : $flow,
+ );
+
+ @if $inside {
+ $gutters: get-gutters($span);
+ $output: map-merge($output, (
+ padding-before: map-get($gutters, before),
+ padding-after: map-get($gutters, after),
+ ));
+ }
+
+ @if $symmetrical {
+ $output: map-merge($output, (width: get-span-width($span)));
+ }
+
+ $box : susy-get(box-sizing, $span);
+ $global-box : if(susy-get(global-box-sizing) == 'border-box', true, false);
+
+ @include susy-inspect(gallery, $inspect);
+
+ // Collective Output
+ @if $box == border-box or ($inside and not($box) and not($global-box)) {
+ @include output((box-sizing: border-box));
+ } @else if $box == content-box {
+ @include output((box-sizing: content-box));
+ }
+
+ @include float-span-output($output...);
+
+ // Individual Loop
+ @for $item from 1 through $line {
+ $nth: '#{$line}n + #{$item}';
+ &:nth-#{$selector}(#{$nth}) {
+ // Individual Prep
+ $output: (
+ width : if($symmetrical, null, get-span-width($span)),
+ float : null,
+ margin-before : get-isolation($span),
+ margin-after : -100%,
+ padding-before : null,
+ padding-after : null,
+ flow : $flow,
+ );
+
+ // Individual Output
+ @include float-span-output($output...);
+
+ @if get-edge($span) == first {
+ @include break;
+ @include first($span);
+ } @else {
+ @include nobreak;
+ }
+
+ // Individual Location Increment
+ $location: get-location($span) + $n;
+ $location: if($location > $context, 1, $location);
+ $span: map-merge($span, (location: $location));
+ }
+ }
+}
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/susy/_grids.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/susy/_grids.scss b/_sass/vendor/susy/susy/language/susy/_grids.scss
new file mode 100644
index 0000000..4fa72ed
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/susy/_grids.scss
@@ -0,0 +1,64 @@
+// Grid Syntax
+// ===========
+
+
+// Layout
+// ------
+// Set a new layout using a shorthand
+// - $layout: <settings>
+// - $clean: boolean
+@mixin layout(
+ $layout,
+ $clean: false
+) {
+ $inspect : $layout;
+ $susy : _get-layout($layout, $clean) !global;
+
+ @include susy-inspect(layout, $inspect);
+}
+
+
+// Use Grid
+// --------
+// Use an arbitrary layout for a section of code
+// - $layout: <settings>
+// - $clean: boolean
+@mixin with-layout(
+ $layout,
+ $clean: false
+) {
+ $inspect : $layout;
+ $old : $susy;
+ $susy : _get-layout($layout, $clean) !global;
+
+ @include susy-inspect(with-layout, $inspect);
+
+ @content;
+
+ $susy: $old !global;
+}
+
+
+// Layout
+// ------
+// Return a parsed layout map based on shorthand syntax
+// - $layout: <settings>
+@function layout(
+ $layout: $susy
+) {
+ @return parse-grid($layout);
+}
+
+
+// Get Layout
+// ----------
+// Return a new layout based on current and given settings
+// - $layout: <settings>
+// - $clean: boolean
+@function _get-layout(
+ $layout,
+ $clean: false
+) {
+ $layout: layout($layout);
+ @return if($clean, $layout, _susy-deep-merge($susy, $layout));
+}
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/susy/_gutters.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/susy/_gutters.scss b/_sass/vendor/susy/susy/language/susy/_gutters.scss
new file mode 100644
index 0000000..efe7ac2
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/susy/_gutters.scss
@@ -0,0 +1,154 @@
+// Gutter Syntax
+// =============
+
+
+// Gutters
+// -------
+// Set gutters on an element.
+// - [$span] : <settings>
+@mixin gutters(
+ $span: $susy
+) {
+ $inspect : $span;
+ $span : parse-gutters($span);
+ $_gutters : get-gutters($span);
+
+ $_output: (
+ before: map-get($_gutters, before),
+ after: map-get($_gutters, after),
+ flow: susy-get(flow, $span),
+ );
+
+ @include susy-inspect(gutters, $inspect);
+
+ @if is-inside($span) {
+ @include padding-output($_output...);
+ } @else {
+ @include margin-output($_output...);
+ }
+}
+
+@mixin gutter(
+ $span: $susy
+) {
+ @include gutters($span);
+}
+
+
+// Gutter
+// ------
+// Return the width of a gutter.
+// - [$span] : <settings>
+@function gutter(
+ $span: $susy
+) {
+ $span: parse-gutters($span);
+
+ $_gutters: get-gutters($span);
+ $_gutters: map-get($_gutters, before) or map-get($_gutters, after);
+
+ @return $_gutters;
+}
+
+@function gutters(
+ $span: $susy
+) {
+ @return gutter($span);
+}
+
+
+// Get Gutter Width
+// ----------------
+// Return gutter width.
+// - [$context]: <context>
+@function get-gutter-width(
+ $context: $susy
+) {
+ $context : parse-gutters($context);
+
+ $_gutters : susy-get(gutters, $context);
+ $_gutter : susy-get(gutter-override, $context);
+
+ @if $_gutters and ($_gutters > 0) and not($_gutter) {
+ $_column-width: susy-get(column-width, $context);
+ $_math: gutter-math($context);
+ @if $_math == static {
+ $_gutter: $_gutters * valid-column-math($_math, $_column-width);
+ } @else {
+ $_columns : susy-get(columns, $context);
+ $_spread : if(is-split($context), wide, susy-get(spread, $context));
+ $_gutter : percentage($_gutters / susy-sum($_columns, $_gutters, $_spread));
+ }
+ }
+
+ $_gutter: if($_gutter == 'no-gutters' or $_gutter == 'no-gutter', null, $_gutter);
+
+ @return $_gutter;
+}
+
+
+// Get Gutters
+// -----------
+// Return before and after gutter values.
+// - [$context]: <context>
+@function get-gutters(
+ $context: $susy
+) {
+ $context : parse-gutters($context);
+
+ $_gutter-position : susy-get(gutter-position, $context);
+ $_gutter : get-gutter-width($context);
+
+ $_return : (before: null, after: null);
+
+ @if is-split($context) and $_gutter {
+ $_gutter: $_gutter / 2;
+ $_return: map-merge($_return, (before: $_gutter, after: $_gutter));
+ } @else {
+ $_return: map-merge($_return, ($_gutter-position: $_gutter));
+ }
+
+ @return $_return;
+}
+
+
+// Is Inside
+// ---------
+// Returns true if gutters are inside.
+// $context: <context>
+@function is-inside(
+ $context
+) {
+ $_inside: inside inside-static;
+ $_gutter-position: susy-get(gutter-position, $context);
+
+ @return if(index($_inside, $_gutter-position), true, false);
+}
+
+
+// Is Split
+// --------
+// Returns true if gutters are split.
+// $context: <context>
+@function is-split(
+ $context
+) {
+ $_split: split inside inside-static;
+ $_gutter-position: susy-get(gutter-position, $context);
+
+ @return if(index($_split, $_gutter-position), true, false);
+}
+
+
+// Gutter Math
+// -----------
+// Return the math to use for gutter calculations
+// $context: <context>
+@function gutter-math(
+ $context: $susy
+) {
+ $_return : susy-get(math, $context);
+ $_return : if(susy-get(gutter-position, $context) == inside-static, static, $_return);
+
+ @return $_return;
+}
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/susy/_isolate.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/susy/_isolate.scss b/_sass/vendor/susy/susy/language/susy/_isolate.scss
new file mode 100644
index 0000000..7ddfd7f
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/susy/_isolate.scss
@@ -0,0 +1,77 @@
+// Isolation Syntax
+// ================
+
+
+// Isolate [Mixin]
+// ---------------
+// Set isolation as an override.
+// - $location: <span>
+@mixin isolate(
+ $isolate: 1
+) {
+ $inspect: $isolate;
+
+ $output: (
+ push: isolate($isolate),
+ flow: susy-get(flow, $isolate),
+ );
+
+ @include susy-inspect(isolate, $inspect);
+ @include isolate-output($output...);
+}
+
+
+// Isolate [function]
+// ------------------
+// Return an isolation offset width.
+// - $location: <span>
+@function isolate(
+ $isolate: 1
+) {
+ $isolate: parse-span($isolate);
+ $isolation: susy-get(span, $isolate);
+
+ @if $isolation and not(get-location($isolate)) {
+ $new: (
+ span: null,
+ location: $isolation,
+ );
+ $isolate: map-merge($isolate, $new);
+ }
+
+ @return get-isolation($isolate);
+}
+
+
+// Get Isolation
+// -------------
+// Return the isolation offset width
+// - $input: <map>
+@function get-isolation(
+ $input
+) {
+ $location : get-location($input);
+ $columns : susy-get(columns, $input);
+ $width : null;
+
+ @if type-of($location) == number and not(unitless($location)) {
+ $width: $location;
+ } @else if $location {
+ $push: $location - 1;
+ @if $push > 0 {
+ $push: map-merge($input, (
+ span: $push,
+ location: 1,
+ spread: wide,
+ ));
+ $width: get-span-width($push);
+ }
+ }
+
+ @if susy-get(gutter-position, $input) == split
+ and susy-get(gutters, $input) > 0 {
+ $width: if($width == null, gutters($input), $width + gutters($input));
+ }
+
+ @return $width or 0;
+}
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/susy/_margins.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/susy/_margins.scss b/_sass/vendor/susy/susy/language/susy/_margins.scss
new file mode 100644
index 0000000..cb36839
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/susy/_margins.scss
@@ -0,0 +1,94 @@
+// Margin Syntax
+// =============
+
+// Pre
+// ---
+// Add spanning-margins before an element.
+// - $span : <span>
+@mixin pre(
+ $span
+) {
+ $inspect: $span;
+ $span : map-merge((spread: wide), parse-span($span));
+ $flow : susy-get(flow, $span);
+ $split : if(susy-get(gutter-position, $span) == split, true, false);
+ $gutter : gutter($span);
+ $span : span($span);
+ $width : if($split and $gutter, $span + $gutter, $span);
+
+ @include susy-inspect(pre, $inspect);
+ @include margin-output($width, null, $flow);
+}
+
+// Post
+// ----
+// Add spanning-margins after an element.
+// - $span : <span>
+@mixin post(
+ $span
+) {
+ $inspect : $span;
+ $span : map-merge((spread: wide), parse-span($span));
+ $flow : susy-get(flow, $span);
+ $split : if(susy-get(gutter-position, $span) == split, true, false);
+ $width : if($split, span($span) + gutter($span), span($span));
+
+ @include susy-inspect(post, $inspect);
+ @include margin-output(null, $width, $flow);
+}
+
+// Push
+// ----
+// Simple synonymn for pre.
+// - $span : <span>
+@mixin push(
+ $span
+) {
+ @include pre($span);
+}
+
+// Pull
+// ----
+// Add negative spanning-margins before an element.
+// - $span : <span>
+@mixin pull(
+ $span
+) {
+ $inspect : $span;
+ $span : map-merge((spread: wide), parse-span($span));
+ $flow : susy-get(flow, $span);
+ $split : if(susy-get(gutter-position, $span) == split, true, false);
+ $width : if($split, 0 - span($span) + gutter($span), 0 - span($span));
+
+ @include susy-inspect(pull, $inspect);
+ @include margin-output($width, null, $flow);
+}
+
+// Squish
+// ------
+// Add spanning-margins before and after an element.
+// - $pre : <span>
+// - [$post] : <span>
+@mixin squish(
+ $pre,
+ $post: false
+) {
+ $inspect : ($pre, $post);
+ $pre : map-merge((spread: wide), parse-span($pre));
+
+ @if $post {
+ $post: map-merge((spread: wide), parse-span($post));
+ } @else {
+ $span: susy-get(span, $pre);
+ @if length($span) > 1 {
+ $pre: map-merge($pre, (span: nth($span, 1)));
+ $post: map-merge($pre, (span: nth($span, 2)));
+ } @else {
+ $post: $pre;
+ }
+ }
+
+ @include susy-inspect(squish, $inspect);
+ @include pre($pre);
+ @include post($post);
+}
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/susy/_padding.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/susy/_padding.scss b/_sass/vendor/susy/susy/language/susy/_padding.scss
new file mode 100644
index 0000000..cdf75c8
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/susy/_padding.scss
@@ -0,0 +1,74 @@
+// Padding Syntax
+// ==============
+
+// Prefix
+// ------
+// Add spanning-padding before an element.
+// - $span : <span>
+@mixin prefix(
+ $span
+) {
+ $inspect : $span;
+ $span : map-merge((spread: wide), parse-span($span));
+ $flow : susy-get(flow, $span);
+ $width : span($span);
+
+ @if is-inside($span) {
+ $gutter: gutter($span);
+ $width: if($gutter and comparable($width, $gutter), $width + $gutter, $width);
+ }
+
+ @include susy-inspect(prefix, $inspect);
+ @include padding-output($width, null, $flow);
+}
+
+// Suffix
+// ------
+// Add spanning-padding after an element.
+// - $span : <span>
+@mixin suffix(
+ $span
+) {
+ $inspect : $span;
+ $span : map-merge((spread: wide), parse-span($span));
+ $flow : susy-get(flow, $span);
+ $width : span($span);
+
+ @if is-inside($span) {
+ $gutter: gutter($span);
+ $width: if($gutter and comparable($width, $gutter), $width + $gutter, $width);
+ }
+
+ @include susy-inspect(suffix, $inspect);
+ @include padding-output(null, $width, $flow);
+}
+
+// Pad
+// ---
+// Add spanning-padding before and after an element.
+// - $pre : <span>
+// - [$post] : <span>
+@mixin pad(
+ $pre,
+ $post: false
+) {
+ $inspect : ($pre, $post);
+ $pre : map-merge((spread: wide), parse-span($pre));
+
+ @if $post {
+ $post: map-merge((spread: wide), parse-span($post));
+ } @else {
+ $span: susy-get(span, $pre);
+ @if length($span) > 1 {
+ $pre: map-merge($pre, (span: nth($span, 1)));
+ $post: map-merge($pre, (span: nth($span, 2)));
+ } @else {
+ $post: $pre;
+ }
+ }
+
+ @include susy-inspect(pad, $inspect);
+ @include prefix($pre);
+ @include suffix($post);
+
+}
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-site/blob/e1829bac/_sass/vendor/susy/susy/language/susy/_rows.scss
----------------------------------------------------------------------
diff --git a/_sass/vendor/susy/susy/language/susy/_rows.scss b/_sass/vendor/susy/susy/language/susy/_rows.scss
new file mode 100644
index 0000000..d726431
--- /dev/null
+++ b/_sass/vendor/susy/susy/language/susy/_rows.scss
@@ -0,0 +1,138 @@
+// Row Start & End
+// ===============
+
+// Break
+// -----
+// Apply to any element that should force a line break.
+@mixin break {
+ @include output((clear: both));
+}
+
+
+// NoBreak
+// -------
+// Cancel the break() effect, e.g. when using media queries.
+@mixin nobreak {
+ @include output((clear: none));
+}
+
+
+// Full
+// ----
+// - [$context]: <layout shorthand>
+@mixin full(
+ $context: $susy
+) {
+ $inspect : $context;
+ @include susy-inspect(full, $inspect);
+ @include span(full of parse-grid($context) break);
+}
+
+
+// First
+// -----
+// - [$context]: <settings>
+@mixin first(
+ $context: $susy
+) {
+ $inspect : $context;
+ $context : parse-grid($context);
+ $flow : susy-get(flow, $context);
+
+ @include susy-inspect(first, $inspect);
+ @if not(is-split($context)) {
+ @include float-first($flow);
+ }
+}
+
+@mixin alpha(
+ $context: $susy
+) {
+ @include first($context);
+}
+
+
+// Last
+// ----
+// - [$context]: <settings>
+@mixin last(
+ $context: $susy
+) {
+ $inspect : $context;
+ $context : parse-grid($context);
+
+ @include susy-inspect(last, $inspect);
+
+ $output: (
+ flow: susy-get(flow, $context),
+ last-flow: susy-get(last-flow, $context),
+ margin: if(is-split($context), null, 0),
+ );
+
+ @include float-last($output...);
+}
+
+@mixin omega(
+ $context: $susy
+) {
+ @include last($context);
+}
+
+
+// Get Edge
+// --------
+// Calculate edge value based on location, if possible
+@function get-edge(
+ $span
+) {
+ $span : parse-span($span);
+ $edge : susy-get(edge, $span);
+
+ @if not($edge) {
+ $count: susy-count(susy-get(columns, $span));
+ $location: susy-get(location, $span);
+ $n: susy-get(span, $span);
+
+ $number: if(type-of($location) == number, true, false);
+ $index: if($number and unitless($location), true, false);
+
+ @if $n == $count {
+ $edge: full;
+ } @else if $location and $n and $index {
+ @if $location == 1 {
+ $edge: if($n == $count, full, first);
+ } @else if $location + $n - 1 == $count {
+ $edge: last;
+ }
+ }
+ }
+
+ @if $edge == alpha or $edge == omega {
+ $edge: if($edge == alpha, first, last);
+ }
+
+ @return $edge;
+}
+
+
+// Get Location
+// ------------
+// Calculate location value based on edge, if possible
+@function get-location(
+ $span
+) {
+ $span : parse-span($span);
+ $location : susy-get(location, $span);
+ $edge : get-edge($span);
+ $n : susy-get(span, $span);
+
+ @if $edge and not($location) and type-of($n) == number and unitless($n) {
+ @if $edge == first {
+ $location: 1;
+ } @else if $edge == last {
+ $location: susy-count(susy-get(columns, $span)) - $n + 1;
+ }
+ }
+
+ @return $location
+}