@atproto/oauth-client-browser-example 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +1 -1
- package/dist/files.json +6 -6
- package/dist/main.css +56 -0
- package/dist/main.js +325 -275
- package/dist/main.js.map +1 -1
- package/package.json +7 -6
package/dist/main.css
CHANGED
|
@@ -511,15 +511,24 @@ video {
|
|
|
511
511
|
margin-top: 1rem;
|
|
512
512
|
margin-bottom: 1rem;
|
|
513
513
|
}
|
|
514
|
+
.ml-2 {
|
|
515
|
+
margin-left: 0.5rem;
|
|
516
|
+
}
|
|
514
517
|
.mt-2 {
|
|
515
518
|
margin-top: 0.5rem;
|
|
516
519
|
}
|
|
517
520
|
.block {
|
|
518
521
|
display: block;
|
|
519
522
|
}
|
|
523
|
+
.inline-block {
|
|
524
|
+
display: inline-block;
|
|
525
|
+
}
|
|
520
526
|
.flex {
|
|
521
527
|
display: flex;
|
|
522
528
|
}
|
|
529
|
+
.inline-flex {
|
|
530
|
+
display: inline-flex;
|
|
531
|
+
}
|
|
523
532
|
.w-\[1px\] {
|
|
524
533
|
width: 1px;
|
|
525
534
|
}
|
|
@@ -535,6 +544,9 @@ video {
|
|
|
535
544
|
.flex-auto {
|
|
536
545
|
flex: 1 1 auto;
|
|
537
546
|
}
|
|
547
|
+
.transform {
|
|
548
|
+
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));
|
|
549
|
+
}
|
|
538
550
|
.flex-col {
|
|
539
551
|
flex-direction: column;
|
|
540
552
|
}
|
|
@@ -547,6 +559,11 @@ video {
|
|
|
547
559
|
.justify-stretch {
|
|
548
560
|
justify-content: stretch;
|
|
549
561
|
}
|
|
562
|
+
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
563
|
+
--tw-space-x-reverse: 0;
|
|
564
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
565
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
566
|
+
}
|
|
550
567
|
.rounded {
|
|
551
568
|
border-radius: 0.25rem;
|
|
552
569
|
}
|
|
@@ -575,6 +592,10 @@ video {
|
|
|
575
592
|
--tw-bg-opacity: 1;
|
|
576
593
|
background-color: rgb(29 78 216 / var(--tw-bg-opacity));
|
|
577
594
|
}
|
|
595
|
+
.bg-cyan-300 {
|
|
596
|
+
--tw-bg-opacity: 1;
|
|
597
|
+
background-color: rgb(103 232 249 / var(--tw-bg-opacity));
|
|
598
|
+
}
|
|
578
599
|
.bg-transparent {
|
|
579
600
|
background-color: transparent;
|
|
580
601
|
}
|
|
@@ -591,6 +612,10 @@ video {
|
|
|
591
612
|
.p-4 {
|
|
592
613
|
padding: 1rem;
|
|
593
614
|
}
|
|
615
|
+
.px-2 {
|
|
616
|
+
padding-left: 0.5rem;
|
|
617
|
+
padding-right: 0.5rem;
|
|
618
|
+
}
|
|
594
619
|
.px-3 {
|
|
595
620
|
padding-left: 0.75rem;
|
|
596
621
|
padding-right: 0.75rem;
|
|
@@ -617,6 +642,10 @@ video {
|
|
|
617
642
|
.leading-\[1\.6\] {
|
|
618
643
|
line-height: 1.6;
|
|
619
644
|
}
|
|
645
|
+
.text-black {
|
|
646
|
+
--tw-text-opacity: 1;
|
|
647
|
+
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
648
|
+
}
|
|
620
649
|
.text-blue-600 {
|
|
621
650
|
--tw-text-opacity: 1;
|
|
622
651
|
color: rgb(37 99 235 / var(--tw-text-opacity));
|
|
@@ -632,10 +661,33 @@ video {
|
|
|
632
661
|
--tw-text-opacity: 1;
|
|
633
662
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
634
663
|
}
|
|
664
|
+
.shadow-lg {
|
|
665
|
+
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
666
|
+
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
667
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
668
|
+
}
|
|
635
669
|
.outline-none {
|
|
636
670
|
outline: 2px solid transparent;
|
|
637
671
|
outline-offset: 2px;
|
|
638
672
|
}
|
|
673
|
+
.transition {
|
|
674
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
675
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
676
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
677
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
678
|
+
transition-duration: 150ms;
|
|
679
|
+
}
|
|
680
|
+
.duration-300 {
|
|
681
|
+
transition-duration: 300ms;
|
|
682
|
+
}
|
|
683
|
+
.ease-in-out {
|
|
684
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
685
|
+
}
|
|
686
|
+
.hover\:scale-105:hover {
|
|
687
|
+
--tw-scale-x: 1.05;
|
|
688
|
+
--tw-scale-y: 1.05;
|
|
689
|
+
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));
|
|
690
|
+
}
|
|
639
691
|
.hover\:bg-blue-100:hover {
|
|
640
692
|
--tw-bg-opacity: 1;
|
|
641
693
|
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
|
|
@@ -644,6 +696,10 @@ video {
|
|
|
644
696
|
--tw-bg-opacity: 1;
|
|
645
697
|
background-color: rgb(29 78 216 / var(--tw-bg-opacity));
|
|
646
698
|
}
|
|
699
|
+
.hover\:bg-cyan-500:hover {
|
|
700
|
+
--tw-bg-opacity: 1;
|
|
701
|
+
background-color: rgb(6 182 212 / var(--tw-bg-opacity));
|
|
702
|
+
}
|
|
647
703
|
.focus\:outline-none:focus {
|
|
648
704
|
outline: 2px solid transparent;
|
|
649
705
|
outline-offset: 2px;
|