From 468f75f5b0cadb83246ee02b974d8958d6cb0bdb Mon Sep 17 00:00:00 2001 From: Israel Date: Wed, 6 Jun 2018 10:47:51 +0200 Subject: [PATCH 1/2] fix default font color chart --- .../main/resources/microsite/css/custom.css | 1258 +---------------- .../resources/microsite/sass/_components.scss | 8 + .../src/main/tut/docs/optimizations/README.md | 12 +- 3 files changed, 14 insertions(+), 1264 deletions(-) diff --git a/docs/src/main/resources/microsite/css/custom.css b/docs/src/main/resources/microsite/css/custom.css index 1cf0cd14..89924163 100644 --- a/docs/src/main/resources/microsite/css/custom.css +++ b/docs/src/main/resources/microsite/css/custom.css @@ -1,1261 +1,7 @@ -@charset "UTF-8"; -/*! +/*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden - */ -@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600"); -.animated { - animation-duration: 1s; - animation-fill-mode: both; } - -.animated.infinite { - animation-iteration-count: infinite; } - -.animated.hinge { - animation-duration: 2s; } - -.animated.flipOutX, -.animated.flipOutY, -.animated.bounceIn, -.animated.bounceOut { - animation-duration: .75s; } - -@keyframes bounce { - from, 20%, 53%, 80%, to { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transform: translate3d(0, 0, 0); } - 40%, 43% { - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - transform: translate3d(0, -30px, 0); } - 70% { - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - transform: translate3d(0, -15px, 0); } - 90% { - transform: translate3d(0, -4px, 0); } } -.bounce { - animation-name: bounce; - transform-origin: center bottom; } - -@keyframes flash { - from, 50%, to { - opacity: 1; } - 25%, 75% { - opacity: 0; } } -.flash { - animation-name: flash; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@keyframes pulse { - from { - transform: scale3d(1, 1, 1); } - 50% { - transform: scale3d(1.05, 1.05, 1.05); } - to { - transform: scale3d(1, 1, 1); } } -.pulse { - animation-name: pulse; } - -@keyframes rubberBand { - from { - transform: scale3d(1, 1, 1); } - 30% { - transform: scale3d(1.25, 0.75, 1); } - 40% { - transform: scale3d(0.75, 1.25, 1); } - 50% { - transform: scale3d(1.15, 0.85, 1); } - 65% { - transform: scale3d(0.95, 1.05, 1); } - 75% { - transform: scale3d(1.05, 0.95, 1); } - to { - transform: scale3d(1, 1, 1); } } -.rubberBand { - animation-name: rubberBand; } - -@keyframes shake { - from, to { - transform: translate3d(0, 0, 0); } - 10%, 30%, 50%, 70%, 90% { - transform: translate3d(-10px, 0, 0); } - 20%, 40%, 60%, 80% { - transform: translate3d(10px, 0, 0); } } -.shake { - animation-name: shake; } - -@keyframes headShake { - 0% { - transform: translateX(0); } - 6.5% { - transform: translateX(-6px) rotateY(-9deg); } - 18.5% { - transform: translateX(5px) rotateY(7deg); } - 31.5% { - transform: translateX(-3px) rotateY(-5deg); } - 43.5% { - transform: translateX(2px) rotateY(3deg); } - 50% { - transform: translateX(0); } } -.headShake { - animation-timing-function: ease-in-out; - animation-name: headShake; } - -@keyframes swing { - 20% { - transform: rotate3d(0, 0, 1, 15deg); } - 40% { - transform: rotate3d(0, 0, 1, -10deg); } - 60% { - transform: rotate3d(0, 0, 1, 5deg); } - 80% { - transform: rotate3d(0, 0, 1, -5deg); } - to { - transform: rotate3d(0, 0, 1, 0deg); } } -.swing { - transform-origin: top center; - animation-name: swing; } - -@keyframes tada { - from { - transform: scale3d(1, 1, 1); } - 10%, 20% { - transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } - 30%, 50%, 70%, 90% { - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } - 40%, 60%, 80% { - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } - to { - transform: scale3d(1, 1, 1); } } -.tada { - animation-name: tada; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@keyframes wobble { - from { - transform: none; } - 15% { - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } - 30% { - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } - 45% { - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } - 60% { - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } - 75% { - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } - to { - transform: none; } } -.wobble { - animation-name: wobble; } - -@keyframes jello { - from, 11.1%, to { - transform: none; } - 22.2% { - transform: skewX(-12.5deg) skewY(-12.5deg); } - 33.3% { - transform: skewX(6.25deg) skewY(6.25deg); } - 44.4% { - transform: skewX(-3.125deg) skewY(-3.125deg); } - 55.5% { - transform: skewX(1.5625deg) skewY(1.5625deg); } - 66.6% { - transform: skewX(-0.78125deg) skewY(-0.78125deg); } - 77.7% { - transform: skewX(0.390625deg) skewY(0.390625deg); } - 88.8% { - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } -.jello { - animation-name: jello; - transform-origin: center; } - -@keyframes bounceIn { - from, 20%, 40%, 60%, 80%, to { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); } - 20% { - transform: scale3d(1.1, 1.1, 1.1); } - 40% { - transform: scale3d(0.9, 0.9, 0.9); } - 60% { - opacity: 1; - transform: scale3d(1.03, 1.03, 1.03); } - 80% { - transform: scale3d(0.97, 0.97, 0.97); } - to { - opacity: 1; - transform: scale3d(1, 1, 1); } } -.bounceIn { - animation-name: bounceIn; } - -@keyframes bounceInDown { - from, 60%, 75%, 90%, to { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - transform: translate3d(0, -3000px, 0); } - 60% { - opacity: 1; - transform: translate3d(0, 25px, 0); } - 75% { - transform: translate3d(0, -10px, 0); } - 90% { - transform: translate3d(0, 5px, 0); } - to { - transform: none; } } -.bounceInDown { - animation-name: bounceInDown; } - -@keyframes bounceInLeft { - from, 60%, 75%, 90%, to { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - transform: translate3d(-3000px, 0, 0); } - 60% { - opacity: 1; - transform: translate3d(25px, 0, 0); } - 75% { - transform: translate3d(-10px, 0, 0); } - 90% { - transform: translate3d(5px, 0, 0); } - to { - transform: none; } } -.bounceInLeft { - animation-name: bounceInLeft; } - -@keyframes bounceInRight { - from, 60%, 75%, 90%, to { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - from { - opacity: 0; - transform: translate3d(3000px, 0, 0); } - 60% { - opacity: 1; - transform: translate3d(-25px, 0, 0); } - 75% { - transform: translate3d(10px, 0, 0); } - 90% { - transform: translate3d(-5px, 0, 0); } - to { - transform: none; } } -.bounceInRight { - animation-name: bounceInRight; } - -@keyframes bounceInUp { - from, 60%, 75%, 90%, to { - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - from { - opacity: 0; - transform: translate3d(0, 3000px, 0); } - 60% { - opacity: 1; - transform: translate3d(0, -20px, 0); } - 75% { - transform: translate3d(0, 10px, 0); } - 90% { - transform: translate3d(0, -5px, 0); } - to { - transform: translate3d(0, 0, 0); } } -.bounceInUp { - animation-name: bounceInUp; } - -@keyframes bounceOut { - 20% { - transform: scale3d(0.9, 0.9, 0.9); } - 50%, 55% { - opacity: 1; - transform: scale3d(1.1, 1.1, 1.1); } - to { - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); } } -.bounceOut { - animation-name: bounceOut; } - -@keyframes bounceOutDown { - 20% { - transform: translate3d(0, 10px, 0); } - 40%, 45% { - opacity: 1; - transform: translate3d(0, -20px, 0); } - to { - opacity: 0; - transform: translate3d(0, 2000px, 0); } } -.bounceOutDown { - animation-name: bounceOutDown; } - -@keyframes bounceOutLeft { - 20% { - opacity: 1; - transform: translate3d(20px, 0, 0); } - to { - opacity: 0; - transform: translate3d(-2000px, 0, 0); } } -.bounceOutLeft { - animation-name: bounceOutLeft; } - -@keyframes bounceOutRight { - 20% { - opacity: 1; - transform: translate3d(-20px, 0, 0); } - to { - opacity: 0; - transform: translate3d(2000px, 0, 0); } } -.bounceOutRight { - animation-name: bounceOutRight; } - -@keyframes bounceOutUp { - 20% { - transform: translate3d(0, -10px, 0); } - 40%, 45% { - opacity: 1; - transform: translate3d(0, 20px, 0); } - to { - opacity: 0; - transform: translate3d(0, -2000px, 0); } } -.bounceOutUp { - animation-name: bounceOutUp; } - -@keyframes fadeIn { - from { - opacity: 0; } - to { - opacity: 1; } } -.fadeIn { - animation-name: fadeIn; } - -@keyframes fadeInDown { - from { - opacity: 0; - transform: translate3d(0, -100%, 0); } - to { - opacity: 1; - transform: none; } } -.fadeInDown { - animation-name: fadeInDown; } - -@keyframes fadeInDownBig { - from { - opacity: 0; - transform: translate3d(0, -2000px, 0); } - to { - opacity: 1; - transform: none; } } -.fadeInDownBig { - animation-name: fadeInDownBig; } - -@keyframes fadeInLeft { - from { - opacity: 0; - transform: translate3d(-100%, 0, 0); } - to { - opacity: 1; - transform: none; } } -.fadeInLeft { - animation-name: fadeInLeft; } - -@keyframes fadeInLeftBig { - from { - opacity: 0; - transform: translate3d(-2000px, 0, 0); } - to { - opacity: 1; - transform: none; } } -.fadeInLeftBig { - animation-name: fadeInLeftBig; } - -@keyframes fadeInRight { - from { - opacity: 0; - transform: translate3d(100%, 0, 0); } - to { - opacity: 1; - transform: none; } } -.fadeInRight { - animation-name: fadeInRight; } - -@keyframes fadeInRightBig { - from { - opacity: 0; - transform: translate3d(2000px, 0, 0); } - to { - opacity: 1; - transform: none; } } -.fadeInRightBig { - animation-name: fadeInRightBig; } - -@keyframes fadeInUp { - from { - opacity: 0; - transform: translate3d(0, 100%, 0); } - to { - opacity: 1; - transform: none; } } -.fadeInUp { - animation-name: fadeInUp; } - -@keyframes fadeInUpBig { - from { - opacity: 0; - transform: translate3d(0, 2000px, 0); } - to { - opacity: 1; - transform: none; } } -.fadeInUpBig { - animation-name: fadeInUpBig; } - -@keyframes fadeOut { - from { - opacity: 1; } - to { - opacity: 0; } } -.fadeOut { - animation-name: fadeOut; } - -@keyframes fadeOutDown { - from { - opacity: 1; } - to { - opacity: 0; - transform: translate3d(0, 100%, 0); } } -.fadeOutDown { - animation-name: fadeOutDown; } - -@keyframes fadeOutDownBig { - from { - opacity: 1; } - to { - opacity: 0; - transform: translate3d(0, 2000px, 0); } } -.fadeOutDownBig { - animation-name: fadeOutDownBig; } - -@keyframes fadeOutLeft { - from { - opacity: 1; } - to { - opacity: 0; - transform: translate3d(-100%, 0, 0); } } -.fadeOutLeft { - animation-name: fadeOutLeft; } - -@keyframes fadeOutLeftBig { - from { - opacity: 1; } - to { - opacity: 0; - transform: translate3d(-2000px, 0, 0); } } -.fadeOutLeftBig { - animation-name: fadeOutLeftBig; } - -@keyframes fadeOutRight { - from { - opacity: 1; } - to { - opacity: 0; - transform: translate3d(100%, 0, 0); } } -.fadeOutRight { - animation-name: fadeOutRight; } - -@keyframes fadeOutRightBig { - from { - opacity: 1; } - to { - opacity: 0; - transform: translate3d(2000px, 0, 0); } } -.fadeOutRightBig { - animation-name: fadeOutRightBig; } - -@keyframes fadeOutUp { - from { - opacity: 1; } - to { - opacity: 0; - transform: translate3d(0, -100%, 0); } } -.fadeOutUp { - animation-name: fadeOutUp; } - -@keyframes fadeOutUpBig { - from { - opacity: 1; } - to { - opacity: 0; - transform: translate3d(0, -2000px, 0); } } -.fadeOutUpBig { - animation-name: fadeOutUpBig; } - -@keyframes flip { - from { - transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - animation-timing-function: ease-out; } - 40% { - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - animation-timing-function: ease-out; } - 50% { - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - animation-timing-function: ease-in; } - 80% { - transform: perspective(400px) scale3d(0.95, 0.95, 0.95); - animation-timing-function: ease-in; } - to { - transform: perspective(400px); - animation-timing-function: ease-in; } } -.animated.flip { - -webkit-backface-visibility: visible; - backface-visibility: visible; - animation-name: flip; } - -@keyframes flipInX { - from { - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - animation-timing-function: ease-in; - opacity: 0; } - 40% { - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - animation-timing-function: ease-in; } - 60% { - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; } - 80% { - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } - to { - transform: perspective(400px); } } -.flipInX { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - animation-name: flipInX; } - -@keyframes flipInY { - from { - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - animation-timing-function: ease-in; - opacity: 0; } - 40% { - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - animation-timing-function: ease-in; } - 60% { - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; } - 80% { - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } - to { - transform: perspective(400px); } } -.flipInY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - animation-name: flipInY; } - -@keyframes flipOutX { - from { - transform: perspective(400px); } - 30% { - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; } - to { - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; } } -.flipOutX { - animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; } - -@keyframes flipOutY { - from { - transform: perspective(400px); } - 30% { - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; } - to { - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; } } -.flipOutY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - animation-name: flipOutY; } - -@keyframes lightSpeedIn { - from { - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; } - 60% { - transform: skewX(20deg); - opacity: 1; } - 80% { - transform: skewX(-5deg); - opacity: 1; } - to { - transform: none; - opacity: 1; } } -.lightSpeedIn { - animation-name: lightSpeedIn; - animation-timing-function: ease-out; } - -@keyframes lightSpeedOut { - from { - opacity: 1; } - to { - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; } } -.lightSpeedOut { - animation-name: lightSpeedOut; - animation-timing-function: ease-in; } - -@keyframes rotateIn { - from { - transform-origin: center; - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; } - to { - transform-origin: center; - transform: none; - opacity: 1; } } -.rotateIn { - animation-name: rotateIn; } - -@keyframes rotateInDownLeft { - from { - transform-origin: left bottom; - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } - to { - transform-origin: left bottom; - transform: none; - opacity: 1; } } -.rotateInDownLeft { - animation-name: rotateInDownLeft; } - -@keyframes rotateInDownRight { - from { - transform-origin: right bottom; - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } - to { - transform-origin: right bottom; - transform: none; - opacity: 1; } } -.rotateInDownRight { - animation-name: rotateInDownRight; } - -@keyframes rotateInUpLeft { - from { - transform-origin: left bottom; - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } - to { - transform-origin: left bottom; - transform: none; - opacity: 1; } } -.rotateInUpLeft { - animation-name: rotateInUpLeft; } - -@keyframes rotateInUpRight { - from { - transform-origin: right bottom; - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; } - to { - transform-origin: right bottom; - transform: none; - opacity: 1; } } -.rotateInUpRight { - animation-name: rotateInUpRight; } - -@keyframes rotateOut { - from { - transform-origin: center; - opacity: 1; } - to { - transform-origin: center; - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; } } -.rotateOut { - animation-name: rotateOut; } - -@keyframes rotateOutDownLeft { - from { - transform-origin: left bottom; - opacity: 1; } - to { - transform-origin: left bottom; - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } } -.rotateOutDownLeft { - animation-name: rotateOutDownLeft; } - -@keyframes rotateOutDownRight { - from { - transform-origin: right bottom; - opacity: 1; } - to { - transform-origin: right bottom; - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } } -.rotateOutDownRight { - animation-name: rotateOutDownRight; } - -@keyframes rotateOutUpLeft { - from { - transform-origin: left bottom; - opacity: 1; } - to { - transform-origin: left bottom; - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } } -.rotateOutUpLeft { - animation-name: rotateOutUpLeft; } - -@keyframes rotateOutUpRight { - from { - transform-origin: right bottom; - opacity: 1; } - to { - transform-origin: right bottom; - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; } } -.rotateOutUpRight { - animation-name: rotateOutUpRight; } - -@keyframes hinge { - 0% { - transform-origin: top left; - animation-timing-function: ease-in-out; } - 20%, 60% { - transform: rotate3d(0, 0, 1, 80deg); - transform-origin: top left; - animation-timing-function: ease-in-out; } - 40%, 80% { - transform: rotate3d(0, 0, 1, 60deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - opacity: 1; } - to { - transform: translate3d(0, 700px, 0); - opacity: 0; } } -.hinge { - animation-name: hinge; } - -@keyframes jackInTheBox { - from { - opacity: 0; - transform: scale(0.1) rotate(30deg); - transform-origin: center bottom; } - 50% { - transform: rotate(-10deg); } - 70% { - transform: rotate(3deg); } - to { - opacity: 1; - transform: scale(1); } } -.jackInTheBox { - animation-name: jackInTheBox; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@keyframes rollIn { - from { - opacity: 0; - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } - to { - opacity: 1; - transform: none; } } -.rollIn { - animation-name: rollIn; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@keyframes rollOut { - from { - opacity: 1; } - to { - opacity: 0; - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } -.rollOut { - animation-name: rollOut; } - -@keyframes zoomIn { - from { - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); } - 50% { - opacity: 1; } } -.zoomIn { - animation-name: zoomIn; } - -@keyframes zoomInDown { - from { - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -.zoomInDown { - animation-name: zoomInDown; } - -@keyframes zoomInLeft { - from { - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -.zoomInLeft { - animation-name: zoomInLeft; } - -@keyframes zoomInRight { - from { - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -.zoomInRight { - animation-name: zoomInRight; } - -@keyframes zoomInUp { - from { - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -.zoomInUp { - animation-name: zoomInUp; } - -@keyframes zoomOut { - from { - opacity: 1; } - 50% { - opacity: 0; - transform: scale3d(0.3, 0.3, 0.3); } - to { - opacity: 0; } } -.zoomOut { - animation-name: zoomOut; } - -@keyframes zoomOutDown { - 40% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - to { - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - transform-origin: center bottom; - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -.zoomOutDown { - animation-name: zoomOutDown; } - -@keyframes zoomOutLeft { - 40% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } - to { - opacity: 0; - transform: scale(0.1) translate3d(-2000px, 0, 0); - transform-origin: left center; } } -.zoomOutLeft { - animation-name: zoomOutLeft; } - -@keyframes zoomOutRight { - 40% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } - to { - opacity: 0; - transform: scale(0.1) translate3d(2000px, 0, 0); - transform-origin: right center; } } -.zoomOutRight { - animation-name: zoomOutRight; } - -@keyframes zoomOutUp { - 40% { - opacity: 1; - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - to { - opacity: 0; - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - transform-origin: center bottom; - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -.zoomOutUp { - animation-name: zoomOutUp; } - -@keyframes slideInDown { - from { - transform: translate3d(0, -100%, 0); - visibility: visible; } - to { - transform: translate3d(0, 0, 0); } } -.slideInDown { - animation-name: slideInDown; } - -@keyframes slideInLeft { - from { - transform: translate3d(-100%, 0, 0); - visibility: visible; } - to { - transform: translate3d(0, 0, 0); } } -.slideInLeft { - animation-name: slideInLeft; } - -@keyframes slideInRight { - from { - transform: translate3d(100%, 0, 0); - visibility: visible; } - to { - transform: translate3d(0, 0, 0); } } -.slideInRight { - animation-name: slideInRight; } - -@keyframes slideInUp { - from { - transform: translate3d(0, 100%, 0); - visibility: visible; } - to { - transform: translate3d(0, 0, 0); } } -.slideInUp { - animation-name: slideInUp; } - -@keyframes slideOutDown { - from { - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - transform: translate3d(0, 100%, 0); } } -.slideOutDown { - animation-name: slideOutDown; } - -@keyframes slideOutLeft { - from { - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - transform: translate3d(-100%, 0, 0); } } -.slideOutLeft { - animation-name: slideOutLeft; } - -@keyframes slideOutRight { - from { - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - transform: translate3d(100%, 0, 0); } } -.slideOutRight { - animation-name: slideOutRight; } - -@keyframes slideOutUp { - from { - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - transform: translate3d(0, -100%, 0); } } -.slideOutUp { - animation-name: slideOutUp; } - -@font-face { - font-family: 'pragmatapro'; - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.eot"); - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.svg#pragmataproregular") format("svg"); - font-weight: normal; - font-style: normal; } -@font-face { - font-family: 'pragmatapro_mono'; - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.eot"); - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.svg#pragmatapro_monoregular") format("svg"); - font-weight: normal; - font-style: normal; } -@font-face { - font-family: 'pragmatapro'; - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.eot"); - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.svg#pragmataproitalic") format("svg"); - font-weight: normal; - font-style: italic; } -@font-face { - font-family: 'pragmatapro_mono'; - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.eot"); - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.svg#pragmatapro_monoitalic") format("svg"); - font-weight: normal; - font-style: italic; } -@font-face { - font-family: 'pragmatapro'; - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.eot"); - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.svg#pragmataprobold_italic") format("svg"); - font-weight: bold; - font-style: italic; } -@font-face { - font-family: 'pragmatapro_mono'; - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.eot"); - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.svg#pragmatapro_monobold_italic") format("svg"); - font-weight: bold; - font-style: italic; } -@font-face { - font-family: 'pragmatapro'; - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.eot"); - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.svg#pragmataprobold") format("svg"); - font-weight: bold; - font-style: normal; } -@font-face { - font-family: 'pragmatapro_mono'; - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.eot"); - src: url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.woff2") format("woff2"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.woff") format("woff"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.ttf") format("truetype"), url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.svg#pragmatapro_monobold") format("svg"); - font-weight: bold; - font-style: normal; } -body { - color: rgba(33, 57, 81, 0.7); - font-family: "Source Sans Pro", sans-serif; } - -#fs-home { - background: #F6F9FA; } - -#site-header, -h1, -h2, -h3, -h4, -h5, -h6 { - color: #102A44; - font-family: "pragmatapro", sans-serif; - text-transform: uppercase; } - -a { - transition: all 350ms ease; } - -.btn { - padding: 12px 40px; - border-radius: 0; - transition: background-color 350ms ease; } - .btn:hover { - background: #fff; } - -#navigation { - position: fixed; - padding: 40px 24px; - z-index: 2; - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-justify-content: space-between; - -moz-justify-content: space-between; - -ms-justify-content: space-between; - justify-content: space-between; - -ms-flex-pack: space-between; - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - align-items: center; - transition: all 350ms ease; - width: 100%; } - #navigation .navigation-brand { - font-family: "pragmatapro", sans-serif; - font-size: 17px; - text-transform: uppercase; - letter-spacing: 1px; } - #navigation .navigation-menu { - margin: 0; } - #navigation .navigation-menu .navigation-menu-item { - display: inline-block; - line-height: 1.8; } - #navigation .navigation-menu .navigation-menu-item:first-child { - margin-right: 32px; } - #navigation a { - color: #fff; } - #navigation a:hover, #navigation a:focus, #navigation a:active { - text-decoration: none; } - #navigation a:hover { - color: rgba(255, 255, 255, 0.6); } - #navigation.navigation-scroll { - background: rgba(16, 42, 68, 0.92); - padding: 24px; } - -.jumbotron { - text-align: center; - background: url("../img/freestyle-background-jumbotron.svg") center center no-repeat #102A44; } - .jumbotron h1 { - font-size: 40px; } - @media (max-width: 992px) { - .jumbotron h1 { - font-size: 26.6666666667px; } } - .jumbotron p { - margin-bottom: 20px; } - .jumbotron .jumbotron-stars { - font-size: 20px; } - .jumbotron .jumbotron-stars .fa { - margin-right: 8px; } - .jumbotron .jumbotron-stars a:hover { - text-decoration: none; } - .jumbotron svg:hover .beta { - opacity: 0.1; } - -#site-main { - padding-bottom: 80px; - background: #F6F9FA; } - #site-main #features .feature-algebras, - #site-main #features .feature-handlers, - #site-main #features .feature-modules { - padding: 40px 24px; - margin-top: -50px; - text-align: center; - background: #fff; - box-shadow: 0 2px 0 0 rgba(16, 42, 68, 0.08); } - #site-main #features .feature-algebras h2, - #site-main #features .feature-handlers h2, - #site-main #features .feature-modules h2 { - font-size: 22px; } - #site-main #features .feature-algebras p, - #site-main #features .feature-handlers p, - #site-main #features .feature-modules p { - margin-bottom: 0; - color: rgba(33, 57, 81, 0.7); } - @media (max-width: 992px) { - #site-main #features .feature-handlers, - #site-main #features .feature-modules { - margin-top: 20px; } } - #site-main #features a:hover { - text-decoration: none; } - #site-main #libraries .libraries-lines { - margin: 48px 0 24px; - text-align: center; } - @media (max-width: 1200px) { - #site-main #libraries .libraries-lines svg { - width: 76%; - height: auto; } } - @media (max-width: 992px) { - #site-main #libraries .libraries-lines { - display: none; } } - #site-main #libraries a .library-cassandra, - #site-main #libraries a .library-effects, - #site-main #libraries a .library-kafka, - #site-main #libraries a .library-rpc { - text-align: center; } - #site-main #libraries a .library-cassandra h3, - #site-main #libraries a .library-effects h3, - #site-main #libraries a .library-kafka h3, - #site-main #libraries a .library-rpc h3 { - font-size: 17px; } - #site-main #libraries a .library-cassandra p, - #site-main #libraries a .library-effects p, - #site-main #libraries a .library-kafka p, - #site-main #libraries a .library-rpc p { - font-size: 14px; - color: rgba(16, 42, 68, 0.7); } - #site-main #libraries a .library-cassandra .cta-library, - #site-main #libraries a .library-effects .cta-library, - #site-main #libraries a .library-kafka .cta-library, - #site-main #libraries a .library-rpc .cta-library { - background: #01C2C2; - color: #fff; - padding: 2px 12px 1px; - margin-bottom: 0; - display: inline-block; - font-family: "pragmatapro", sans-serif; - text-transform: uppercase; - font-size: 12px; - transition: all 350ms ease; } - @media (max-width: 992px) { - #site-main #libraries a .library-cassandra, - #site-main #libraries a .library-effects, - #site-main #libraries a .library-kafka, - #site-main #libraries a .library-rpc { - margin-top: 48px; } } - #site-main #libraries a img { - transition: all 350ms ease; } - #site-main #libraries a:hover { - text-decoration: none; } - #site-main #libraries a:hover img { - transform: scale(1.2); } - #site-main #libraries a:hover .cta-library { - background: #019e9e; } - -.author { - display: flex; - align-items: center; } - .author img { - margin-right: 8px; } - -body.docs { - background: #F6F9FA; } - body.docs .kazari-id-1 { - margin-bottom: 40px; } - body.docs .modal-kazari { - margin-top: 0; } - body.docs .compiler-kazari.compiler-kazari-background { - background: #102A44 !important; } - -#sidebar-wrapper { - background: #102A44; } - #sidebar-wrapper .sidebar-nav > .sidebar-brand a { - background: none; - padding-top: 20px; - padding-bottom: 20px; } - #sidebar-wrapper .sidebar-nav > li { - margin-bottom: 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.07); } - #sidebar-wrapper .sidebar-nav > li > a { - font-family: "pragmatapro", sans-serif; - padding-top: 4px; - padding-bottom: 4px; } - #sidebar-wrapper .sidebar-nav > li .sub_section { - border-top: 1px solid rgba(255, 255, 255, 0.07); - padding: 20px 0; } - #sidebar-wrapper .sidebar-nav > li .sub_section li { - border-left: 1px solid rgba(255, 255, 255, 0.15); - margin-left: 24px; } - #sidebar-wrapper .sidebar-nav > li .sub_section li:before { - content: "–"; - position: absolute; - color: rgba(255, 255, 255, 0.15); } - #sidebar-wrapper .sidebar-nav > li .sub_section li a { - padding-left: 18px; } - #sidebar-wrapper .sidebar-nav > li .sub_section li a:hover { - background: none; - color: rgba(255, 255, 255, 0.5); } - #sidebar-wrapper .sidebar-nav li a { - color: #fff; } - #sidebar-wrapper .sidebar-nav li a.active { - color: #01C2C2; - border-left: 0; } - #sidebar-wrapper .sidebar-nav li a:hover { - background: rgba(255, 255, 255, 0.07); } - #sidebar-wrapper .sidebar-nav li ul li { - font-size: 14px; - line-height: 2.1; } - -#page-content-wrapper section { - background: none; - padding: 0; } - #page-content-wrapper section p { - color: rgba(16, 42, 68, 0.7); } - #page-content-wrapper section h2 { - font-size: 26px; } - #page-content-wrapper section h3 { - font-size: 22px; } - #page-content-wrapper section pre { - margin-bottom: 0; - border: none; - font-size: 18px; } -#page-content-wrapper .nav { - box-shadow: 0 2px 0 0 rgba(16, 42, 68, 0.08); } - -#site-footer { - background: #102A44; } - -code, -pre { - font-family: "pragmatapro", sans-serif; } - -.indirect-injection, .gitter-open-chat-button, .scroll-injection { - opacity: 0; } + */@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600");.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}@keyframes bounce{from, 20%, 53%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 0, 0)}40%, 43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0)}90%{transform:translate3d(0, -4px, 0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{from, 50%, to{opacity:1}25%, 75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scale3d(1, 1, 1)}}.pulse{animation-name:pulse}@keyframes rubberBand{from{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scale3d(1, 1, 1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from, to{transform:translate3d(0, 0, 0)}10%, 30%, 50%, 70%, 90%{transform:translate3d(-10px, 0, 0)}20%, 40%, 60%, 80%{transform:translate3d(10px, 0, 0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0, 0, 1, 15deg)}40%{transform:rotate3d(0, 0, 1, -10deg)}60%{transform:rotate3d(0, 0, 1, 5deg)}80%{transform:rotate3d(0, 0, 1, -5deg)}to{transform:rotate3d(0, 0, 1, 0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from{transform:scale3d(1, 1, 1)}10%, 20%{transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%, 50%, 70%, 90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%, 60%, 80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{transform:scale3d(1, 1, 1)}}.tada{animation-name:tada}@keyframes wobble{from{transform:none}15%{transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{from, 11.1%, to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scale3d(1, 1, 1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{from, 60%, 75%, 90%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{from, 60%, 75%, 90%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{from, 60%, 75%, 90%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{from, 60%, 75%, 90%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%, 55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%, 45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0)}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%, 45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0, -100%, 0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0, -2000px, 0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px, 0, 0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px, 0, 0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0, 2000px, 0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0, 100%, 0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%, 0, 0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0, -100%, 0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0, 1, 0, -360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0, 1, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}to{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0, 0, 1, 200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%, 60%{transform:rotate3d(0, 0, 1, 80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%, 80%{transform:rotate3d(0, 0, 1, 60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.slideOutUp{animation-name:slideOutUp}@font-face{font-family:'pragmatapro';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapror_0824-webfont.svg#pragmataproregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'pragmatapro_mono';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Regular0.824W/pragmatapro_mono_r_0824-webfont.svg#pragmatapro_monoregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'pragmatapro';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmataproi_0824-webfont.svg#pragmataproitalic") format("svg");font-weight:normal;font-style:italic}@font-face{font-family:'pragmatapro_mono';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Italic0.824W/pragmatapro_mono_i_0824-webfont.svg#pragmatapro_monoitalic") format("svg");font-weight:normal;font-style:italic}@font-face{font-family:'pragmatapro';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmataproz_0824-webfont.svg#pragmataprobold_italic") format("svg");font-weight:bold;font-style:italic}@font-face{font-family:'pragmatapro_mono';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-BoldItalic0.824W/pragmatapro_mono_z_0824-webfont.svg#pragmatapro_monobold_italic") format("svg");font-weight:bold;font-style:italic}@font-face{font-family:'pragmatapro';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmataprob_0824-webfont.svg#pragmataprobold") format("svg");font-weight:bold;font-style:normal}@font-face{font-family:'pragmatapro_mono';src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.eot");src:url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.eot?#iefix") format("embedded-opentype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.woff2") format("woff2"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.woff") format("woff"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.ttf") format("truetype"),url("https://s3.amazonaws.com/fonts-47/PragmataPro0.824W/PragmataPro-Bold0.824W/pragmatapro_mono_b_0824-webfont.svg#pragmatapro_monobold") format("svg");font-weight:bold;font-style:normal}body{color:rgba(33,57,81,0.7);font-family:"Source Sans Pro",sans-serif}#fs-home{background:#F6F9FA}#site-header,h1,h2,h3,h4,h5,h6{color:#102A44;font-family:"pragmatapro",sans-serif;text-transform:uppercase}a{transition:all 350ms ease}.btn{padding:12px 40px;border-radius:0;transition:background-color 350ms ease}.btn:hover{background:#fff}canvas{margin:40px 0}#navigation{position:fixed;padding:40px 24px;z-index:2;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;transition:all 350ms ease;width:100%}#navigation .navigation-brand{font-family:"pragmatapro",sans-serif;font-size:17px;text-transform:uppercase;letter-spacing:1px}#navigation .navigation-menu{margin:0}#navigation .navigation-menu .navigation-menu-item{display:inline-block;line-height:1.8}#navigation .navigation-menu .navigation-menu-item:first-child{margin-right:32px}#navigation a{color:#fff}#navigation a:hover,#navigation a:focus,#navigation a:active{text-decoration:none}#navigation a:hover{color:rgba(255,255,255,0.6)}#navigation.navigation-scroll{background:rgba(16,42,68,0.92);padding:24px}.jumbotron{text-align:center;background:url("../img/freestyle-background-jumbotron.svg") center center no-repeat #102A44}.jumbotron h1{font-size:40px}@media (max-width: 992px){.jumbotron h1{font-size:26.6666666667px}}.jumbotron p{margin-bottom:20px}.jumbotron .jumbotron-stars{font-size:20px}.jumbotron .jumbotron-stars .fa{margin-right:8px}.jumbotron .jumbotron-stars a:hover{text-decoration:none}.jumbotron svg:hover .beta{opacity:0.1}#site-main{padding-bottom:80px;background:#F6F9FA}#site-main #features .feature-algebras,#site-main #features .feature-handlers,#site-main #features .feature-modules{padding:40px 24px;margin-top:-50px;text-align:center;background:#fff;box-shadow:0 2px 0 0 rgba(16,42,68,0.08)}#site-main #features .feature-algebras h2,#site-main #features .feature-handlers h2,#site-main #features .feature-modules h2{font-size:22px}#site-main #features .feature-algebras p,#site-main #features .feature-handlers p,#site-main #features .feature-modules p{margin-bottom:0;color:rgba(33,57,81,0.7)}@media (max-width: 992px){#site-main #features .feature-handlers,#site-main #features .feature-modules{margin-top:20px}}#site-main #features a:hover{text-decoration:none}#site-main #libraries .libraries-lines{margin:48px 0 24px;text-align:center}@media (max-width: 1200px){#site-main #libraries .libraries-lines svg{width:76%;height:auto}}@media (max-width: 992px){#site-main #libraries .libraries-lines{display:none}}#site-main #libraries a .library-cassandra,#site-main #libraries a .library-effects,#site-main #libraries a .library-kafka,#site-main #libraries a .library-rpc{text-align:center}#site-main #libraries a .library-cassandra h3,#site-main #libraries a .library-effects h3,#site-main #libraries a .library-kafka h3,#site-main #libraries a .library-rpc h3{font-size:17px}#site-main #libraries a .library-cassandra p,#site-main #libraries a .library-effects p,#site-main #libraries a .library-kafka p,#site-main #libraries a .library-rpc p{font-size:14px;color:rgba(16,42,68,0.7)}#site-main #libraries a .library-cassandra .cta-library,#site-main #libraries a .library-effects .cta-library,#site-main #libraries a .library-kafka .cta-library,#site-main #libraries a .library-rpc .cta-library{background:#01C2C2;color:#fff;padding:2px 12px 1px;margin-bottom:0;display:inline-block;font-family:"pragmatapro",sans-serif;text-transform:uppercase;font-size:12px;transition:all 350ms ease}@media (max-width: 992px){#site-main #libraries a .library-cassandra,#site-main #libraries a .library-effects,#site-main #libraries a .library-kafka,#site-main #libraries a .library-rpc{margin-top:48px}}#site-main #libraries a img{transition:all 350ms ease}#site-main #libraries a:hover{text-decoration:none}#site-main #libraries a:hover img{transform:scale(1.2)}#site-main #libraries a:hover .cta-library{background:#019e9e}.author{display:flex;align-items:center}.author img{margin-right:8px}body.docs{background:#F6F9FA}body.docs .kazari-id-1{margin-bottom:40px}body.docs .modal-kazari{margin-top:0}body.docs .compiler-kazari.compiler-kazari-background{background:#102A44 !important}#sidebar-wrapper{background:#102A44}#sidebar-wrapper .sidebar-nav>.sidebar-brand a{background:none;padding-top:20px;padding-bottom:20px}#sidebar-wrapper .sidebar-nav>li{margin-bottom:0;border-bottom:1px solid rgba(255,255,255,0.07)}#sidebar-wrapper .sidebar-nav>li>a{font-family:"pragmatapro",sans-serif;padding-top:4px;padding-bottom:4px}#sidebar-wrapper .sidebar-nav>li .sub_section{border-top:1px solid rgba(255,255,255,0.07);padding:20px 0}#sidebar-wrapper .sidebar-nav>li .sub_section li{border-left:1px solid rgba(255,255,255,0.15);margin-left:24px}#sidebar-wrapper .sidebar-nav>li .sub_section li:before{content:"–";position:absolute;color:rgba(255,255,255,0.15)}#sidebar-wrapper .sidebar-nav>li .sub_section li a{padding-left:18px}#sidebar-wrapper .sidebar-nav>li .sub_section li a:hover{background:none;color:rgba(255,255,255,0.5)}#sidebar-wrapper .sidebar-nav li a{color:#fff}#sidebar-wrapper .sidebar-nav li a.active{color:#01C2C2;border-left:0}#sidebar-wrapper .sidebar-nav li a:hover{background:rgba(255,255,255,0.07)}#sidebar-wrapper .sidebar-nav li ul li{font-size:14px;line-height:2.1}#page-content-wrapper section{background:none;padding:0}#page-content-wrapper section p{color:rgba(16,42,68,0.7)}#page-content-wrapper section h2{font-size:26px}#page-content-wrapper section h3{font-size:22px}#page-content-wrapper section pre{margin-bottom:0;border:none;font-size:18px}#page-content-wrapper .nav{box-shadow:0 2px 0 0 rgba(16,42,68,0.08)}#site-footer{background:#102A44}code,pre{font-family:"pragmatapro",sans-serif}.indirect-injection,.gitter-open-chat-button,.scroll-injection{opacity:0} diff --git a/docs/src/main/resources/microsite/sass/_components.scss b/docs/src/main/resources/microsite/sass/_components.scss index fc5f161d..b4d163ea 100644 --- a/docs/src/main/resources/microsite/sass/_components.scss +++ b/docs/src/main/resources/microsite/sass/_components.scss @@ -24,6 +24,7 @@ h6 { text-transform: uppercase; } + a { transition: all $base-duration $base-timing; } @@ -38,6 +39,13 @@ a { background: #fff; } } +// Canvas + +canvas { + margin: 40px 0; +} + + // Navigation #navigation { diff --git a/docs/src/main/tut/docs/optimizations/README.md b/docs/src/main/tut/docs/optimizations/README.md index da9bef0e..fce70aa3 100644 --- a/docs/src/main/tut/docs/optimizations/README.md +++ b/docs/src/main/tut/docs/optimizations/README.md @@ -4,11 +4,11 @@ title: Optimizations permalink: /docs/optimizations/ --- -## Optimizations +# Optimizations Freestyle provides several optimizations that result in more performant runtimes for applications using `Free`. -# Faster ops dispatching +## Faster ops dispatching Freestyle optimizes operations dispatched in the generated `FunctionK` handlers to increase ops throughput. Traditional Scala hand written `FunctionK` handlers are often times implemented simply with pattern matching where each case is considered with constructor based patterns as in the example below: @@ -47,11 +47,9 @@ Freestyle Coproduct implementation based on [iota](https://github.com/47deg/iota