docs/assets/_custom.scss - flink-cdc - Git at Google

 // Licensed to the Apache Software Foundation (ASF) under one
 // or more contributor license agreements.  See the NOTICE file
 // distributed with this work for additional information
 // regarding copyright ownership.  The ASF licenses this file
 // to you under the Apache License, Version 2.0 (the
 // "License"); you may not use this file except in compliance
 // with the License.  You may obtain a copy of the License at
 //
 //   http://www.apache.org/licenses/LICENSE-2.0
 //
 // Unless required by applicable law or agreed to in writing,
 // software distributed under the License is distributed on an
 // "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 // KIND, either express or implied.  See the License for the
 // specific language governing permissions and limitations
 // under the License.

 @import "github";

 .link {
     padding-bottom: 5px;
 }

 .appetizer {
 	color: #FBB142;
 }

 .maindish {
 	color: #7E4F89;
 }

 .dessert {
     color: #E6526F;
 }

 .book-menu nav {
 	background: #f8f8f8;
 }

 .book-page {
 	padding: 2rem 2rem;
 }

 .book-search input {
 	background: white;
 }

 .markdown a {
 	text-decoration: none;
 	color: #05b;
 }

 .markdown a:visited {
 	text-decoration: none;
 	color: #05b;
 }

 .markdown {
     line-height: 1.43;

     h1,
     h2,
     h3,
     h4,
     h5,
     h6 {
         font-weight: 500;
         padding-top: 0;
         margin-top: 1em;
     }
 }

 body {
     letter-spacing: normal;
     -webkit-font-smoothing: auto;
 }

 aside nav ul {
   li {
     margin: 0.5em 0;
   }
 }

 .book-search {
 	border: 2px solid #ebebeb;
 }

 @media screen and (max-width: 768px) {
     .toc {
         display: none;
     }
 }

 aside.book-menu nav {
     a:hover {
         font-weight: bold;
         opacity: 1.0;
     }

     a.active {
         font-weight: bold;
         color: var(--body-font-color);
     }
 }

 aside.book-menu > li {
     padding: 10px 5px 5px 5px;
 }

 aside.book-toc {
     h3 {
         margin-top: 0;
         padding-top: 0;
         font-size: 1.2em;
     }
 }

 html {
     line-height: 1.43;
 }

 h1, h2, h3, h4, h5, h6 {
     line-height: 1.1;
 }

 h1, h2, h3 {
     margin-top: 20px;
     margin-bottom: 10px;
 }

 h2, h3, h4 {
     padding-top: 1em;
 }

 h1 {
     font-size: 36px;
 }

 h2 {
     font-size: 30px;
     border-bottom: 1px solid #e5e5e5;
 }

 h3 {
     font-size: 24px;
 }

 h4 {
     font-size: 18px;
 }

 .markdown code {
     background: white;
     padding: 0;
     border-radius: 0;
 }

 pre.chroma code {
     line-height: 1.43;
 }

 .book-languages {
     border: 2px solid black;
 }

 .menu-break {
     opacity: 0.1;
 }

 #book-search-results {
     padding: 2px;
     background-color: white;
 }

 .label {
     display: inline;
     padding: .2em .6em .3em;
     font-size: 75%;
     font-weight: 700;
     line-height: 1;
     color: #fff;
     text-align: center;
     white-space: nowrap;
     vertical-align: baseline;
     border-radius: .25em;
     background-color: #337ab7;
 }

 .expand-toc {
     position: fixed;
     top: 2em;
     right: 5em;
     display: none;
 }

 .container {
     max-width: 90rem;
 }

 #book-search-input:focus {
     outline: none;
 }

 .rest-api h5 {
     margin-top: .5em;
     margin-bottom: .5em;
     font-size: 1em;
 }

 .rest-api tbody {
     display: table;
     width: 100%;
     background: white;
 }

 .rest-api td {
     background: white;
 }

 .rest-api .book-expand label {
     padding: 0rem 0rem;
     background: white;
 }

 .rest-api .book-expand {
     background: white;
 }

 .rest-api .book-expand .book-expand-head {
     background: white;
 }

 .configuration td {
     background: white;
 }

 .markdown table tr:nth-child(2n) {
     background: white;
 }

 .index-wrapper {
     // add custom css definitions here
     // see https://tailwindcss.com/docs
     .bg-purple {
         background: linear-gradient(90deg, #c67dd6 0%, #8a77d3 100%);
     }

     svg {
         vertical-align: middle;
     }

     .link-as-button {
         display: inline-block;
         transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         transition-duration: 300ms;
         border-radius: 9999px;
         padding-top: 1rem;
         padding-bottom: 1rem;

         &:hover {
             transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1.05)
             scaleY(1.05);
         }
     }

     .header-1 {
         font-size: 2.5rem;
         line-height: 1;
         margin-top: 0;
         margin-bottom: 0;
     }

     .container {
         width: 100%;
         margin-left: auto;
         margin-right: auto;
     }

     .top-container {
         padding: 1.5rem;

         .container {
             padding-left: 0.75rem;
             padding-right: 0.75rem;
             align-items: center;
         }
     }

     .flex {
         display: flex;
     }

     .flex-wrap {
         flex-wrap: wrap;
     }

     .flex-col {
         flex-direction: column;
     }

     .flex-row {
         flex-direction: row;
     }

     .flex-shrink {
         flex-shrink: 1;
     }
     .flex-grow {
         flex-grow: 1;
     }

     .text-center {
         text-align: center;
     }

     .items-start {
         align-items: flex-start;
     }

     .justify-center {
         justify-content: center;
     }

     .justify-between {
         justify-content: space-between;
     }

     .w-1\/2 {
         width: 50%;
     }

     .w-3\/4 {
         width: 75%;
     }
     .w-4\/5 {
         width: 80%;
     }

     .w-full {
         width: 100%;
     }

     .text-3xl {
         font-size: 1.875rem;
         line-height: 2.25rem;
     }

     .text-xl {
         font-size: 1.25rem;
         line-height: 1.75rem;
     }

     .text-lg {
         font-size: 1.125rem;
         line-height: 1.75rem;
     }

     .text-sm {
         font-size: 0.875rem;
         line-height: 1.25rem;
     }

     .font-bold {
         font-weight: 700;
     }

     .leading-normal {
         line-height: 1.5;
     }

     .leading-tight {
         line-height: 1.25;
     }

     .bg-white {
         background-color: #ffffff;
     }

     .border-none {
         border-style: none;
     }

     .mx-auto {
         margin-left: auto;
         margin-right: auto;
     }

     .ml-0 {
         margin-left: 0;
     }

     .gap-6 {
         margin-bottom: 1.5rem;
     }

     .p-0 {
         padding: 0;
     }

     .px-6 {
         padding-left: 1.5rem;
         padding-right: 1.5rem;
     }

     .px-8 {
         padding-left: 2rem;
         padding-right: 2rem;
     }

     .py-6 {
         padding-top: 1.5rem;
         padding-bottom: 1.5rem;
     }

     .py-8 {
         padding-top: 2rem;
         padding-bottom: 2rem;
     }

     .py-12 {
         padding-top: 3rem;
         padding-bottom: 3rem;
     }

     .m-8 {
         margin: 2rem;
     }

     .my-0 {
         margin-top: 0;
         margin-bottom: 0;
     }

     .my-4 {
         margin-top: 1rem;
         margin-bottom: 1rem;
     }

     .mt-1 {
         margin-top: 0.25rem;
     }

     .mt-6 {
         margin-top: 1.5rem;
     }

     .mt-8 {
         margin-top: 2rem;
     }

     .-mt-8 {
         margin-top: -2rem;
     }

     .absolute {
         position: absolute;
     }

     .relative {
         position: relative;
     }

     .bottom-0 {
         bottom: 0;
     }

     .h-40 {
         height: 10rem;
     }

     .basis-1\/12 {
         flex-basis: 8.333333%;
     }
     .basis-10\/12 {
         flex-basis: 83.333333%;
     }

     .opacity-50 {
         opacity: 0.5;
     }

     h1,
     h2 {
         border-bottom: none !important;
     }

     .divider {
         background: #bf74f1;
         margin-left: auto;
         margin-right: auto;
         opacity: 0.25;
         width: 75%;
         height: 0.125rem;

         &.w-1\/2 {
             width: 50%;
         }
         &.opacity-50 {
             opacity: 0.5;
         }
     }

     .text-white {
         color: #ffffff !important;
     }

     .text-black {
         color: #000000 !important;
     }

     .text-primary {
         color: #bf74f1;
     }

     @media (min-width: 768px) {
         .md\:w-1\/2 {
             width: 50%;
         }
         .md\:w-1\/3 {
             width: 33.333333%;
         }
         .md\:w-3\/5 {
             width: 60%;
         }
         .md\:flex-row {
             flex-direction: row;
         }
         .md\:text-left {
             text-align: left;
         }
         .link-as-button {
             margin-left: 0;
             margin-right: 0;
         }
     }

     @media (min-width: 1280px) {
         .xl\:mt-0 {
             margin-top: 0;
         }
         .xl\:ml-16 {
             margin-left: 4rem;
         }
         .xl\:items-start {
             align-items: flex-start;
         }
         .xl\:text-left {
             text-align: left;
         }
         .xl\:flex-row {
             flex-direction: row;
         }
         .xl\:justify-between {
             justify-content: space-between;
         }
         .xl\:w-\[max-content\] {
             width: max-content;
         }
         .xl\:min-w-\[max-content\] {
             min-width: max-content;
         }
         .xl\:my-auto {
             margin-top: auto;
             margin-bottom: auto;
         }
     }
 }
	// Licensed to the Apache Software Foundation (ASF) under one
	// or more contributor license agreements. See the NOTICE file
	// distributed with this work for additional information
	// regarding copyright ownership. The ASF licenses this file
	// to you under the Apache License, Version 2.0 (the
	// "License"); you may not use this file except in compliance
	// with the License. You may obtain a copy of the License at
	//
	// http://www.apache.org/licenses/LICENSE-2.0
	//
	// Unless required by applicable law or agreed to in writing,
	// software distributed under the License is distributed on an
	// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
	// KIND, either express or implied. See the License for the
	// specific language governing permissions and limitations
	// under the License.

	@import "github";

	.link {
	padding-bottom: 5px;
	}

	.appetizer {
	color: #FBB142;
	}

	.maindish {
	color: #7E4F89;
	}

	.dessert {
	color: #E6526F;
	}

	.book-menu nav {
	background: #f8f8f8;
	}

	.book-page {
	padding: 2rem 2rem;
	}

	.book-search input {
	background: white;
	}

	.markdown a {
	text-decoration: none;
	color: #05b;
	}

	.markdown a:visited {
	text-decoration: none;
	color: #05b;
	}

	.markdown {
	line-height: 1.43;

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	font-weight: 500;
	padding-top: 0;
	margin-top: 1em;
	}
	}

	body {
	letter-spacing: normal;
	-webkit-font-smoothing: auto;
	}

	aside nav ul {
	li {
	margin: 0.5em 0;
	}
	}

	.book-search {
	border: 2px solid #ebebeb;
	}

	@media screen and (max-width: 768px) {
	.toc {
	display: none;
	}
	}

	aside.book-menu nav {
	a:hover {
	font-weight: bold;
	opacity: 1.0;
	}

	a.active {
	font-weight: bold;
	color: var(--body-font-color);
	}
	}

	aside.book-menu > li {
	padding: 10px 5px 5px 5px;
	}

	aside.book-toc {
	h3 {
	margin-top: 0;
	padding-top: 0;
	font-size: 1.2em;
	}
	}

	html {
	line-height: 1.43;
	}

	h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
	}

	h1, h2, h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	}

	h2, h3, h4 {
	padding-top: 1em;
	}

	h1 {
	font-size: 36px;
	}

	h2 {
	font-size: 30px;
	border-bottom: 1px solid #e5e5e5;
	}

	h3 {
	font-size: 24px;
	}

	h4 {
	font-size: 18px;
	}

	.markdown code {
	background: white;
	padding: 0;
	border-radius: 0;
	}

	pre.chroma code {
	line-height: 1.43;
	}

	.book-languages {
	border: 2px solid black;
	}

	.menu-break {
	opacity: 0.1;
	}

	#book-search-results {
	padding: 2px;
	background-color: white;
	}

	.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	background-color: #337ab7;
	}

	.expand-toc {
	position: fixed;
	top: 2em;
	right: 5em;
	display: none;
	}

	.container {
	max-width: 90rem;
	}

	#book-search-input:focus {
	outline: none;
	}

	.rest-api h5 {
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: 1em;
	}

	.rest-api tbody {
	display: table;
	width: 100%;
	background: white;
	}

	.rest-api td {
	background: white;
	}

	.rest-api .book-expand label {
	padding: 0rem 0rem;
	background: white;
	}

	.rest-api .book-expand {
	background: white;
	}

	.rest-api .book-expand .book-expand-head {
	background: white;
	}

	.configuration td {
	background: white;
	}

	.markdown table tr:nth-child(2n) {
	background: white;
	}

	.index-wrapper {
	// add custom css definitions here
	// see https://tailwindcss.com/docs
	.bg-purple {
	background: linear-gradient(90deg, #c67dd6 0%, #8a77d3 100%);
	}

	svg {
	vertical-align: middle;
	}

	.link-as-button {
	display: inline-block;
	transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 300ms;
	border-radius: 9999px;
	padding-top: 1rem;
	padding-bottom: 1rem;

	&:hover {
	transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1.05)
	scaleY(1.05);
	}
	}

	.header-1 {
	font-size: 2.5rem;
	line-height: 1;
	margin-top: 0;
	margin-bottom: 0;
	}

	.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}

	.top-container {
	padding: 1.5rem;

	.container {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	align-items: center;
	}
	}

	.flex {
	display: flex;
	}

	.flex-wrap {
	flex-wrap: wrap;
	}

	.flex-col {
	flex-direction: column;
	}

	.flex-row {
	flex-direction: row;
	}

	.flex-shrink {
	flex-shrink: 1;
	}
	.flex-grow {
	flex-grow: 1;
	}

	.text-center {
	text-align: center;
	}

	.items-start {
	align-items: flex-start;
	}

	.justify-center {
	justify-content: center;
	}

	.justify-between {
	justify-content: space-between;
	}

	.w-1\/2 {
	width: 50%;
	}

	.w-3\/4 {
	width: 75%;
	}
	.w-4\/5 {
	width: 80%;
	}

	.w-full {
	width: 100%;
	}

	.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem;
	}

	.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem;
	}

	.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem;
	}

	.text-sm {
	font-size: 0.875rem;
	line-height: 1.25rem;
	}

	.font-bold {
	font-weight: 700;
	}

	.leading-normal {
	line-height: 1.5;
	}

	.leading-tight {
	line-height: 1.25;
	}

	.bg-white {
	background-color: #ffffff;
	}

	.border-none {
	border-style: none;
	}

	.mx-auto {
	margin-left: auto;
	margin-right: auto;
	}

	.ml-0 {
	margin-left: 0;
	}

	.gap-6 {
	margin-bottom: 1.5rem;
	}

	.p-0 {
	padding: 0;
	}

	.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	}

	.px-8 {
	padding-left: 2rem;
	padding-right: 2rem;
	}

	.py-6 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	}

	.py-8 {
	padding-top: 2rem;
	padding-bottom: 2rem;
	}

	.py-12 {
	padding-top: 3rem;
	padding-bottom: 3rem;
	}

	.m-8 {
	margin: 2rem;
	}

	.my-0 {
	margin-top: 0;
	margin-bottom: 0;
	}

	.my-4 {
	margin-top: 1rem;
	margin-bottom: 1rem;
	}

	.mt-1 {
	margin-top: 0.25rem;
	}

	.mt-6 {
	margin-top: 1.5rem;
	}

	.mt-8 {
	margin-top: 2rem;
	}

	.-mt-8 {
	margin-top: -2rem;
	}

	.absolute {
	position: absolute;
	}

	.relative {
	position: relative;
	}

	.bottom-0 {
	bottom: 0;
	}

	.h-40 {
	height: 10rem;
	}

	.basis-1\/12 {
	flex-basis: 8.333333%;
	}
	.basis-10\/12 {
	flex-basis: 83.333333%;
	}

	.opacity-50 {
	opacity: 0.5;
	}

	h1,
	h2 {
	border-bottom: none !important;
	}

	.divider {
	background: #bf74f1;
	margin-left: auto;
	margin-right: auto;
	opacity: 0.25;
	width: 75%;
	height: 0.125rem;

	&.w-1\/2 {
	width: 50%;
	}
	&.opacity-50 {
	opacity: 0.5;
	}
	}

	.text-white {
	color: #ffffff !important;
	}

	.text-black {
	color: #000000 !important;
	}

	.text-primary {
	color: #bf74f1;
	}

	@media (min-width: 768px) {
	.md\:w-1\/2 {
	width: 50%;
	}
	.md\:w-1\/3 {
	width: 33.333333%;
	}
	.md\:w-3\/5 {
	width: 60%;
	}
	.md\:flex-row {
	flex-direction: row;
	}
	.md\:text-left {
	text-align: left;
	}
	.link-as-button {
	margin-left: 0;
	margin-right: 0;
	}
	}

	@media (min-width: 1280px) {
	.xl\:mt-0 {
	margin-top: 0;
	}
	.xl\:ml-16 {
	margin-left: 4rem;
	}
	.xl\:items-start {
	align-items: flex-start;
	}
	.xl\:text-left {
	text-align: left;
	}
	.xl\:flex-row {
	flex-direction: row;
	}
	.xl\:justify-between {
	justify-content: space-between;
	}
	.xl\:w-\[max-content\] {
	width: max-content;
	}
	.xl\:min-w-\[max-content\] {
	min-width: max-content;
	}
	.xl\:my-auto {
	margin-top: auto;
	margin-bottom: auto;
	}
	}
	}