Last active
July 18, 2018 21:28
-
-
Save shawnbot/66857fbd1eca54e515889138a9c241de to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .m-0 { | |
| margin: 0 !important; } | |
| .mt-0 { | |
| margin-top: 0 !important; } | |
| .mr-0 { | |
| margin-right: 0 !important; } | |
| .mb-0 { | |
| margin-bottom: 0 !important; } | |
| .ml-0 { | |
| margin-left: 0 !important; } | |
| .mx-0 { | |
| margin-left: 0 !important; | |
| margin-right: 0 !important; } | |
| .my-0 { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; } | |
| .m-1 { | |
| margin: 4px !important; } | |
| .mt-1 { | |
| margin-top: 4px !important; } | |
| .mr-1 { | |
| margin-right: 4px !important; } | |
| .mb-1 { | |
| margin-bottom: 4px !important; } | |
| .ml-1 { | |
| margin-left: 4px !important; } | |
| .mx-1 { | |
| margin-left: 4px !important; | |
| margin-right: 4px !important; } | |
| .my-1 { | |
| margin-top: 4px !important; | |
| margin-bottom: 4px !important; } | |
| .m-2 { | |
| margin: 8px !important; } | |
| .mt-2 { | |
| margin-top: 8px !important; } | |
| .mr-2 { | |
| margin-right: 8px !important; } | |
| .mb-2 { | |
| margin-bottom: 8px !important; } | |
| .ml-2 { | |
| margin-left: 8px !important; } | |
| .mx-2 { | |
| margin-left: 8px !important; | |
| margin-right: 8px !important; } | |
| .my-2 { | |
| margin-top: 8px !important; | |
| margin-bottom: 8px !important; } | |
| .m-3 { | |
| margin: 16px !important; } | |
| .mt-3 { | |
| margin-top: 16px !important; } | |
| .mr-3 { | |
| margin-right: 16px !important; } | |
| .mb-3 { | |
| margin-bottom: 16px !important; } | |
| .ml-3 { | |
| margin-left: 16px !important; } | |
| .mx-3 { | |
| margin-left: 16px !important; | |
| margin-right: 16px !important; } | |
| .my-3 { | |
| margin-top: 16px !important; | |
| margin-bottom: 16px !important; } | |
| .m-4 { | |
| margin: 24px !important; } | |
| .mt-4 { | |
| margin-top: 24px !important; } | |
| .mr-4 { | |
| margin-right: 24px !important; } | |
| .mb-4 { | |
| margin-bottom: 24px !important; } | |
| .ml-4 { | |
| margin-left: 24px !important; } | |
| .mx-4 { | |
| margin-left: 24px !important; | |
| margin-right: 24px !important; } | |
| .my-4 { | |
| margin-top: 24px !important; | |
| margin-bottom: 24px !important; } | |
| .m-5 { | |
| margin: 32px !important; } | |
| .mt-5 { | |
| margin-top: 32px !important; } | |
| .mr-5 { | |
| margin-right: 32px !important; } | |
| .mb-5 { | |
| margin-bottom: 32px !important; } | |
| .ml-5 { | |
| margin-left: 32px !important; } | |
| .mx-5 { | |
| margin-left: 32px !important; | |
| margin-right: 32px !important; } | |
| .my-5 { | |
| margin-top: 32px !important; | |
| margin-bottom: 32px !important; } | |
| .m-6 { | |
| margin: 40px !important; } | |
| .mt-6 { | |
| margin-top: 40px !important; } | |
| .mr-6 { | |
| margin-right: 40px !important; } | |
| .mb-6 { | |
| margin-bottom: 40px !important; } | |
| .ml-6 { | |
| margin-left: 40px !important; } | |
| .mx-6 { | |
| margin-left: 40px !important; | |
| margin-right: 40px !important; } | |
| .my-6 { | |
| margin-top: 40px !important; | |
| margin-bottom: 40px !important; } | |
| @media (min-width: 544px) { | |
| .m-sm-0 { | |
| margin: 0 !important; } | |
| .mt-sm-0 { | |
| margin-top: 0 !important; } | |
| .mr-sm-0 { | |
| margin-right: 0 !important; } | |
| .mb-sm-0 { | |
| margin-bottom: 0 !important; } | |
| .ml-sm-0 { | |
| margin-left: 0 !important; } | |
| .mx-sm-0 { | |
| margin-left: 0 !important; | |
| margin-right: 0 !important; } | |
| .my-sm-0 { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; } | |
| .m-sm-1 { | |
| margin: 4px !important; } | |
| .mt-sm-1 { | |
| margin-top: 4px !important; } | |
| .mr-sm-1 { | |
| margin-right: 4px !important; } | |
| .mb-sm-1 { | |
| margin-bottom: 4px !important; } | |
| .ml-sm-1 { | |
| margin-left: 4px !important; } | |
| .mx-sm-1 { | |
| margin-left: 4px !important; | |
| margin-right: 4px !important; } | |
| .my-sm-1 { | |
| margin-top: 4px !important; | |
| margin-bottom: 4px !important; } | |
| .m-sm-2 { | |
| margin: 8px !important; } | |
| .mt-sm-2 { | |
| margin-top: 8px !important; } | |
| .mr-sm-2 { | |
| margin-right: 8px !important; } | |
| .mb-sm-2 { | |
| margin-bottom: 8px !important; } | |
| .ml-sm-2 { | |
| margin-left: 8px !important; } | |
| .mx-sm-2 { | |
| margin-left: 8px !important; | |
| margin-right: 8px !important; } | |
| .my-sm-2 { | |
| margin-top: 8px !important; | |
| margin-bottom: 8px !important; } | |
| .m-sm-3 { | |
| margin: 16px !important; } | |
| .mt-sm-3 { | |
| margin-top: 16px !important; } | |
| .mr-sm-3 { | |
| margin-right: 16px !important; } | |
| .mb-sm-3 { | |
| margin-bottom: 16px !important; } | |
| .ml-sm-3 { | |
| margin-left: 16px !important; } | |
| .mx-sm-3 { | |
| margin-left: 16px !important; | |
| margin-right: 16px !important; } | |
| .my-sm-3 { | |
| margin-top: 16px !important; | |
| margin-bottom: 16px !important; } | |
| .m-sm-4 { | |
| margin: 24px !important; } | |
| .mt-sm-4 { | |
| margin-top: 24px !important; } | |
| .mr-sm-4 { | |
| margin-right: 24px !important; } | |
| .mb-sm-4 { | |
| margin-bottom: 24px !important; } | |
| .ml-sm-4 { | |
| margin-left: 24px !important; } | |
| .mx-sm-4 { | |
| margin-left: 24px !important; | |
| margin-right: 24px !important; } | |
| .my-sm-4 { | |
| margin-top: 24px !important; | |
| margin-bottom: 24px !important; } | |
| .m-sm-5 { | |
| margin: 32px !important; } | |
| .mt-sm-5 { | |
| margin-top: 32px !important; } | |
| .mr-sm-5 { | |
| margin-right: 32px !important; } | |
| .mb-sm-5 { | |
| margin-bottom: 32px !important; } | |
| .ml-sm-5 { | |
| margin-left: 32px !important; } | |
| .mx-sm-5 { | |
| margin-left: 32px !important; | |
| margin-right: 32px !important; } | |
| .my-sm-5 { | |
| margin-top: 32px !important; | |
| margin-bottom: 32px !important; } | |
| .m-sm-6 { | |
| margin: 40px !important; } | |
| .mt-sm-6 { | |
| margin-top: 40px !important; } | |
| .mr-sm-6 { | |
| margin-right: 40px !important; } | |
| .mb-sm-6 { | |
| margin-bottom: 40px !important; } | |
| .ml-sm-6 { | |
| margin-left: 40px !important; } | |
| .mx-sm-6 { | |
| margin-left: 40px !important; | |
| margin-right: 40px !important; } | |
| .my-sm-6 { | |
| margin-top: 40px !important; | |
| margin-bottom: 40px !important; } } | |
| @media (min-width: 768px) { | |
| .m-md-0 { | |
| margin: 0 !important; } | |
| .mt-md-0 { | |
| margin-top: 0 !important; } | |
| .mr-md-0 { | |
| margin-right: 0 !important; } | |
| .mb-md-0 { | |
| margin-bottom: 0 !important; } | |
| .ml-md-0 { | |
| margin-left: 0 !important; } | |
| .mx-md-0 { | |
| margin-left: 0 !important; | |
| margin-right: 0 !important; } | |
| .my-md-0 { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; } | |
| .m-md-1 { | |
| margin: 4px !important; } | |
| .mt-md-1 { | |
| margin-top: 4px !important; } | |
| .mr-md-1 { | |
| margin-right: 4px !important; } | |
| .mb-md-1 { | |
| margin-bottom: 4px !important; } | |
| .ml-md-1 { | |
| margin-left: 4px !important; } | |
| .mx-md-1 { | |
| margin-left: 4px !important; | |
| margin-right: 4px !important; } | |
| .my-md-1 { | |
| margin-top: 4px !important; | |
| margin-bottom: 4px !important; } | |
| .m-md-2 { | |
| margin: 8px !important; } | |
| .mt-md-2 { | |
| margin-top: 8px !important; } | |
| .mr-md-2 { | |
| margin-right: 8px !important; } | |
| .mb-md-2 { | |
| margin-bottom: 8px !important; } | |
| .ml-md-2 { | |
| margin-left: 8px !important; } | |
| .mx-md-2 { | |
| margin-left: 8px !important; | |
| margin-right: 8px !important; } | |
| .my-md-2 { | |
| margin-top: 8px !important; | |
| margin-bottom: 8px !important; } | |
| .m-md-3 { | |
| margin: 16px !important; } | |
| .mt-md-3 { | |
| margin-top: 16px !important; } | |
| .mr-md-3 { | |
| margin-right: 16px !important; } | |
| .mb-md-3 { | |
| margin-bottom: 16px !important; } | |
| .ml-md-3 { | |
| margin-left: 16px !important; } | |
| .mx-md-3 { | |
| margin-left: 16px !important; | |
| margin-right: 16px !important; } | |
| .my-md-3 { | |
| margin-top: 16px !important; | |
| margin-bottom: 16px !important; } | |
| .m-md-4 { | |
| margin: 24px !important; } | |
| .mt-md-4 { | |
| margin-top: 24px !important; } | |
| .mr-md-4 { | |
| margin-right: 24px !important; } | |
| .mb-md-4 { | |
| margin-bottom: 24px !important; } | |
| .ml-md-4 { | |
| margin-left: 24px !important; } | |
| .mx-md-4 { | |
| margin-left: 24px !important; | |
| margin-right: 24px !important; } | |
| .my-md-4 { | |
| margin-top: 24px !important; | |
| margin-bottom: 24px !important; } | |
| .m-md-5 { | |
| margin: 32px !important; } | |
| .mt-md-5 { | |
| margin-top: 32px !important; } | |
| .mr-md-5 { | |
| margin-right: 32px !important; } | |
| .mb-md-5 { | |
| margin-bottom: 32px !important; } | |
| .ml-md-5 { | |
| margin-left: 32px !important; } | |
| .mx-md-5 { | |
| margin-left: 32px !important; | |
| margin-right: 32px !important; } | |
| .my-md-5 { | |
| margin-top: 32px !important; | |
| margin-bottom: 32px !important; } | |
| .m-md-6 { | |
| margin: 40px !important; } | |
| .mt-md-6 { | |
| margin-top: 40px !important; } | |
| .mr-md-6 { | |
| margin-right: 40px !important; } | |
| .mb-md-6 { | |
| margin-bottom: 40px !important; } | |
| .ml-md-6 { | |
| margin-left: 40px !important; } | |
| .mx-md-6 { | |
| margin-left: 40px !important; | |
| margin-right: 40px !important; } | |
| .my-md-6 { | |
| margin-top: 40px !important; | |
| margin-bottom: 40px !important; } } | |
| @media (min-width: 1012px) { | |
| .m-lg-0 { | |
| margin: 0 !important; } | |
| .mt-lg-0 { | |
| margin-top: 0 !important; } | |
| .mr-lg-0 { | |
| margin-right: 0 !important; } | |
| .mb-lg-0 { | |
| margin-bottom: 0 !important; } | |
| .ml-lg-0 { | |
| margin-left: 0 !important; } | |
| .mx-lg-0 { | |
| margin-left: 0 !important; | |
| margin-right: 0 !important; } | |
| .my-lg-0 { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; } | |
| .m-lg-1 { | |
| margin: 4px !important; } | |
| .mt-lg-1 { | |
| margin-top: 4px !important; } | |
| .mr-lg-1 { | |
| margin-right: 4px !important; } | |
| .mb-lg-1 { | |
| margin-bottom: 4px !important; } | |
| .ml-lg-1 { | |
| margin-left: 4px !important; } | |
| .mx-lg-1 { | |
| margin-left: 4px !important; | |
| margin-right: 4px !important; } | |
| .my-lg-1 { | |
| margin-top: 4px !important; | |
| margin-bottom: 4px !important; } | |
| .m-lg-2 { | |
| margin: 8px !important; } | |
| .mt-lg-2 { | |
| margin-top: 8px !important; } | |
| .mr-lg-2 { | |
| margin-right: 8px !important; } | |
| .mb-lg-2 { | |
| margin-bottom: 8px !important; } | |
| .ml-lg-2 { | |
| margin-left: 8px !important; } | |
| .mx-lg-2 { | |
| margin-left: 8px !important; | |
| margin-right: 8px !important; } | |
| .my-lg-2 { | |
| margin-top: 8px !important; | |
| margin-bottom: 8px !important; } | |
| .m-lg-3 { | |
| margin: 16px !important; } | |
| .mt-lg-3 { | |
| margin-top: 16px !important; } | |
| .mr-lg-3 { | |
| margin-right: 16px !important; } | |
| .mb-lg-3 { | |
| margin-bottom: 16px !important; } | |
| .ml-lg-3 { | |
| margin-left: 16px !important; } | |
| .mx-lg-3 { | |
| margin-left: 16px !important; | |
| margin-right: 16px !important; } | |
| .my-lg-3 { | |
| margin-top: 16px !important; | |
| margin-bottom: 16px !important; } | |
| .m-lg-4 { | |
| margin: 24px !important; } | |
| .mt-lg-4 { | |
| margin-top: 24px !important; } | |
| .mr-lg-4 { | |
| margin-right: 24px !important; } | |
| .mb-lg-4 { | |
| margin-bottom: 24px !important; } | |
| .ml-lg-4 { | |
| margin-left: 24px !important; } | |
| .mx-lg-4 { | |
| margin-left: 24px !important; | |
| margin-right: 24px !important; } | |
| .my-lg-4 { | |
| margin-top: 24px !important; | |
| margin-bottom: 24px !important; } | |
| .m-lg-5 { | |
| margin: 32px !important; } | |
| .mt-lg-5 { | |
| margin-top: 32px !important; } | |
| .mr-lg-5 { | |
| margin-right: 32px !important; } | |
| .mb-lg-5 { | |
| margin-bottom: 32px !important; } | |
| .ml-lg-5 { | |
| margin-left: 32px !important; } | |
| .mx-lg-5 { | |
| margin-left: 32px !important; | |
| margin-right: 32px !important; } | |
| .my-lg-5 { | |
| margin-top: 32px !important; | |
| margin-bottom: 32px !important; } | |
| .m-lg-6 { | |
| margin: 40px !important; } | |
| .mt-lg-6 { | |
| margin-top: 40px !important; } | |
| .mr-lg-6 { | |
| margin-right: 40px !important; } | |
| .mb-lg-6 { | |
| margin-bottom: 40px !important; } | |
| .ml-lg-6 { | |
| margin-left: 40px !important; } | |
| .mx-lg-6 { | |
| margin-left: 40px !important; | |
| margin-right: 40px !important; } | |
| .my-lg-6 { | |
| margin-top: 40px !important; | |
| margin-bottom: 40px !important; } } | |
| @media (min-width: 1280px) { | |
| .m-xl-0 { | |
| margin: 0 !important; } | |
| .mt-xl-0 { | |
| margin-top: 0 !important; } | |
| .mr-xl-0 { | |
| margin-right: 0 !important; } | |
| .mb-xl-0 { | |
| margin-bottom: 0 !important; } | |
| .ml-xl-0 { | |
| margin-left: 0 !important; } | |
| .mx-xl-0 { | |
| margin-left: 0 !important; | |
| margin-right: 0 !important; } | |
| .my-xl-0 { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; } | |
| .m-xl-1 { | |
| margin: 4px !important; } | |
| .mt-xl-1 { | |
| margin-top: 4px !important; } | |
| .mr-xl-1 { | |
| margin-right: 4px !important; } | |
| .mb-xl-1 { | |
| margin-bottom: 4px !important; } | |
| .ml-xl-1 { | |
| margin-left: 4px !important; } | |
| .mx-xl-1 { | |
| margin-left: 4px !important; | |
| margin-right: 4px !important; } | |
| .my-xl-1 { | |
| margin-top: 4px !important; | |
| margin-bottom: 4px !important; } | |
| .m-xl-2 { | |
| margin: 8px !important; } | |
| .mt-xl-2 { | |
| margin-top: 8px !important; } | |
| .mr-xl-2 { | |
| margin-right: 8px !important; } | |
| .mb-xl-2 { | |
| margin-bottom: 8px !important; } | |
| .ml-xl-2 { | |
| margin-left: 8px !important; } | |
| .mx-xl-2 { | |
| margin-left: 8px !important; | |
| margin-right: 8px !important; } | |
| .my-xl-2 { | |
| margin-top: 8px !important; | |
| margin-bottom: 8px !important; } | |
| .m-xl-3 { | |
| margin: 16px !important; } | |
| .mt-xl-3 { | |
| margin-top: 16px !important; } | |
| .mr-xl-3 { | |
| margin-right: 16px !important; } | |
| .mb-xl-3 { | |
| margin-bottom: 16px !important; } | |
| .ml-xl-3 { | |
| margin-left: 16px !important; } | |
| .mx-xl-3 { | |
| margin-left: 16px !important; | |
| margin-right: 16px !important; } | |
| .my-xl-3 { | |
| margin-top: 16px !important; | |
| margin-bottom: 16px !important; } | |
| .m-xl-4 { | |
| margin: 24px !important; } | |
| .mt-xl-4 { | |
| margin-top: 24px !important; } | |
| .mr-xl-4 { | |
| margin-right: 24px !important; } | |
| .mb-xl-4 { | |
| margin-bottom: 24px !important; } | |
| .ml-xl-4 { | |
| margin-left: 24px !important; } | |
| .mx-xl-4 { | |
| margin-left: 24px !important; | |
| margin-right: 24px !important; } | |
| .my-xl-4 { | |
| margin-top: 24px !important; | |
| margin-bottom: 24px !important; } | |
| .m-xl-5 { | |
| margin: 32px !important; } | |
| .mt-xl-5 { | |
| margin-top: 32px !important; } | |
| .mr-xl-5 { | |
| margin-right: 32px !important; } | |
| .mb-xl-5 { | |
| margin-bottom: 32px !important; } | |
| .ml-xl-5 { | |
| margin-left: 32px !important; } | |
| .mx-xl-5 { | |
| margin-left: 32px !important; | |
| margin-right: 32px !important; } | |
| .my-xl-5 { | |
| margin-top: 32px !important; | |
| margin-bottom: 32px !important; } | |
| .m-xl-6 { | |
| margin: 40px !important; } | |
| .mt-xl-6 { | |
| margin-top: 40px !important; } | |
| .mr-xl-6 { | |
| margin-right: 40px !important; } | |
| .mb-xl-6 { | |
| margin-bottom: 40px !important; } | |
| .ml-xl-6 { | |
| margin-left: 40px !important; } | |
| .mx-xl-6 { | |
| margin-left: 40px !important; | |
| margin-right: 40px !important; } | |
| .my-xl-6 { | |
| margin-top: 40px !important; | |
| margin-bottom: 40px !important; } } | |
| .p-0 { | |
| padding: 0 !important; } | |
| .pt-0 { | |
| padding-top: 0 !important; } | |
| .pr-0 { | |
| padding-right: 0 !important; } | |
| .pb-0 { | |
| padding-bottom: 0 !important; } | |
| .pl-0 { | |
| padding-left: 0 !important; } | |
| .px-0 { | |
| padding-left: 0 !important; | |
| padding-right: 0 !important; } | |
| .py-0 { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; } | |
| .p-1 { | |
| padding: 4px !important; } | |
| .pt-1 { | |
| padding-top: 4px !important; } | |
| .pr-1 { | |
| padding-right: 4px !important; } | |
| .pb-1 { | |
| padding-bottom: 4px !important; } | |
| .pl-1 { | |
| padding-left: 4px !important; } | |
| .px-1 { | |
| padding-left: 4px !important; | |
| padding-right: 4px !important; } | |
| .py-1 { | |
| padding-top: 4px !important; | |
| padding-bottom: 4px !important; } | |
| .p-2 { | |
| padding: 8px !important; } | |
| .pt-2 { | |
| padding-top: 8px !important; } | |
| .pr-2 { | |
| padding-right: 8px !important; } | |
| .pb-2 { | |
| padding-bottom: 8px !important; } | |
| .pl-2 { | |
| padding-left: 8px !important; } | |
| .px-2 { | |
| padding-left: 8px !important; | |
| padding-right: 8px !important; } | |
| .py-2 { | |
| padding-top: 8px !important; | |
| padding-bottom: 8px !important; } | |
| .p-3 { | |
| padding: 16px !important; } | |
| .pt-3 { | |
| padding-top: 16px !important; } | |
| .pr-3 { | |
| padding-right: 16px !important; } | |
| .pb-3 { | |
| padding-bottom: 16px !important; } | |
| .pl-3 { | |
| padding-left: 16px !important; } | |
| .px-3 { | |
| padding-left: 16px !important; | |
| padding-right: 16px !important; } | |
| .py-3 { | |
| padding-top: 16px !important; | |
| padding-bottom: 16px !important; } | |
| .p-4 { | |
| padding: 24px !important; } | |
| .pt-4 { | |
| padding-top: 24px !important; } | |
| .pr-4 { | |
| padding-right: 24px !important; } | |
| .pb-4 { | |
| padding-bottom: 24px !important; } | |
| .pl-4 { | |
| padding-left: 24px !important; } | |
| .px-4 { | |
| padding-left: 24px !important; | |
| padding-right: 24px !important; } | |
| .py-4 { | |
| padding-top: 24px !important; | |
| padding-bottom: 24px !important; } | |
| .p-5 { | |
| padding: 32px !important; } | |
| .pt-5 { | |
| padding-top: 32px !important; } | |
| .pr-5 { | |
| padding-right: 32px !important; } | |
| .pb-5 { | |
| padding-bottom: 32px !important; } | |
| .pl-5 { | |
| padding-left: 32px !important; } | |
| .px-5 { | |
| padding-left: 32px !important; | |
| padding-right: 32px !important; } | |
| .py-5 { | |
| padding-top: 32px !important; | |
| padding-bottom: 32px !important; } | |
| .p-6 { | |
| padding: 40px !important; } | |
| .pt-6 { | |
| padding-top: 40px !important; } | |
| .pr-6 { | |
| padding-right: 40px !important; } | |
| .pb-6 { | |
| padding-bottom: 40px !important; } | |
| .pl-6 { | |
| padding-left: 40px !important; } | |
| .px-6 { | |
| padding-left: 40px !important; | |
| padding-right: 40px !important; } | |
| .py-6 { | |
| padding-top: 40px !important; | |
| padding-bottom: 40px !important; } | |
| @media (min-width: 544px) { | |
| .p-sm-0 { | |
| padding: 0 !important; } | |
| .pt-sm-0 { | |
| padding-top: 0 !important; } | |
| .pr-sm-0 { | |
| padding-right: 0 !important; } | |
| .pb-sm-0 { | |
| padding-bottom: 0 !important; } | |
| .pl-sm-0 { | |
| padding-left: 0 !important; } | |
| .px-sm-0 { | |
| padding-left: 0 !important; | |
| padding-right: 0 !important; } | |
| .py-sm-0 { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; } | |
| .p-sm-1 { | |
| padding: 4px !important; } | |
| .pt-sm-1 { | |
| padding-top: 4px !important; } | |
| .pr-sm-1 { | |
| padding-right: 4px !important; } | |
| .pb-sm-1 { | |
| padding-bottom: 4px !important; } | |
| .pl-sm-1 { | |
| padding-left: 4px !important; } | |
| .px-sm-1 { | |
| padding-left: 4px !important; | |
| padding-right: 4px !important; } | |
| .py-sm-1 { | |
| padding-top: 4px !important; | |
| padding-bottom: 4px !important; } | |
| .p-sm-2 { | |
| padding: 8px !important; } | |
| .pt-sm-2 { | |
| padding-top: 8px !important; } | |
| .pr-sm-2 { | |
| padding-right: 8px !important; } | |
| .pb-sm-2 { | |
| padding-bottom: 8px !important; } | |
| .pl-sm-2 { | |
| padding-left: 8px !important; } | |
| .px-sm-2 { | |
| padding-left: 8px !important; | |
| padding-right: 8px !important; } | |
| .py-sm-2 { | |
| padding-top: 8px !important; | |
| padding-bottom: 8px !important; } | |
| .p-sm-3 { | |
| padding: 16px !important; } | |
| .pt-sm-3 { | |
| padding-top: 16px !important; } | |
| .pr-sm-3 { | |
| padding-right: 16px !important; } | |
| .pb-sm-3 { | |
| padding-bottom: 16px !important; } | |
| .pl-sm-3 { | |
| padding-left: 16px !important; } | |
| .px-sm-3 { | |
| padding-left: 16px !important; | |
| padding-right: 16px !important; } | |
| .py-sm-3 { | |
| padding-top: 16px !important; | |
| padding-bottom: 16px !important; } | |
| .p-sm-4 { | |
| padding: 24px !important; } | |
| .pt-sm-4 { | |
| padding-top: 24px !important; } | |
| .pr-sm-4 { | |
| padding-right: 24px !important; } | |
| .pb-sm-4 { | |
| padding-bottom: 24px !important; } | |
| .pl-sm-4 { | |
| padding-left: 24px !important; } | |
| .px-sm-4 { | |
| padding-left: 24px !important; | |
| padding-right: 24px !important; } | |
| .py-sm-4 { | |
| padding-top: 24px !important; | |
| padding-bottom: 24px !important; } | |
| .p-sm-5 { | |
| padding: 32px !important; } | |
| .pt-sm-5 { | |
| padding-top: 32px !important; } | |
| .pr-sm-5 { | |
| padding-right: 32px !important; } | |
| .pb-sm-5 { | |
| padding-bottom: 32px !important; } | |
| .pl-sm-5 { | |
| padding-left: 32px !important; } | |
| .px-sm-5 { | |
| padding-left: 32px !important; | |
| padding-right: 32px !important; } | |
| .py-sm-5 { | |
| padding-top: 32px !important; | |
| padding-bottom: 32px !important; } | |
| .p-sm-6 { | |
| padding: 40px !important; } | |
| .pt-sm-6 { | |
| padding-top: 40px !important; } | |
| .pr-sm-6 { | |
| padding-right: 40px !important; } | |
| .pb-sm-6 { | |
| padding-bottom: 40px !important; } | |
| .pl-sm-6 { | |
| padding-left: 40px !important; } | |
| .px-sm-6 { | |
| padding-left: 40px !important; | |
| padding-right: 40px !important; } | |
| .py-sm-6 { | |
| padding-top: 40px !important; | |
| padding-bottom: 40px !important; } } | |
| @media (min-width: 768px) { | |
| .p-md-0 { | |
| padding: 0 !important; } | |
| .pt-md-0 { | |
| padding-top: 0 !important; } | |
| .pr-md-0 { | |
| padding-right: 0 !important; } | |
| .pb-md-0 { | |
| padding-bottom: 0 !important; } | |
| .pl-md-0 { | |
| padding-left: 0 !important; } | |
| .px-md-0 { | |
| padding-left: 0 !important; | |
| padding-right: 0 !important; } | |
| .py-md-0 { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; } | |
| .p-md-1 { | |
| padding: 4px !important; } | |
| .pt-md-1 { | |
| padding-top: 4px !important; } | |
| .pr-md-1 { | |
| padding-right: 4px !important; } | |
| .pb-md-1 { | |
| padding-bottom: 4px !important; } | |
| .pl-md-1 { | |
| padding-left: 4px !important; } | |
| .px-md-1 { | |
| padding-left: 4px !important; | |
| padding-right: 4px !important; } | |
| .py-md-1 { | |
| padding-top: 4px !important; | |
| padding-bottom: 4px !important; } | |
| .p-md-2 { | |
| padding: 8px !important; } | |
| .pt-md-2 { | |
| padding-top: 8px !important; } | |
| .pr-md-2 { | |
| padding-right: 8px !important; } | |
| .pb-md-2 { | |
| padding-bottom: 8px !important; } | |
| .pl-md-2 { | |
| padding-left: 8px !important; } | |
| .px-md-2 { | |
| padding-left: 8px !important; | |
| padding-right: 8px !important; } | |
| .py-md-2 { | |
| padding-top: 8px !important; | |
| padding-bottom: 8px !important; } | |
| .p-md-3 { | |
| padding: 16px !important; } | |
| .pt-md-3 { | |
| padding-top: 16px !important; } | |
| .pr-md-3 { | |
| padding-right: 16px !important; } | |
| .pb-md-3 { | |
| padding-bottom: 16px !important; } | |
| .pl-md-3 { | |
| padding-left: 16px !important; } | |
| .px-md-3 { | |
| padding-left: 16px !important; | |
| padding-right: 16px !important; } | |
| .py-md-3 { | |
| padding-top: 16px !important; | |
| padding-bottom: 16px !important; } | |
| .p-md-4 { | |
| padding: 24px !important; } | |
| .pt-md-4 { | |
| padding-top: 24px !important; } | |
| .pr-md-4 { | |
| padding-right: 24px !important; } | |
| .pb-md-4 { | |
| padding-bottom: 24px !important; } | |
| .pl-md-4 { | |
| padding-left: 24px !important; } | |
| .px-md-4 { | |
| padding-left: 24px !important; | |
| padding-right: 24px !important; } | |
| .py-md-4 { | |
| padding-top: 24px !important; | |
| padding-bottom: 24px !important; } | |
| .p-md-5 { | |
| padding: 32px !important; } | |
| .pt-md-5 { | |
| padding-top: 32px !important; } | |
| .pr-md-5 { | |
| padding-right: 32px !important; } | |
| .pb-md-5 { | |
| padding-bottom: 32px !important; } | |
| .pl-md-5 { | |
| padding-left: 32px !important; } | |
| .px-md-5 { | |
| padding-left: 32px !important; | |
| padding-right: 32px !important; } | |
| .py-md-5 { | |
| padding-top: 32px !important; | |
| padding-bottom: 32px !important; } | |
| .p-md-6 { | |
| padding: 40px !important; } | |
| .pt-md-6 { | |
| padding-top: 40px !important; } | |
| .pr-md-6 { | |
| padding-right: 40px !important; } | |
| .pb-md-6 { | |
| padding-bottom: 40px !important; } | |
| .pl-md-6 { | |
| padding-left: 40px !important; } | |
| .px-md-6 { | |
| padding-left: 40px !important; | |
| padding-right: 40px !important; } | |
| .py-md-6 { | |
| padding-top: 40px !important; | |
| padding-bottom: 40px !important; } } | |
| @media (min-width: 1012px) { | |
| .p-lg-0 { | |
| padding: 0 !important; } | |
| .pt-lg-0 { | |
| padding-top: 0 !important; } | |
| .pr-lg-0 { | |
| padding-right: 0 !important; } | |
| .pb-lg-0 { | |
| padding-bottom: 0 !important; } | |
| .pl-lg-0 { | |
| padding-left: 0 !important; } | |
| .px-lg-0 { | |
| padding-left: 0 !important; | |
| padding-right: 0 !important; } | |
| .py-lg-0 { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; } | |
| .p-lg-1 { | |
| padding: 4px !important; } | |
| .pt-lg-1 { | |
| padding-top: 4px !important; } | |
| .pr-lg-1 { | |
| padding-right: 4px !important; } | |
| .pb-lg-1 { | |
| padding-bottom: 4px !important; } | |
| .pl-lg-1 { | |
| padding-left: 4px !important; } | |
| .px-lg-1 { | |
| padding-left: 4px !important; | |
| padding-right: 4px !important; } | |
| .py-lg-1 { | |
| padding-top: 4px !important; | |
| padding-bottom: 4px !important; } | |
| .p-lg-2 { | |
| padding: 8px !important; } | |
| .pt-lg-2 { | |
| padding-top: 8px !important; } | |
| .pr-lg-2 { | |
| padding-right: 8px !important; } | |
| .pb-lg-2 { | |
| padding-bottom: 8px !important; } | |
| .pl-lg-2 { | |
| padding-left: 8px !important; } | |
| .px-lg-2 { | |
| padding-left: 8px !important; | |
| padding-right: 8px !important; } | |
| .py-lg-2 { | |
| padding-top: 8px !important; | |
| padding-bottom: 8px !important; } | |
| .p-lg-3 { | |
| padding: 16px !important; } | |
| .pt-lg-3 { | |
| padding-top: 16px !important; } | |
| .pr-lg-3 { | |
| padding-right: 16px !important; } | |
| .pb-lg-3 { | |
| padding-bottom: 16px !important; } | |
| .pl-lg-3 { | |
| padding-left: 16px !important; } | |
| .px-lg-3 { | |
| padding-left: 16px !important; | |
| padding-right: 16px !important; } | |
| .py-lg-3 { | |
| padding-top: 16px !important; | |
| padding-bottom: 16px !important; } | |
| .p-lg-4 { | |
| padding: 24px !important; } | |
| .pt-lg-4 { | |
| padding-top: 24px !important; } | |
| .pr-lg-4 { | |
| padding-right: 24px !important; } | |
| .pb-lg-4 { | |
| padding-bottom: 24px !important; } | |
| .pl-lg-4 { | |
| padding-left: 24px !important; } | |
| .px-lg-4 { | |
| padding-left: 24px !important; | |
| padding-right: 24px !important; } | |
| .py-lg-4 { | |
| padding-top: 24px !important; | |
| padding-bottom: 24px !important; } | |
| .p-lg-5 { | |
| padding: 32px !important; } | |
| .pt-lg-5 { | |
| padding-top: 32px !important; } | |
| .pr-lg-5 { | |
| padding-right: 32px !important; } | |
| .pb-lg-5 { | |
| padding-bottom: 32px !important; } | |
| .pl-lg-5 { | |
| padding-left: 32px !important; } | |
| .px-lg-5 { | |
| padding-left: 32px !important; | |
| padding-right: 32px !important; } | |
| .py-lg-5 { | |
| padding-top: 32px !important; | |
| padding-bottom: 32px !important; } | |
| .p-lg-6 { | |
| padding: 40px !important; } | |
| .pt-lg-6 { | |
| padding-top: 40px !important; } | |
| .pr-lg-6 { | |
| padding-right: 40px !important; } | |
| .pb-lg-6 { | |
| padding-bottom: 40px !important; } | |
| .pl-lg-6 { | |
| padding-left: 40px !important; } | |
| .px-lg-6 { | |
| padding-left: 40px !important; | |
| padding-right: 40px !important; } | |
| .py-lg-6 { | |
| padding-top: 40px !important; | |
| padding-bottom: 40px !important; } } | |
| @media (min-width: 1280px) { | |
| .p-xl-0 { | |
| padding: 0 !important; } | |
| .pt-xl-0 { | |
| padding-top: 0 !important; } | |
| .pr-xl-0 { | |
| padding-right: 0 !important; } | |
| .pb-xl-0 { | |
| padding-bottom: 0 !important; } | |
| .pl-xl-0 { | |
| padding-left: 0 !important; } | |
| .px-xl-0 { | |
| padding-left: 0 !important; | |
| padding-right: 0 !important; } | |
| .py-xl-0 { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; } | |
| .p-xl-1 { | |
| padding: 4px !important; } | |
| .pt-xl-1 { | |
| padding-top: 4px !important; } | |
| .pr-xl-1 { | |
| padding-right: 4px !important; } | |
| .pb-xl-1 { | |
| padding-bottom: 4px !important; } | |
| .pl-xl-1 { | |
| padding-left: 4px !important; } | |
| .px-xl-1 { | |
| padding-left: 4px !important; | |
| padding-right: 4px !important; } | |
| .py-xl-1 { | |
| padding-top: 4px !important; | |
| padding-bottom: 4px !important; } | |
| .p-xl-2 { | |
| padding: 8px !important; } | |
| .pt-xl-2 { | |
| padding-top: 8px !important; } | |
| .pr-xl-2 { | |
| padding-right: 8px !important; } | |
| .pb-xl-2 { | |
| padding-bottom: 8px !important; } | |
| .pl-xl-2 { | |
| padding-left: 8px !important; } | |
| .px-xl-2 { | |
| padding-left: 8px !important; | |
| padding-right: 8px !important; } | |
| .py-xl-2 { | |
| padding-top: 8px !important; | |
| padding-bottom: 8px !important; } | |
| .p-xl-3 { | |
| padding: 16px !important; } | |
| .pt-xl-3 { | |
| padding-top: 16px !important; } | |
| .pr-xl-3 { | |
| padding-right: 16px !important; } | |
| .pb-xl-3 { | |
| padding-bottom: 16px !important; } | |
| .pl-xl-3 { | |
| padding-left: 16px !important; } | |
| .px-xl-3 { | |
| padding-left: 16px !important; | |
| padding-right: 16px !important; } | |
| .py-xl-3 { | |
| padding-top: 16px !important; | |
| padding-bottom: 16px !important; } | |
| .p-xl-4 { | |
| padding: 24px !important; } | |
| .pt-xl-4 { | |
| padding-top: 24px !important; } | |
| .pr-xl-4 { | |
| padding-right: 24px !important; } | |
| .pb-xl-4 { | |
| padding-bottom: 24px !important; } | |
| .pl-xl-4 { | |
| padding-left: 24px !important; } | |
| .px-xl-4 { | |
| padding-left: 24px !important; | |
| padding-right: 24px !important; } | |
| .py-xl-4 { | |
| padding-top: 24px !important; | |
| padding-bottom: 24px !important; } | |
| .p-xl-5 { | |
| padding: 32px !important; } | |
| .pt-xl-5 { | |
| padding-top: 32px !important; } | |
| .pr-xl-5 { | |
| padding-right: 32px !important; } | |
| .pb-xl-5 { | |
| padding-bottom: 32px !important; } | |
| .pl-xl-5 { | |
| padding-left: 32px !important; } | |
| .px-xl-5 { | |
| padding-left: 32px !important; | |
| padding-right: 32px !important; } | |
| .py-xl-5 { | |
| padding-top: 32px !important; | |
| padding-bottom: 32px !important; } | |
| .p-xl-6 { | |
| padding: 40px !important; } | |
| .pt-xl-6 { | |
| padding-top: 40px !important; } | |
| .pr-xl-6 { | |
| padding-right: 40px !important; } | |
| .pb-xl-6 { | |
| padding-bottom: 40px !important; } | |
| .pl-xl-6 { | |
| padding-left: 40px !important; } | |
| .px-xl-6 { | |
| padding-left: 40px !important; | |
| padding-right: 40px !important; } | |
| .py-xl-6 { | |
| padding-top: 40px !important; | |
| padding-bottom: 40px !important; } } | |
| .border { | |
| border: 1px #e1e4e8 solid; } | |
| .b-0 { | |
| border: 0 !important; } | |
| .bt-0 { | |
| border-top-width: 0 !important; } | |
| .br-0 { | |
| border-right-width: 0 !important; } | |
| .bb-0 { | |
| border-bottom-width: 0 !important; } | |
| .bl-0 { | |
| border-left-width: 0 !important; } | |
| .bx-0 { | |
| border-left-width: 0 !important; | |
| border-right-width: 0 !important; } | |
| .by-0 { | |
| border-top-width: 0 !important; | |
| border-bottom-width: 0 !important; } | |
| .b-1 { | |
| border: 1px !important; } | |
| .bt-1 { | |
| border-top-width: 1px !important; } | |
| .br-1 { | |
| border-right-width: 1px !important; } | |
| .bb-1 { | |
| border-bottom-width: 1px !important; } | |
| .bl-1 { | |
| border-left-width: 1px !important; } | |
| .bx-1 { | |
| border-left-width: 1px !important; | |
| border-right-width: 1px !important; } | |
| .by-1 { | |
| border-top-width: 1px !important; | |
| border-bottom-width: 1px !important; } | |
| .b-2 { | |
| border: 2px !important; } | |
| .bt-2 { | |
| border-top-width: 2px !important; } | |
| .br-2 { | |
| border-right-width: 2px !important; } | |
| .bb-2 { | |
| border-bottom-width: 2px !important; } | |
| .bl-2 { | |
| border-left-width: 2px !important; } | |
| .bx-2 { | |
| border-left-width: 2px !important; | |
| border-right-width: 2px !important; } | |
| .by-2 { | |
| border-top-width: 2px !important; | |
| border-bottom-width: 2px !important; } | |
| @media (min-width: 544px) { | |
| .b-sm-0 { | |
| border: 0 !important; } | |
| .bt-sm-0 { | |
| border-top-width: 0 !important; } | |
| .br-sm-0 { | |
| border-right-width: 0 !important; } | |
| .bb-sm-0 { | |
| border-bottom-width: 0 !important; } | |
| .bl-sm-0 { | |
| border-left-width: 0 !important; } | |
| .bx-sm-0 { | |
| border-left-width: 0 !important; | |
| border-right-width: 0 !important; } | |
| .by-sm-0 { | |
| border-top-width: 0 !important; | |
| border-bottom-width: 0 !important; } | |
| .b-sm-1 { | |
| border: 1px !important; } | |
| .bt-sm-1 { | |
| border-top-width: 1px !important; } | |
| .br-sm-1 { | |
| border-right-width: 1px !important; } | |
| .bb-sm-1 { | |
| border-bottom-width: 1px !important; } | |
| .bl-sm-1 { | |
| border-left-width: 1px !important; } | |
| .bx-sm-1 { | |
| border-left-width: 1px !important; | |
| border-right-width: 1px !important; } | |
| .by-sm-1 { | |
| border-top-width: 1px !important; | |
| border-bottom-width: 1px !important; } | |
| .b-sm-2 { | |
| border: 2px !important; } | |
| .bt-sm-2 { | |
| border-top-width: 2px !important; } | |
| .br-sm-2 { | |
| border-right-width: 2px !important; } | |
| .bb-sm-2 { | |
| border-bottom-width: 2px !important; } | |
| .bl-sm-2 { | |
| border-left-width: 2px !important; } | |
| .bx-sm-2 { | |
| border-left-width: 2px !important; | |
| border-right-width: 2px !important; } | |
| .by-sm-2 { | |
| border-top-width: 2px !important; | |
| border-bottom-width: 2px !important; } } | |
| @media (min-width: 768px) { | |
| .b-md-0 { | |
| border: 0 !important; } | |
| .bt-md-0 { | |
| border-top-width: 0 !important; } | |
| .br-md-0 { | |
| border-right-width: 0 !important; } | |
| .bb-md-0 { | |
| border-bottom-width: 0 !important; } | |
| .bl-md-0 { | |
| border-left-width: 0 !important; } | |
| .bx-md-0 { | |
| border-left-width: 0 !important; | |
| border-right-width: 0 !important; } | |
| .by-md-0 { | |
| border-top-width: 0 !important; | |
| border-bottom-width: 0 !important; } | |
| .b-md-1 { | |
| border: 1px !important; } | |
| .bt-md-1 { | |
| border-top-width: 1px !important; } | |
| .br-md-1 { | |
| border-right-width: 1px !important; } | |
| .bb-md-1 { | |
| border-bottom-width: 1px !important; } | |
| .bl-md-1 { | |
| border-left-width: 1px !important; } | |
| .bx-md-1 { | |
| border-left-width: 1px !important; | |
| border-right-width: 1px !important; } | |
| .by-md-1 { | |
| border-top-width: 1px !important; | |
| border-bottom-width: 1px !important; } | |
| .b-md-2 { | |
| border: 2px !important; } | |
| .bt-md-2 { | |
| border-top-width: 2px !important; } | |
| .br-md-2 { | |
| border-right-width: 2px !important; } | |
| .bb-md-2 { | |
| border-bottom-width: 2px !important; } | |
| .bl-md-2 { | |
| border-left-width: 2px !important; } | |
| .bx-md-2 { | |
| border-left-width: 2px !important; | |
| border-right-width: 2px !important; } | |
| .by-md-2 { | |
| border-top-width: 2px !important; | |
| border-bottom-width: 2px !important; } } | |
| @media (min-width: 1012px) { | |
| .b-lg-0 { | |
| border: 0 !important; } | |
| .bt-lg-0 { | |
| border-top-width: 0 !important; } | |
| .br-lg-0 { | |
| border-right-width: 0 !important; } | |
| .bb-lg-0 { | |
| border-bottom-width: 0 !important; } | |
| .bl-lg-0 { | |
| border-left-width: 0 !important; } | |
| .bx-lg-0 { | |
| border-left-width: 0 !important; | |
| border-right-width: 0 !important; } | |
| .by-lg-0 { | |
| border-top-width: 0 !important; | |
| border-bottom-width: 0 !important; } | |
| .b-lg-1 { | |
| border: 1px !important; } | |
| .bt-lg-1 { | |
| border-top-width: 1px !important; } | |
| .br-lg-1 { | |
| border-right-width: 1px !important; } | |
| .bb-lg-1 { | |
| border-bottom-width: 1px !important; } | |
| .bl-lg-1 { | |
| border-left-width: 1px !important; } | |
| .bx-lg-1 { | |
| border-left-width: 1px !important; | |
| border-right-width: 1px !important; } | |
| .by-lg-1 { | |
| border-top-width: 1px !important; | |
| border-bottom-width: 1px !important; } | |
| .b-lg-2 { | |
| border: 2px !important; } | |
| .bt-lg-2 { | |
| border-top-width: 2px !important; } | |
| .br-lg-2 { | |
| border-right-width: 2px !important; } | |
| .bb-lg-2 { | |
| border-bottom-width: 2px !important; } | |
| .bl-lg-2 { | |
| border-left-width: 2px !important; } | |
| .bx-lg-2 { | |
| border-left-width: 2px !important; | |
| border-right-width: 2px !important; } | |
| .by-lg-2 { | |
| border-top-width: 2px !important; | |
| border-bottom-width: 2px !important; } } | |
| @media (min-width: 1280px) { | |
| .b-xl-0 { | |
| border: 0 !important; } | |
| .bt-xl-0 { | |
| border-top-width: 0 !important; } | |
| .br-xl-0 { | |
| border-right-width: 0 !important; } | |
| .bb-xl-0 { | |
| border-bottom-width: 0 !important; } | |
| .bl-xl-0 { | |
| border-left-width: 0 !important; } | |
| .bx-xl-0 { | |
| border-left-width: 0 !important; | |
| border-right-width: 0 !important; } | |
| .by-xl-0 { | |
| border-top-width: 0 !important; | |
| border-bottom-width: 0 !important; } | |
| .b-xl-1 { | |
| border: 1px !important; } | |
| .bt-xl-1 { | |
| border-top-width: 1px !important; } | |
| .br-xl-1 { | |
| border-right-width: 1px !important; } | |
| .bb-xl-1 { | |
| border-bottom-width: 1px !important; } | |
| .bl-xl-1 { | |
| border-left-width: 1px !important; } | |
| .bx-xl-1 { | |
| border-left-width: 1px !important; | |
| border-right-width: 1px !important; } | |
| .by-xl-1 { | |
| border-top-width: 1px !important; | |
| border-bottom-width: 1px !important; } | |
| .b-xl-2 { | |
| border: 2px !important; } | |
| .bt-xl-2 { | |
| border-top-width: 2px !important; } | |
| .br-xl-2 { | |
| border-right-width: 2px !important; } | |
| .bb-xl-2 { | |
| border-bottom-width: 2px !important; } | |
| .bl-xl-2 { | |
| border-left-width: 2px !important; } | |
| .bx-xl-2 { | |
| border-left-width: 2px !important; | |
| border-right-width: 2px !important; } | |
| .by-xl-2 { | |
| border-top-width: 2px !important; | |
| border-bottom-width: 2px !important; } } | |
| .r-0 { | |
| border-radius: 0 !important; } | |
| .rt-0 { | |
| border-radius-top-left: 0 !important; | |
| border-radius-top-right: 0 !important; } | |
| .rr-0 { | |
| border-radius-top-right: 0 !important; | |
| border-radius-bottom-right: 0 !important; } | |
| .rb-0 { | |
| border-radius-bottom-left: 0 !important; | |
| border-radius-bottom-right: 0 !important; } | |
| .rl-0 { | |
| border-radius-bottom-left: 0 !important; | |
| border-radius-top-left: 0 !important; } | |
| .r-1 { | |
| border-radius: 3px !important; } | |
| .rt-1 { | |
| border-radius-top-left: 3px !important; | |
| border-radius-top-right: 3px !important; } | |
| .rr-1 { | |
| border-radius-top-right: 3px !important; | |
| border-radius-bottom-right: 3px !important; } | |
| .rb-1 { | |
| border-radius-bottom-left: 3px !important; | |
| border-radius-bottom-right: 3px !important; } | |
| .rl-1 { | |
| border-radius-bottom-left: 3px !important; | |
| border-radius-top-left: 3px !important; } | |
| .r-2 { | |
| border-radius: 6px !important; } | |
| .rt-2 { | |
| border-radius-top-left: 6px !important; | |
| border-radius-top-right: 6px !important; } | |
| .rr-2 { | |
| border-radius-top-right: 6px !important; | |
| border-radius-bottom-right: 6px !important; } | |
| .rb-2 { | |
| border-radius-bottom-left: 6px !important; | |
| border-radius-bottom-right: 6px !important; } | |
| .rl-2 { | |
| border-radius-bottom-left: 6px !important; | |
| border-radius-top-left: 6px !important; } | |
| @media (min-width: 544px) { | |
| .r-sm-0 { | |
| border-radius: 0 !important; } | |
| .rt-sm-0 { | |
| border-radius-top-left: 0 !important; | |
| border-radius-top-right: 0 !important; } | |
| .rr-sm-0 { | |
| border-radius-top-right: 0 !important; | |
| border-radius-bottom-right: 0 !important; } | |
| .rb-sm-0 { | |
| border-radius-bottom-left: 0 !important; | |
| border-radius-bottom-right: 0 !important; } | |
| .rl-sm-0 { | |
| border-radius-bottom-left: 0 !important; | |
| border-radius-top-left: 0 !important; } | |
| .r-sm-1 { | |
| border-radius: 3px !important; } | |
| .rt-sm-1 { | |
| border-radius-top-left: 3px !important; | |
| border-radius-top-right: 3px !important; } | |
| .rr-sm-1 { | |
| border-radius-top-right: 3px !important; | |
| border-radius-bottom-right: 3px !important; } | |
| .rb-sm-1 { | |
| border-radius-bottom-left: 3px !important; | |
| border-radius-bottom-right: 3px !important; } | |
| .rl-sm-1 { | |
| border-radius-bottom-left: 3px !important; | |
| border-radius-top-left: 3px !important; } | |
| .r-sm-2 { | |
| border-radius: 6px !important; } | |
| .rt-sm-2 { | |
| border-radius-top-left: 6px !important; | |
| border-radius-top-right: 6px !important; } | |
| .rr-sm-2 { | |
| border-radius-top-right: 6px !important; | |
| border-radius-bottom-right: 6px !important; } | |
| .rb-sm-2 { | |
| border-radius-bottom-left: 6px !important; | |
| border-radius-bottom-right: 6px !important; } | |
| .rl-sm-2 { | |
| border-radius-bottom-left: 6px !important; | |
| border-radius-top-left: 6px !important; } } | |
| @media (min-width: 768px) { | |
| .r-md-0 { | |
| border-radius: 0 !important; } | |
| .rt-md-0 { | |
| border-radius-top-left: 0 !important; | |
| border-radius-top-right: 0 !important; } | |
| .rr-md-0 { | |
| border-radius-top-right: 0 !important; | |
| border-radius-bottom-right: 0 !important; } | |
| .rb-md-0 { | |
| border-radius-bottom-left: 0 !important; | |
| border-radius-bottom-right: 0 !important; } | |
| .rl-md-0 { | |
| border-radius-bottom-left: 0 !important; | |
| border-radius-top-left: 0 !important; } | |
| .r-md-1 { | |
| border-radius: 3px !important; } | |
| .rt-md-1 { | |
| border-radius-top-left: 3px !important; | |
| border-radius-top-right: 3px !important; } | |
| .rr-md-1 { | |
| border-radius-top-right: 3px !important; | |
| border-radius-bottom-right: 3px !important; } | |
| .rb-md-1 { | |
| border-radius-bottom-left: 3px !important; | |
| border-radius-bottom-right: 3px !important; } | |
| .rl-md-1 { | |
| border-radius-bottom-left: 3px !important; | |
| border-radius-top-left: 3px !important; } | |
| .r-md-2 { | |
| border-radius: 6px !important; } | |
| .rt-md-2 { | |
| border-radius-top-left: 6px !important; | |
| border-radius-top-right: 6px !important; } | |
| .rr-md-2 { | |
| border-radius-top-right: 6px !important; | |
| border-radius-bottom-right: 6px !important; } | |
| .rb-md-2 { | |
| border-radius-bottom-left: 6px !important; | |
| border-radius-bottom-right: 6px !important; } | |
| .rl-md-2 { | |
| border-radius-bottom-left: 6px !important; | |
| border-radius-top-left: 6px !important; } } | |
| @media (min-width: 1012px) { | |
| .r-lg-0 { | |
| border-radius: 0 !important; } | |
| .rt-lg-0 { | |
| border-radius-top-left: 0 !important; | |
| border-radius-top-right: 0 !important; } | |
| .rr-lg-0 { | |
| border-radius-top-right: 0 !important; | |
| border-radius-bottom-right: 0 !important; } | |
| .rb-lg-0 { | |
| border-radius-bottom-left: 0 !important; | |
| border-radius-bottom-right: 0 !important; } | |
| .rl-lg-0 { | |
| border-radius-bottom-left: 0 !important; | |
| border-radius-top-left: 0 !important; } | |
| .r-lg-1 { | |
| border-radius: 3px !important; } | |
| .rt-lg-1 { | |
| border-radius-top-left: 3px !important; | |
| border-radius-top-right: 3px !important; } | |
| .rr-lg-1 { | |
| border-radius-top-right: 3px !important; | |
| border-radius-bottom-right: 3px !important; } | |
| .rb-lg-1 { | |
| border-radius-bottom-left: 3px !important; | |
| border-radius-bottom-right: 3px !important; } | |
| .rl-lg-1 { | |
| border-radius-bottom-left: 3px !important; | |
| border-radius-top-left: 3px !important; } | |
| .r-lg-2 { | |
| border-radius: 6px !important; } | |
| .rt-lg-2 { | |
| border-radius-top-left: 6px !important; | |
| border-radius-top-right: 6px !important; } | |
| .rr-lg-2 { | |
| border-radius-top-right: 6px !important; | |
| border-radius-bottom-right: 6px !important; } | |
| .rb-lg-2 { | |
| border-radius-bottom-left: 6px !important; | |
| border-radius-bottom-right: 6px !important; } | |
| .rl-lg-2 { | |
| border-radius-bottom-left: 6px !important; | |
| border-radius-top-left: 6px !important; } } | |
| @media (min-width: 1280px) { | |
| .r-xl-0 { | |
| border-radius: 0 !important; } | |
| .rt-xl-0 { | |
| border-radius-top-left: 0 !important; | |
| border-radius-top-right: 0 !important; } | |
| .rr-xl-0 { | |
| border-radius-top-right: 0 !important; | |
| border-radius-bottom-right: 0 !important; } | |
| .rb-xl-0 { | |
| border-radius-bottom-left: 0 !important; | |
| border-radius-bottom-right: 0 !important; } | |
| .rl-xl-0 { | |
| border-radius-bottom-left: 0 !important; | |
| border-radius-top-left: 0 !important; } | |
| .r-xl-1 { | |
| border-radius: 3px !important; } | |
| .rt-xl-1 { | |
| border-radius-top-left: 3px !important; | |
| border-radius-top-right: 3px !important; } | |
| .rr-xl-1 { | |
| border-radius-top-right: 3px !important; | |
| border-radius-bottom-right: 3px !important; } | |
| .rb-xl-1 { | |
| border-radius-bottom-left: 3px !important; | |
| border-radius-bottom-right: 3px !important; } | |
| .rl-xl-1 { | |
| border-radius-bottom-left: 3px !important; | |
| border-radius-top-left: 3px !important; } | |
| .r-xl-2 { | |
| border-radius: 6px !important; } | |
| .rt-xl-2 { | |
| border-radius-top-left: 6px !important; | |
| border-radius-top-right: 6px !important; } | |
| .rr-xl-2 { | |
| border-radius-top-right: 6px !important; | |
| border-radius-bottom-right: 6px !important; } | |
| .rb-xl-2 { | |
| border-radius-bottom-left: 6px !important; | |
| border-radius-bottom-right: 6px !important; } | |
| .rl-xl-2 { | |
| border-radius-bottom-left: 6px !important; | |
| border-radius-top-left: 6px !important; } } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import "primer-support/index.scss"; | |
| $direction-shorthands: ( | |
| "": true, | |
| t: (top,), | |
| r: (right,), | |
| b: (bottom,), | |
| l: (left,), | |
| x: (left, right), | |
| y: (top, bottom) | |
| ); | |
| @function list-to-map($values) { | |
| $result: (); | |
| @for $i from 1 through length($values) { | |
| $result: map-merge($result, (#{$i - 1}: nth($values, $i))); | |
| } | |
| @return $result; | |
| } | |
| @mixin systemProp($key, $property, $values, $directions: $direction-shorthands) { | |
| @if type-of($values) == "list" { | |
| $values: list-to-map($values); | |
| } | |
| @each $breakpoint, $variant in $responsive-variants { | |
| @include breakpoint($breakpoint) { | |
| @each $suffix, $value in $values { | |
| @each $prefix, $dirs in $directions { | |
| .#{$key}#{$prefix}#{$variant}-#{$suffix} { | |
| @if $dirs == true { | |
| #{$property}: $value !important; | |
| } | |
| @else { | |
| @each $dir in $dirs { | |
| #{$property}-#{$dir}: $value !important; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| @include systemProp("m", "margin", $spacers); | |
| @include systemProp("p", "padding", $spacers); | |
| .b { border: $border; } | |
| @include systemProp("b", "border", (0, $border-width, $border-width * 2), ( | |
| t: (top-width,), | |
| r: (right-width,), | |
| b: (bottom-width,), | |
| l: (left-width,), | |
| x: (left-width, right-width), | |
| y: (top-width, bottom-width) | |
| )); | |
| @include systemProp("r", "border-radius", (0, $border-radius, $border-radius * 2), ( | |
| "": false, | |
| t: (top-left, top-right), | |
| r: (top-right, bottom-right), | |
| b: (bottom-left, bottom-right), | |
| l: (bottom-left, top-left) | |
| )); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment