@onereach/styles 2.8.4 → 2.9.0-beta.605.0

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/dist/index.css CHANGED
@@ -262,755 +262,4 @@
262
262
  --lh-2: 1.625rem;
263
263
  }
264
264
 
265
- html,
266
- body,
267
- div,
268
- span,
269
- applet,
270
- object,
271
- iframe,
272
- h1,
273
- h2,
274
- h3,
275
- h4,
276
- h5,
277
- h6,
278
- p,
279
- blockquote,
280
- pre,
281
- a,
282
- abbr,
283
- acronym,
284
- address,
285
- big,
286
- cite,
287
- code,
288
- del,
289
- dfn,
290
- em,
291
- img,
292
- ins,
293
- kbd,
294
- q,
295
- s,
296
- samp,
297
- small,
298
- strike,
299
- strong,
300
- tt,
301
- var,
302
- b,
303
- u,
304
- i,
305
- center,
306
- dl,
307
- dt,
308
- dd,
309
- ol,
310
- ul,
311
- li,
312
- fieldset,
313
- form,
314
- label,
315
- legend,
316
- table,
317
- caption,
318
- tbody,
319
- tfoot,
320
- thead,
321
- tr,
322
- th,
323
- td,
324
- article,
325
- aside,
326
- canvas,
327
- details,
328
- embed,
329
- figure,
330
- figcaption,
331
- footer,
332
- header,
333
- hgroup,
334
- menu,
335
- nav,
336
- output,
337
- ruby,
338
- section,
339
- summary,
340
- time,
341
- mark,
342
- audio,
343
- video {
344
- padding: 0;
345
- margin: 0;
346
- vertical-align: baseline;
347
- border: 0;
348
- }
349
-
350
- *,
351
- *::before,
352
- *::after {
353
- box-sizing: border-box;
354
- }
355
-
356
- article,
357
- aside,
358
- details,
359
- figcaption,
360
- figure,
361
- footer,
362
- header,
363
- hgroup,
364
- menu,
365
- nav,
366
- section {
367
- display: block;
368
- }
369
-
370
- html,
371
- body {
372
- -webkit-tap-highlight-color: transparent;
373
- }
374
-
375
- blockquote,
376
- q {
377
- quotes: none;
378
- }
379
-
380
- blockquote::before,
381
- blockquote::after,
382
- q::before,
383
- q::after {
384
- content: none;
385
- }
386
-
387
- table {
388
- border-spacing: 0;
389
- border-collapse: collapse;
390
- }
391
-
392
- input,
393
- textarea {
394
- padding: 0;
395
- margin: 0;
396
- border-radius: 0;
397
- }
398
-
399
- /* clears the 'X' from Internet Explorer */
400
- input[type=search]::-ms-clear,
401
- input[type=search]::-ms-reveal {
402
- display: none;
403
- width: 0;
404
- height: 0;
405
- }
406
-
407
- /* clears the 'X' from Chrome */
408
- input[type=search]::-webkit-search-decoration,
409
- input[type=search]::-webkit-search-cancel-button,
410
- input[type=search]::-webkit-search-results-button,
411
- input[type=search]::-webkit-search-results-decoration {
412
- display: none;
413
- }
414
-
415
- /**
416
- * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.
417
- * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/
418
- */
419
- /* Make div look like an input element */
420
- html {
421
- text-rendering: optimizeLegibility;
422
- font-size: 100%;
423
- -webkit-text-size-adjust: 100%;
424
- -moz-text-size-adjust: 100%;
425
- text-size-adjust: 100%;
426
- }
427
-
428
- body {
429
- overflow-x: hidden;
430
- overflow-y: auto;
431
- overscroll-behavior: none;
432
- color: var(--c-neutral-6);
433
- background-color: var(--c-body-bg);
434
- }
435
-
436
- fieldset {
437
- border: none;
438
- }
439
-
440
- a {
441
- text-decoration: none;
442
- }
443
-
444
- input[type=checkbox],
445
- input[type=radio] {
446
- vertical-align: baseline;
447
- }
448
-
449
- body,
450
- .body-normal,
451
- .body-semibold {
452
- font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
453
- font-size: var(--fs-1);
454
- font-weight: var(--fw-0);
455
- line-height: var(--lh-1);
456
- }
457
-
458
- .caption-normal, .caption-bold {
459
- font-size: var(--fs-0);
460
- font-weight: var(--fw-0);
461
- line-height: var(--lh-0);
462
- }
463
-
464
- .caption-bold {
465
- font-weight: var(--fw-2);
466
- }
467
-
468
- .body-semibold {
469
- font-weight: var(--fw-1);
470
- }
471
-
472
- h4,
473
- .subheading {
474
- font-size: var(--fs-2);
475
- font-weight: var(--fw-2);
476
- line-height: var(--lh-1);
477
- }
478
-
479
- h1,
480
- .heading {
481
- font-size: var(--fs-3);
482
- font-weight: var(--fw-2);
483
- line-height: var(--lh-2);
484
- }
485
-
486
- .fade-enter-active, .fade-leave-active {
487
- transition: opacity var(--t-duration) var(--t-func);
488
- }
489
- .fade-enter, .fade-leave-to {
490
- opacity: 0;
491
- }
492
-
493
- @-webkit-keyframes spinAround {
494
- from {
495
- transform: rotate(0);
496
- }
497
- to {
498
- transform: rotate(359deg);
499
- }
500
- }
501
-
502
- @keyframes spinAround {
503
- from {
504
- transform: rotate(0);
505
- }
506
- to {
507
- transform: rotate(359deg);
508
- }
509
- }
510
- @-webkit-keyframes fade {
511
- from {
512
- opacity: 1;
513
- }
514
- to {
515
- opacity: 0;
516
- }
517
- }
518
- @keyframes fade {
519
- from {
520
- opacity: 1;
521
- }
522
- to {
523
- opacity: 0;
524
- }
525
- }
526
- .d-inline {
527
- display: inline;
528
- }
529
- .d-inline-block {
530
- display: inline-block;
531
- }
532
- .d-flex {
533
- display: flex;
534
- }
535
- .d-inline-flex {
536
- display: inline-flex;
537
- }
538
- .d-block {
539
- display: block;
540
- }
541
- .d-grid {
542
- display: grid;
543
- }
544
- .d-inline-grid {
545
- display: inline-grid;
546
- }
547
-
548
- .align-baseline {
549
- align-items: baseline;
550
- }
551
- .align-start {
552
- align-items: start;
553
- }
554
- .align-end {
555
- align-items: end;
556
- }
557
- .align-self-start {
558
- align-items: self-start;
559
- }
560
- .align-self-end {
561
- align-items: self-end;
562
- }
563
- .align-flex-start {
564
- align-items: flex-start;
565
- }
566
- .align-flex-end {
567
- align-items: flex-end;
568
- }
569
- .align-stretch {
570
- align-items: stretch;
571
- }
572
- .align-center {
573
- align-items: center;
574
- }
575
-
576
- .justify-start {
577
- justify-content: start;
578
- }
579
- .justify-end {
580
- justify-content: end;
581
- }
582
- .justify-left {
583
- justify-content: left;
584
- }
585
- .justify-right {
586
- justify-content: right;
587
- }
588
- .justify-flex-start {
589
- justify-content: flex-start;
590
- }
591
- .justify-flex-end {
592
- justify-content: flex-end;
593
- }
594
- .justify-space-between {
595
- justify-content: space-between;
596
- }
597
- .justify-space-around {
598
- justify-content: space-around;
599
- }
600
- .justify-sapce-evenly {
601
- justify-content: space-evenly;
602
- }
603
- .justify-center {
604
- justify-content: center;
605
- }
606
-
607
- .direction-row {
608
- flex-direction: row;
609
- }
610
- .direction-row-reverse {
611
- flex-direction: row-reverse;
612
- }
613
- .direction-column {
614
- flex-direction: column;
615
- }
616
- .direction-column-reverse {
617
- flex-direction: column-reverse;
618
- }
619
-
620
- .wrap {
621
- flex-wrap: wrap;
622
- }
623
-
624
- .nowrap {
625
- flex-wrap: nowrap;
626
- }
627
-
628
- .wrap-reverse {
629
- flex-wrap: wrap-reverse;
630
- }
631
-
632
- .m-0 {
633
- margin: 0;
634
- }
635
-
636
- .p-0 {
637
- padding: 0;
638
- }
639
-
640
- .mt-0 {
641
- margin-top: 0;
642
- }
643
-
644
- .pt-0 {
645
- padding-top: 0;
646
- }
647
-
648
- .mr-0 {
649
- margin-right: 0;
650
- }
651
-
652
- .pr-0 {
653
- padding-right: 0;
654
- }
655
-
656
- .mb-0 {
657
- margin-bottom: 0;
658
- }
659
-
660
- .pb-0 {
661
- padding-bottom: 0;
662
- }
663
-
664
- .ml-0 {
665
- margin-left: 0;
666
- }
667
-
668
- .pl-0 {
669
- padding-left: 0;
670
- }
671
-
672
- .mt-1 {
673
- margin-top: 0.125rem;
674
- }
675
-
676
- .pt-1 {
677
- padding-top: 0.125rem;
678
- }
679
-
680
- .mr-1 {
681
- margin-right: 0.125rem;
682
- }
683
-
684
- .pr-1 {
685
- padding-right: 0.125rem;
686
- }
687
-
688
- .mb-1 {
689
- margin-bottom: 0.125rem;
690
- }
691
-
692
- .pb-1 {
693
- padding-bottom: 0.125rem;
694
- }
695
-
696
- .ml-1 {
697
- margin-left: 0.125rem;
698
- }
699
-
700
- .pl-1 {
701
- padding-left: 0.125rem;
702
- }
703
-
704
- .mt-2 {
705
- margin-top: 0.25rem;
706
- }
707
-
708
- .pt-2 {
709
- padding-top: 0.25rem;
710
- }
711
-
712
- .mr-2 {
713
- margin-right: 0.25rem;
714
- }
715
-
716
- .pr-2 {
717
- padding-right: 0.25rem;
718
- }
719
-
720
- .mb-2 {
721
- margin-bottom: 0.25rem;
722
- }
723
-
724
- .pb-2 {
725
- padding-bottom: 0.25rem;
726
- }
727
-
728
- .ml-2 {
729
- margin-left: 0.25rem;
730
- }
731
-
732
- .pl-2 {
733
- padding-left: 0.25rem;
734
- }
735
-
736
- .mt-3 {
737
- margin-top: 0.5rem;
738
- }
739
-
740
- .pt-3 {
741
- padding-top: 0.5rem;
742
- }
743
-
744
- .mr-3 {
745
- margin-right: 0.5rem;
746
- }
747
-
748
- .pr-3 {
749
- padding-right: 0.5rem;
750
- }
751
-
752
- .mb-3 {
753
- margin-bottom: 0.5rem;
754
- }
755
-
756
- .pb-3 {
757
- padding-bottom: 0.5rem;
758
- }
759
-
760
- .ml-3 {
761
- margin-left: 0.5rem;
762
- }
763
-
764
- .pl-3 {
765
- padding-left: 0.5rem;
766
- }
767
-
768
- .mt-4 {
769
- margin-top: 1rem;
770
- }
771
-
772
- .pt-4 {
773
- padding-top: 1rem;
774
- }
775
-
776
- .mr-4 {
777
- margin-right: 1rem;
778
- }
779
-
780
- .pr-4 {
781
- padding-right: 1rem;
782
- }
783
-
784
- .mb-4 {
785
- margin-bottom: 1rem;
786
- }
787
-
788
- .pb-4 {
789
- padding-bottom: 1rem;
790
- }
791
-
792
- .ml-4 {
793
- margin-left: 1rem;
794
- }
795
-
796
- .pl-4 {
797
- padding-left: 1rem;
798
- }
799
-
800
- .mt-5 {
801
- margin-top: 1.5rem;
802
- }
803
-
804
- .pt-5 {
805
- padding-top: 1.5rem;
806
- }
807
-
808
- .mr-5 {
809
- margin-right: 1.5rem;
810
- }
811
-
812
- .pr-5 {
813
- padding-right: 1.5rem;
814
- }
815
-
816
- .mb-5 {
817
- margin-bottom: 1.5rem;
818
- }
819
-
820
- .pb-5 {
821
- padding-bottom: 1.5rem;
822
- }
823
-
824
- .ml-5 {
825
- margin-left: 1.5rem;
826
- }
827
-
828
- .pl-5 {
829
- padding-left: 1.5rem;
830
- }
831
-
832
- .mt-6 {
833
- margin-top: 2rem;
834
- }
835
-
836
- .pt-6 {
837
- padding-top: 2rem;
838
- }
839
-
840
- .mr-6 {
841
- margin-right: 2rem;
842
- }
843
-
844
- .pr-6 {
845
- padding-right: 2rem;
846
- }
847
-
848
- .mb-6 {
849
- margin-bottom: 2rem;
850
- }
851
-
852
- .pb-6 {
853
- padding-bottom: 2rem;
854
- }
855
-
856
- .ml-6 {
857
- margin-left: 2rem;
858
- }
859
-
860
- .pl-6 {
861
- padding-left: 2rem;
862
- }
863
-
864
- .mt-7 {
865
- margin-top: 3rem;
866
- }
867
-
868
- .pt-7 {
869
- padding-top: 3rem;
870
- }
871
-
872
- .mr-7 {
873
- margin-right: 3rem;
874
- }
875
-
876
- .pr-7 {
877
- padding-right: 3rem;
878
- }
879
-
880
- .mb-7 {
881
- margin-bottom: 3rem;
882
- }
883
-
884
- .pb-7 {
885
- padding-bottom: 3rem;
886
- }
887
-
888
- .ml-7 {
889
- margin-left: 3rem;
890
- }
891
-
892
- .pl-7 {
893
- padding-left: 3rem;
894
- }
895
-
896
- .mt-8 {
897
- margin-top: 4rem;
898
- }
899
-
900
- .pt-8 {
901
- padding-top: 4rem;
902
- }
903
-
904
- .mr-8 {
905
- margin-right: 4rem;
906
- }
907
-
908
- .pr-8 {
909
- padding-right: 4rem;
910
- }
911
-
912
- .mb-8 {
913
- margin-bottom: 4rem;
914
- }
915
-
916
- .pb-8 {
917
- padding-bottom: 4rem;
918
- }
919
-
920
- .ml-8 {
921
- margin-left: 4rem;
922
- }
923
-
924
- .pl-8 {
925
- padding-left: 4rem;
926
- }
927
-
928
- .mt-9 {
929
- margin-top: 8rem;
930
- }
931
-
932
- .pt-9 {
933
- padding-top: 8rem;
934
- }
935
-
936
- .mr-9 {
937
- margin-right: 8rem;
938
- }
939
-
940
- .pr-9 {
941
- padding-right: 8rem;
942
- }
943
-
944
- .mb-9 {
945
- margin-bottom: 8rem;
946
- }
947
-
948
- .pb-9 {
949
- padding-bottom: 8rem;
950
- }
951
-
952
- .ml-9 {
953
- margin-left: 8rem;
954
- }
955
-
956
- .pl-9 {
957
- padding-left: 8rem;
958
- }
959
-
960
- .fs-0 {
961
- font-size: var(--fs-0);
962
- }
963
-
964
- .fs-1 {
965
- font-size: var(--fs-1);
966
- }
967
-
968
- .fs-2 {
969
- font-size: var(--fs-2);
970
- }
971
-
972
- .fs-3 {
973
- font-size: var(--fs-3);
974
- }
975
-
976
- .fw-0 {
977
- font-weight: var(--fw-0);
978
- }
979
-
980
- .fw-1 {
981
- font-weight: var(--fw-1);
982
- }
983
-
984
- .fw-2 {
985
- font-weight: var(--fw-2);
986
- }
987
-
988
- .lh-0 {
989
- line-height: var(--lh-0);
990
- }
991
-
992
- .lh-1 {
993
- line-height: var(--lh-1);
994
- }
995
-
996
- .lh-2 {
997
- line-height: var(--lh-2);
998
- }
999
-
1000
- .text-align-center {
1001
- text-align: center;
1002
- }
1003
- .text-align-end {
1004
- text-align: end;
1005
- }
1006
- .text-align-left {
1007
- text-align: left;
1008
- }
1009
- .text-align-right {
1010
- text-align: right;
1011
- }
1012
- .text-align-justify {
1013
- text-align: justify;
1014
- }
1015
-
1016
265
  /*# sourceMappingURL=index.css.map */