-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
- Loading branch information
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,233 @@ | ||
| /* src/assets/utils.css */ | ||
|
|
||
| /* Padding Utilities */ | ||
| .p-1 { | ||
| padding: 4px !important; | ||
| } | ||
| .p-2 { | ||
| padding: 8px !important; | ||
| } | ||
| .p-3 { | ||
| padding: 16px !important; | ||
| } | ||
| .p-4 { | ||
| padding: 24px !important; | ||
| } | ||
| .p-5 { | ||
| padding: 32px !important; | ||
| } | ||
|
|
||
| .p-t-1 { | ||
| padding-top: 4px !important; | ||
| } | ||
| .p-t-2 { | ||
| padding-top: 8px !important; | ||
| } | ||
| .p-t-3 { | ||
| padding-top: 16px !important; | ||
| } | ||
| .p-t-4 { | ||
| padding-top: 24px !important; | ||
| } | ||
| .p-t-5 { | ||
| padding-top: 32px !important; | ||
| } | ||
|
|
||
| .p-r-1 { | ||
| padding-right: 4px !important; | ||
| } | ||
| .p-r-2 { | ||
| padding-right: 8px !important; | ||
| } | ||
| .p-r-3 { | ||
| padding-right: 16px !important; | ||
| } | ||
| .p-r-4 { | ||
| padding-right: 24px !important; | ||
| } | ||
| .p-r-5 { | ||
| padding-right: 32px !important; | ||
| } | ||
|
|
||
| .p-b-1 { | ||
| padding-bottom: 4px !important; | ||
| } | ||
| .p-b-2 { | ||
| padding-bottom: 8px !important; | ||
| } | ||
| .p-b-3 { | ||
| padding-bottom: 16px !important; | ||
| } | ||
| .p-b-4 { | ||
| padding-bottom: 24px !important; | ||
| } | ||
| .p-b-5 { | ||
| padding-bottom: 32px !important; | ||
| } | ||
|
|
||
| .p-l-1 { | ||
| padding-left: 4px !important; | ||
| } | ||
| .p-l-2 { | ||
| padding-left: 8px !important; | ||
| } | ||
| .p-l-3 { | ||
| padding-left: 16px !important; | ||
| } | ||
| .p-l-4 { | ||
| padding-left: 24px !important; | ||
| } | ||
| .p-l-5 { | ||
| padding-left: 32px !important; | ||
| } | ||
|
|
||
| /* Margin Utilities */ | ||
| .m-1 { | ||
| margin: 4px !important; | ||
| } | ||
| .m-2 { | ||
| margin: 8px !important; | ||
| } | ||
| .m-3 { | ||
| margin: 16px !important; | ||
| } | ||
| .m-4 { | ||
| margin: 24px !important; | ||
| } | ||
| .m-5 { | ||
| margin: 32px !important; | ||
| } | ||
|
|
||
| .m-t-1 { | ||
| margin-top: 4px !important; | ||
| } | ||
| .m-t-2 { | ||
| margin-top: 8px !important; | ||
| } | ||
| .m-t-3 { | ||
| margin-top: 16px !important; | ||
| } | ||
| .m-t-4 { | ||
| margin-top: 24px !important; | ||
| } | ||
| .m-t-5 { | ||
| margin-top: 32px !important; | ||
| } | ||
|
|
||
| .m-r-1 { | ||
| margin-right: 4px !important; | ||
| } | ||
| .m-r-2 { | ||
| margin-right: 8px !important; | ||
| } | ||
| .m-r-3 { | ||
| margin-right: 16px !important; | ||
| } | ||
| .m-r-4 { | ||
| margin-right: 24px !important; | ||
| } | ||
| .m-r-5 { | ||
| margin-right: 32px !important; | ||
| } | ||
|
|
||
| .m-b-1 { | ||
| margin-bottom: 4px !important; | ||
| } | ||
| .m-b-2 { | ||
| margin-bottom: 8px !important; | ||
| } | ||
| .m-b-3 { | ||
| margin-bottom: 16px !important; | ||
| } | ||
| .m-b-4 { | ||
| margin-bottom: 24px !important; | ||
| } | ||
| .m-b-5 { | ||
| margin-bottom: 32px !important; | ||
| } | ||
|
|
||
| .m-l-1 { | ||
| margin-left: 4px !important; | ||
| } | ||
| .m-l-2 { | ||
| margin-left: 8px !important; | ||
| } | ||
| .m-l-3 { | ||
| margin-left: 16px !important; | ||
| } | ||
| .m-l-4 { | ||
| margin-left: 24px !important; | ||
| } | ||
| .m-l-5 { | ||
| margin-left: 32px !important; | ||
| } | ||
|
|
||
| /* Container Utility */ | ||
| .container { | ||
| max-width: 1200px; | ||
| margin: 0 auto; | ||
| } | ||
|
|
||
| /* Display Utilities */ | ||
| .d-block { | ||
| display: block; | ||
| } | ||
| .d-inline-block { | ||
| display: inline-block; | ||
| } | ||
| .d-inline { | ||
| display: inline; | ||
| } | ||
| .d-flex { | ||
| display: flex; | ||
| } | ||
| .d-inline-flex { | ||
| display: inline-flex; | ||
| } | ||
|
|
||
| /* Flex Utilities */ | ||
| .flex-row { | ||
| flex-direction: row; | ||
| } | ||
| .flex-column { | ||
| flex-direction: column; | ||
| } | ||
| .flex-row-reverse { | ||
| flex-direction: row-reverse; | ||
| } | ||
| .flex-column-reverse { | ||
| flex-direction: column-reverse; | ||
| } | ||
| .justify-content-start { | ||
| justify-content: flex-start; | ||
| } | ||
| .justify-content-end { | ||
| justify-content: flex-end; | ||
| } | ||
| .justify-content-center { | ||
| justify-content: center; | ||
| } | ||
| .justify-content-between { | ||
| justify-content: space-between; | ||
| } | ||
| .justify-content-around { | ||
| justify-content: space-around; | ||
| } | ||
| .justify-content-evenly { | ||
| justify-content: space-evenly; | ||
| } | ||
| .align-items-start { | ||
| align-items: flex-start; | ||
| } | ||
| .align-items-end { | ||
| align-items: flex-end; | ||
| } | ||
| .align-items-center { | ||
| align-items: center; | ||
| } | ||
| .align-items-baseline { | ||
| align-items: baseline; | ||
| } | ||
| .align-items-stretch { | ||
| align-items: stretch; | ||
| } |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.