合并服务合并内容 #3

Merged
XiaoLFeng merged 7 commits from feature into master 2023-06-16 12:12:15 +08:00
2 changed files with 264 additions and 86 deletions
Showing only changes of commit 3fdd4b52d9 - Show all commits

View File

@ -1045,6 +1045,18 @@ .top-0{
.top-\[calc\(100\%-13rem\)\]{ .top-\[calc\(100\%-13rem\)\]{
top: calc(100% - 13rem); top: calc(100% - 13rem);
} }
.bottom-2{
bottom: 0.5rem;
}
.bottom-2\.5{
bottom: 0.625rem;
}
.right-2{
right: 0.5rem;
}
.right-2\.5{
right: 0.625rem;
}
.isolate{ .isolate{
isolation: isolate; isolation: isolate;
} }
@ -1072,6 +1084,15 @@ .col-span-1{
.col-span-2{ .col-span-2{
grid-column: span 2 / span 2; grid-column: span 2 / span 2;
} }
.col-span-3{
grid-column: span 3 / span 3;
}
.col-span-7{
grid-column: span 7 / span 7;
}
.col-span-10{
grid-column: span 10 / span 10;
}
.-m-1{ .-m-1{
margin: -0.25rem; margin: -0.25rem;
} }
@ -1090,6 +1111,9 @@ .m-1{
.m-5{ .m-5{
margin: 1.25rem; margin: 1.25rem;
} }
.m-4{
margin: 1rem;
}
.-mx-3{ .-mx-3{
margin-left: -0.75rem; margin-left: -0.75rem;
margin-right: -0.75rem; margin-right: -0.75rem;
@ -1114,17 +1138,17 @@ .my-3{
margin-top: 0.75rem; margin-top: 0.75rem;
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
.my-8{
margin-top: 2rem;
margin-bottom: 2rem;
}
.my-4{ .my-4{
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.my-2{ .my-8{
margin-top: 0.5rem; margin-top: 2rem;
margin-bottom: 0.5rem; margin-bottom: 2rem;
}
.my-5{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
} }
.mb-1{ .mb-1{
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
@ -1141,6 +1165,9 @@ .mb-3{
.mb-4{ .mb-4{
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.mb-5{
margin-bottom: 1.25rem;
}
.mb-6{ .mb-6{
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
@ -1173,14 +1200,23 @@ .mt-2{
.mt-28{ .mt-28{
margin-top: 7rem; margin-top: 7rem;
} }
.mt-5{
margin-top: 1.25rem;
}
.mt-6{ .mt-6{
margin-top: 1.5rem; margin-top: 1.5rem;
} }
.mb-5{ .mt-3{
margin-bottom: 1.25rem; margin-top: 0.75rem;
}
.ml-0{
margin-left: 0px;
}
.mt-5{
margin-top: 1.25rem;
}
.mb-10{
margin-bottom: 2.5rem;
}
.mt-4{
margin-top: 1rem;
} }
.block{ .block{
display: block; display: block;
@ -1224,6 +1260,9 @@ .hidden{
.aspect-\[1155\/678\]{ .aspect-\[1155\/678\]{
aspect-ratio: 1155/678; aspect-ratio: 1155/678;
} }
.h-1{
height: 0.25rem;
}
.h-10{ .h-10{
height: 2.5rem; height: 2.5rem;
} }
@ -1263,14 +1302,11 @@ .h-\[52px\]{
.h-full{ .h-full{
height: 100%; height: 100%;
} }
.h-screen{
height: 100vh;
}
.h-px{ .h-px{
height: 1px; height: 1px;
} }
.h-1{ .h-screen{
height: 0.25rem; height: 100vh;
} }
.min-h-full{ .min-h-full{
min-height: 100%; min-height: 100%;
@ -1281,6 +1317,9 @@ .w-1\/2{
.w-10{ .w-10{
width: 2.5rem; width: 2.5rem;
} }
.w-11{
width: 2.75rem;
}
.w-14{ .w-14{
width: 3.5rem; width: 3.5rem;
} }
@ -1296,6 +1335,9 @@ .w-4{
.w-44{ .w-44{
width: 11rem; width: 11rem;
} }
.w-48{
width: 12rem;
}
.w-5{ .w-5{
width: 1.25rem; width: 1.25rem;
} }
@ -1320,14 +1362,8 @@ .w-auto{
.w-full{ .w-full{
width: 100%; width: 100%;
} }
.w-11{ .min-w-0{
width: 2.75rem; min-width: 0px;
}
.w-48{
width: 12rem;
}
.w-24{
width: 6rem;
} }
.max-w-2xl{ .max-w-2xl{
max-width: 42rem; max-width: 42rem;
@ -1338,6 +1374,9 @@ .max-w-4xl{
.max-w-screen-xl{ .max-w-screen-xl{
max-width: 1280px; max-width: 1280px;
} }
.max-w-md{
max-width: 28rem;
}
.flex-1{ .flex-1{
flex: 1 1 0%; flex: 1 1 0%;
} }
@ -1347,10 +1386,6 @@ .flex-shrink{
.flex-shrink-0{ .flex-shrink-0{
flex-shrink: 0; flex-shrink: 0;
} }
.border-spacing-x-10{
--tw-border-spacing-x: 2.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.-translate-x-1\/2{ .-translate-x-1\/2{
--tw-translate-x: -50%; --tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@ -1419,17 +1454,14 @@ .grid-cols-3{
.grid-cols-4{ .grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-columns: repeat(4, minmax(0, 1fr));
} }
.grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-7{ .grid-cols-7{
grid-template-columns: repeat(7, minmax(0, 1fr)); grid-template-columns: repeat(7, minmax(0, 1fr));
} }
.grid-rows-1{ .grid-cols-10{
grid-template-rows: repeat(1, minmax(0, 1fr)); grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-rows-2{
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3{
grid-template-rows: repeat(3, minmax(0, 1fr));
} }
.flex-col{ .flex-col{
flex-direction: column; flex-direction: column;
@ -1485,6 +1517,11 @@ .space-y-6 > :not([hidden]) ~ :not([hidden]){
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
} }
.-space-x-px > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(-1px * var(--tw-space-x-reverse));
margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]){ .divide-y > :not([hidden]) ~ :not([hidden]){
--tw-divide-y-reverse: 0; --tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@ -1497,6 +1534,10 @@ .divide-gray-100 > :not([hidden]) ~ :not([hidden]){
.divide-gray-500\/10 > :not([hidden]) ~ :not([hidden]){ .divide-gray-500\/10 > :not([hidden]) ~ :not([hidden]){
border-color: rgb(107 114 128 / 0.1); border-color: rgb(107 114 128 / 0.1);
} }
.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}
.overflow-hidden{ .overflow-hidden{
overflow: hidden; overflow: hidden;
} }
@ -1540,16 +1581,13 @@ .border-0{
.border-4{ .border-4{
border-width: 4px; border-width: 4px;
} }
.border-x-4{
border-left-width: 4px;
border-right-width: 4px;
}
.border-r-4{
border-right-width: 4px;
}
.border-dashed{ .border-dashed{
border-style: dashed; border-style: dashed;
} }
.border-blue-500{
--tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity));
}
.border-blue-600{ .border-blue-600{
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(28 100 242 / var(--tw-border-opacity)); border-color: rgb(28 100 242 / var(--tw-border-opacity));
@ -1570,17 +1608,13 @@ .border-gray-300{
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity)); border-color: rgb(209 213 219 / var(--tw-border-opacity));
} }
.border-red-300{ .border-blue-300{
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(248 180 180 / var(--tw-border-opacity)); border-color: rgb(164 202 254 / var(--tw-border-opacity));
} }
.border-red-500{ .border-white{
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(240 82 82 / var(--tw-border-opacity)); border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-blue-500{
--tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity));
} }
.bg-blue-100{ .bg-blue-100{
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
@ -1633,6 +1667,10 @@ .bg-white{
.bg-white\/50{ .bg-white\/50{
background-color: rgb(255 255 255 / 0.5); background-color: rgb(255 255 255 / 0.5);
} }
.bg-blue-50{
--tw-bg-opacity: 1;
background-color: rgb(235 245 255 / var(--tw-bg-opacity));
}
.bg-opacity-50{ .bg-opacity-50{
--tw-bg-opacity: 0.5; --tw-bg-opacity: 0.5;
} }
@ -1668,6 +1706,12 @@ .p-4{
.p-6{ .p-6{
padding: 1.5rem; padding: 1.5rem;
} }
.p-10{
padding: 2.5rem;
}
.p-5{
padding: 1.25rem;
}
.px-2{ .px-2{
padding-left: 0.5rem; padding-left: 0.5rem;
padding-right: 0.5rem; padding-right: 0.5rem;
@ -1732,6 +1776,18 @@ .py-8{
padding-top: 2rem; padding-top: 2rem;
padding-bottom: 2rem; padding-bottom: 2rem;
} }
.py-10{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.px-10{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.pe-2{ .pe-2{
-webkit-padding-end: 0.5rem; -webkit-padding-end: 0.5rem;
padding-inline-end: 0.5rem; padding-inline-end: 0.5rem;
@ -1756,6 +1812,22 @@ .ps-5{
.pt-2{ .pt-2{
padding-top: 0.5rem; padding-top: 0.5rem;
} }
.pb-0{
padding-bottom: 0px;
}
.pb-3{
padding-bottom: 0.75rem;
}
.pt-3{
padding-top: 0.75rem;
}
.pb-2{
padding-bottom: 0.5rem;
}
.ps-1{
-webkit-padding-start: 0.25rem;
padding-inline-start: 0.25rem;
}
.text-left{ .text-left{
text-align: left; text-align: left;
} }
@ -1789,6 +1861,10 @@ .text-xl{
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1.75rem; line-height: 1.75rem;
} }
.text-4xl{
font-size: 2.25rem;
line-height: 2.5rem;
}
.font-bold{ .font-bold{
font-weight: 700; font-weight: 700;
} }
@ -1798,6 +1874,12 @@ .font-medium{
.font-semibold{ .font-semibold{
font-weight: 600; font-weight: 600;
} }
.font-extrabold{
font-weight: 800;
}
.font-normal{
font-weight: 400;
}
.uppercase{ .uppercase{
text-transform: uppercase; text-transform: uppercase;
} }
@ -1816,6 +1898,12 @@ .leading-8{
.leading-9{ .leading-9{
line-height: 2.25rem; line-height: 2.25rem;
} }
.leading-none{
line-height: 1;
}
.leading-tight{
line-height: 1.25;
}
.tracking-tight{ .tracking-tight{
letter-spacing: -0.025em; letter-spacing: -0.025em;
} }
@ -2055,6 +2143,10 @@ .hover\:bg-white:hover{
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-color: rgb(255 255 255 / var(--tw-bg-opacity));
} }
.hover\:bg-blue-100:hover{
--tw-bg-opacity: 1;
background-color: rgb(225 239 254 / var(--tw-bg-opacity));
}
.hover\:text-blue-600:hover{ .hover\:text-blue-600:hover{
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(28 100 242 / var(--tw-text-opacity)); color: rgb(28 100 242 / var(--tw-text-opacity));
@ -2071,6 +2163,14 @@ .hover\:text-indigo-500:hover{
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(104 117 245 / var(--tw-text-opacity)); color: rgb(104 117 245 / var(--tw-text-opacity));
} }
.hover\:text-blue-700:hover{
--tw-text-opacity: 1;
color: rgb(26 86 219 / var(--tw-text-opacity));
}
.hover\:text-gray-700:hover{
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.hover\:underline:hover{ .hover\:underline:hover{
text-decoration-line: underline; text-decoration-line: underline;
} }
@ -2166,6 +2266,10 @@ :is(.dark .dark\:divide-gray-600) > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1; --tw-divide-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-divide-opacity)); border-color: rgb(75 85 99 / var(--tw-divide-opacity));
} }
:is(.dark .dark\:divide-gray-700) > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-divide-opacity));
}
:is(.dark .dark\:border-blue-500){ :is(.dark .dark\:border-blue-500){
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity)); border-color: rgb(63 131 248 / var(--tw-border-opacity));
@ -2302,6 +2406,10 @@ :is(.dark .dark\:focus\:ring-gray-600:focus){
--tw-ring-opacity: 1; --tw-ring-opacity: 1;
--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity)); --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
} }
:is(.dark .dark\:focus\:ring-blue-900:focus){
--tw-ring-opacity: 1;
--tw-ring-color: rgb(35 56 118 / var(--tw-ring-opacity));
}
:is(.dark .group:hover .dark\:group-hover\:text-white){ :is(.dark .group:hover .dark\:group-hover\:text-white){
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); color: rgb(255 255 255 / var(--tw-text-opacity));
@ -2323,6 +2431,15 @@ @media (min-width: 640px){
.sm\:top-\[calc\(100\%-30rem\)\]{ .sm\:top-\[calc\(100\%-30rem\)\]{
top: calc(100% - 30rem); top: calc(100% - 30rem);
} }
.sm\:col-span-2{
grid-column: span 2 / span 2;
}
.sm\:col-span-3{
grid-column: span 3 / span 3;
}
.sm\:col-span-10{
grid-column: span 10 / span 10;
}
.sm\:mx-auto{ .sm\:mx-auto{
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -2334,9 +2451,6 @@ @media (min-width: 640px){
.sm\:ml-64{ .sm\:ml-64{
margin-left: 16rem; margin-left: 16rem;
} }
.sm\:mb-3{
margin-bottom: 0.75rem;
}
.sm\:hidden{ .sm\:hidden{
display: none; display: none;
} }
@ -2369,6 +2483,20 @@ @media (min-width: 640px){
padding-top: 4rem; padding-top: 4rem;
padding-bottom: 4rem; padding-bottom: 4rem;
} }
.sm\:py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.sm\:px-16{
padding-left: 4rem;
padding-right: 4rem;
}
.sm\:pb-4{
padding-bottom: 1rem;
}
.sm\:pt-4{
padding-top: 1rem;
}
.sm\:text-6xl{ .sm\:text-6xl{
font-size: 3.75rem; font-size: 3.75rem;
line-height: 1; line-height: 1;
@ -2390,13 +2518,14 @@ @media (min-width: 640px){
} }
} }
@media (min-width: 768px){ @media (min-width: 768px){
.md\:my-10{ .md\:col-span-2{
margin-top: 2.5rem; grid-column: span 2 / span 2;
margin-bottom: 2.5rem;
} }
.md\:my-5{ .md\:col-span-3{
margin-top: 1.25rem; grid-column: span 3 / span 3;
margin-bottom: 1.25rem; }
.md\:col-span-10{
grid-column: span 10 / span 10;
} }
.md\:my-6{ .md\:my-6{
margin-top: 1.5rem; margin-top: 1.5rem;
@ -2408,6 +2537,9 @@ @media (min-width: 768px){
.md\:flex{ .md\:flex{
display: flex; display: flex;
} }
.md\:hidden{
display: none;
}
.md\:grid-cols-2{ .md\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
} }
@ -2426,8 +2558,30 @@ @media (min-width: 768px){
.md\:p-6{ .md\:p-6{
padding: 1.5rem; padding: 1.5rem;
} }
.md\:text-5xl{
font-size: 3rem;
line-height: 1;
}
} }
@media (min-width: 1024px){ @media (min-width: 1024px){
.lg\:visible{
visibility: visible;
}
.lg\:col-span-8{
grid-column: span 8 / span 8;
}
.lg\:col-span-7{
grid-column: span 7 / span 7;
}
.lg\:col-span-3{
grid-column: span 3 / span 3;
}
.lg\:block{
display: block;
}
.lg\:inline{
display: inline;
}
.lg\:flex{ .lg\:flex{
display: flex; display: flex;
} }
@ -2456,8 +2610,22 @@ @media (min-width: 1024px){
padding-top: 10rem; padding-top: 10rem;
padding-bottom: 10rem; padding-bottom: 10rem;
} }
.lg\:text-6xl{
font-size: 3.75rem;
line-height: 1;
}
.lg\:text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
} }
@media (min-width: 1280px){ @media (min-width: 1280px){
.xl\:col-span-2{
grid-column: span 2 / span 2;
}
.xl\:col-span-8{
grid-column: span 8 / span 8;
}
.xl\:grid-cols-4{ .xl\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-columns: repeat(4, minmax(0, 1fr));
} }
@ -2465,5 +2633,9 @@ @media (min-width: 1280px){
padding-top: 12rem; padding-top: 12rem;
padding-bottom: 12rem; padding-bottom: 12rem;
} }
.xl\:px-48{
padding-left: 12rem;
padding-right: 12rem;
}
} }

View File

@ -1,3 +1,9 @@
/*
* Copyright © 2016 - 2023 筱锋xiao_lfeng. All Rights Reserved.
* 开发开源遵循 MIT 许可若需商用请联系开发者
* https://www.x-lf.com/
*/
/******/ (() => { // webpackBootstrap /******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({ /******/ var __webpack_modules__ = ({