Created
May 1, 2017 17:17
-
-
Save derekbtw/cf09e3ca3baddcff8038adb2755aad10 to your computer and use it in GitHub Desktop.
Basic styles to speed up the design process. (Extended)
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
| /* Margins */ | |
| .m0 { | |
| margin: 0 !important; | |
| } | |
| .m1 { | |
| margin: 1em !important; | |
| } | |
| .m2 { | |
| margin: 2em !important; | |
| } | |
| .m3 { | |
| margin: 3em !important; | |
| } | |
| .m4 { | |
| margin: 4em !important; | |
| } | |
| .m5 { | |
| margin: 5em !important; | |
| } | |
| .m6 { | |
| margin: 6em !important; | |
| } | |
| .m7 { | |
| margin: 7em !important; | |
| } | |
| .m8 { | |
| margin: 8em !important; | |
| } | |
| .m9 { | |
| margin: 9em !important; | |
| } | |
| .m10 { | |
| margin: 10em !important; | |
| } | |
| /* Margin Top */ | |
| .mt0 { | |
| margin-top: 0 !important; | |
| } | |
| .mt1 { | |
| margin-top: 1em !important; | |
| } | |
| .mt2 { | |
| margin-top: 2em !important; | |
| } | |
| .mt3 { | |
| margin-top: 3em !important; | |
| } | |
| .mt4 { | |
| margin-top: 4em !important; | |
| } | |
| .mt5 { | |
| margin-top: 5em !important; | |
| } | |
| .mt6 { | |
| margin-top: 6em !important; | |
| } | |
| .mt7 { | |
| margin-top: 7em !important; | |
| } | |
| .mt8 { | |
| margin-top: 8em !important; | |
| } | |
| .mt9 { | |
| margin-top: 9em !important; | |
| } | |
| .mt10 { | |
| margin-top: 10em !important; | |
| } | |
| /* Margin Right */ | |
| .mr0 { | |
| margin-right: 0 !important; | |
| } | |
| .mr1 { | |
| margin-right: 1em !important; | |
| } | |
| .mr2 { | |
| margin-right: 2em !important; | |
| } | |
| .mr3 { | |
| margin-right: 3em !important; | |
| } | |
| .mr4 { | |
| margin-right: 4em !important; | |
| } | |
| .mr5 { | |
| margin-right: 5em !important; | |
| } | |
| .mr6 { | |
| margin-right: 6em !important; | |
| } | |
| .mr7 { | |
| margin-right: 7em !important; | |
| } | |
| .mr8 { | |
| margin-right: 8em !important; | |
| } | |
| .mr9 { | |
| margin-right: 9em !important; | |
| } | |
| .mr10 { | |
| margin-right: 10em !important; | |
| } | |
| /* Margin Bottom */ | |
| .mb0 { | |
| margin-bottom: 0 !important; | |
| } | |
| .mb1 { | |
| margin-bottom: 1em !important; | |
| } | |
| .mb2 { | |
| margin-bottom: 2em !important; | |
| } | |
| .mb3 { | |
| margin-bottom: 3em !important; | |
| } | |
| .mb4 { | |
| margin-bottom: 4em !important; | |
| } | |
| .mb5 { | |
| margin-bottom: 5em !important; | |
| } | |
| .mb6 { | |
| margin-bottom: 6em !important; | |
| } | |
| .mb7 { | |
| margin-bottom: 7em !important; | |
| } | |
| .mb8 { | |
| margin-bottom: 8em !important; | |
| } | |
| .mb9 { | |
| margin-bottom: 9em !important; | |
| } | |
| .mb10 { | |
| margin-bottom: 10em !important; | |
| } | |
| /* Margin Left */ | |
| .ml0 { | |
| margin-left: 0 !important; | |
| } | |
| .ml1 { | |
| margin-left: 1em !important; | |
| } | |
| .ml2 { | |
| margin-left: 2em !important; | |
| } | |
| .ml3 { | |
| margin-left: 3em !important; | |
| } | |
| .ml4 { | |
| margin-left: 4em !important; | |
| } | |
| .ml5 { | |
| margin-left: 5em !important; | |
| } | |
| .ml6 { | |
| margin-left: 6em !important; | |
| } | |
| .ml7 { | |
| margin-left: 7em !important; | |
| } | |
| .ml8 { | |
| margin-left: 8em !important; | |
| } | |
| .ml9 { | |
| margin-left: 9em !important; | |
| } | |
| .ml10 { | |
| margin-left: 10em !important; | |
| } | |
| /* Margin Top & Bottom */ | |
| .mtb0 { | |
| margin-top: 0 !important; | |
| margin-bottom: 0 !important; | |
| } | |
| .mtb1 { | |
| margin-top: 1em !important; | |
| margin-bottom: 1em !important; | |
| } | |
| .mtb2 { | |
| margin-top: 2em !important; | |
| margin-bottom: 2em !important; | |
| } | |
| .mtb3 { | |
| margin-top: 3em !important; | |
| margin-bottom: 3em !important; | |
| } | |
| .mtb4 { | |
| margin-top: 4em !important; | |
| margin-bottom: 4em !important; | |
| } | |
| .mtb5 { | |
| margin-top: 5em !important; | |
| margin-bottom: 5em !important; | |
| } | |
| .mtb6 { | |
| margin-top: 6em !important; | |
| margin-bottom: 6em !important; | |
| } | |
| .mtb7 { | |
| margin-top: 7em !important; | |
| margin-bottom: 7em !important; | |
| } | |
| .mtb8 { | |
| margin-top: 8em !important; | |
| margin-bottom: 8em !important; | |
| } | |
| .mtb9 { | |
| margin-top: 9em !important; | |
| margin-bottom: 9em !important; | |
| } | |
| .mtb10 { | |
| margin-top: 10em !important; | |
| margin-bottom: 10em !important; | |
| } | |
| /* Margin Left & Right */ | |
| .mlr0 { | |
| margin-left: 0 !important; | |
| margin-right: 0 !important; | |
| } | |
| .mlr1 { | |
| margin-left: 1em !important; | |
| margin-right: 1em !important; | |
| } | |
| .mlr2 { | |
| margin-left: 2em !important; | |
| margin-right: 2em !important; | |
| } | |
| .mlr3 { | |
| margin-left: 3em !important; | |
| margin-right: 3em !important; | |
| } | |
| .mlr4 { | |
| margin-left: 4em !important; | |
| margin-right: 4em !important; | |
| } | |
| .mlr5 { | |
| margin-left: 5em !important; | |
| margin-right: 5em !important; | |
| } | |
| .mlr6 { | |
| margin-left: 6em !important; | |
| margin-right: 6em !important; | |
| } | |
| .mlr7 { | |
| margin-left: 7em !important; | |
| margin-right: 7em !important; | |
| } | |
| .mlr8 { | |
| margin-left: 8em !important; | |
| margin-right: 8em !important; | |
| } | |
| .mlr9 { | |
| margin-left: 9em !important; | |
| margin-right: 9em !important; | |
| } | |
| .mlr10 { | |
| margin-left: 10em !important; | |
| margin-right: 10em !important; | |
| } | |
| /* Negative Margins */ | |
| .m-1 { | |
| margin: -1em !important; | |
| } | |
| .m-2 { | |
| margin: -2em !important; | |
| } | |
| .m-3 { | |
| margin: -3em !important; | |
| } | |
| .m-4 { | |
| margin: -4em !important; | |
| } | |
| .m-5 { | |
| margin: -5em !important; | |
| } | |
| .m-6 { | |
| margin: -6em !important; | |
| } | |
| .m-7 { | |
| margin: -7em !important; | |
| } | |
| .m-8 { | |
| margin: -8em !important; | |
| } | |
| .m-9 { | |
| margin: -9em !important; | |
| } | |
| .m-10 { | |
| margin: -10em !important; | |
| } | |
| /* Negative Top Margins */ | |
| .mt-1 { | |
| margin-top: -1em !important; | |
| } | |
| .mt-2 { | |
| margin-top: -2em !important; | |
| } | |
| .mt-3 { | |
| margin-top: -3em !important; | |
| } | |
| .mt-4 { | |
| margin-top: -4em !important; | |
| } | |
| .mt-5 { | |
| margin-top: -5em !important; | |
| } | |
| .mt-6 { | |
| margin-top: -6em !important; | |
| } | |
| .mt-7 { | |
| margin-top: -7em !important; | |
| } | |
| .mt-8 { | |
| margin-top: -8em !important; | |
| } | |
| .mt-9 { | |
| margin-top: -9em !important; | |
| } | |
| .mt-10 { | |
| margin-top: -10em !important; | |
| } | |
| /* Negative Right Margins */ | |
| .mr-1 { | |
| margin-right: -1em !important; | |
| } | |
| .mr-2 { | |
| margin-right: -2em !important; | |
| } | |
| .mr-3 { | |
| margin-right: -3em !important; | |
| } | |
| .mr-4 { | |
| margin-right: -4em !important; | |
| } | |
| .mr-5 { | |
| margin-right: -5em !important; | |
| } | |
| .mr-6 { | |
| margin-right: -6em !important; | |
| } | |
| .mr-7 { | |
| margin-right: -7em !important; | |
| } | |
| .mr-8 { | |
| margin-right: -8em !important; | |
| } | |
| .mr-9 { | |
| margin-right: -9em !important; | |
| } | |
| .mr-10 { | |
| margin-right: -10em !important; | |
| } | |
| /* Negative Bottom Margins */ | |
| .mb-1 { | |
| margin-bottom: -1em !important; | |
| } | |
| .mb-2 { | |
| margin-bottom: -2em !important; | |
| } | |
| .mb-3 { | |
| margin-bottom: -3em !important; | |
| } | |
| .mb-4 { | |
| margin-bottom: -4em !important; | |
| } | |
| .mb-5 { | |
| margin-bottom: -5em !important; | |
| } | |
| .mb-6 { | |
| margin-bottom: -6em !important; | |
| } | |
| .mb-7 { | |
| margin-bottom: -7em !important; | |
| } | |
| .mb-8 { | |
| margin-bottom: -8em !important; | |
| } | |
| .mb-9 { | |
| margin-bottom: -9em !important; | |
| } | |
| .mb-10 { | |
| margin-bottom: -10em !important; | |
| } | |
| /* Negative Left Margins */ | |
| .ml-1 { | |
| margin-left: -1em !important; | |
| } | |
| .ml-2 { | |
| margin-left: -2em !important; | |
| } | |
| .ml-3 { | |
| margin-left: -3em !important; | |
| } | |
| .ml-4 { | |
| margin-left: -4em !important; | |
| } | |
| .ml-5 { | |
| margin-left: -5em !important; | |
| } | |
| .ml-6 { | |
| margin-left: -6em !important; | |
| } | |
| .ml-7 { | |
| margin-left: -7em !important; | |
| } | |
| .ml-8 { | |
| margin-left: -8em !important; | |
| } | |
| .ml-9 { | |
| margin-left: -9em !important; | |
| } | |
| .ml-10 { | |
| margin-left: -10em !important; | |
| } | |
| /* Negative Top & Bottom Margins */ | |
| .mtb-1 { | |
| margin-top: -1em !important; | |
| margin-bottom: -1em !important; | |
| } | |
| .mtb-2 { | |
| margin-top: -2em !important; | |
| margin-bottom: -2em !important; | |
| } | |
| .mtb-3 { | |
| margin-top: -3em !important; | |
| margin-bottom: -3em !important; | |
| } | |
| .mtb-4 { | |
| margin-top: -4em !important; | |
| margin-bottom: -4em !important; | |
| } | |
| .mtb-5 { | |
| margin-top: -5em !important; | |
| margin-bottom: -5em !important; | |
| } | |
| .mtb-6 { | |
| margin-top: -6em !important; | |
| margin-bottom: -6em !important; | |
| } | |
| .mtb-7 { | |
| margin-top: -7em !important; | |
| margin-bottom: -7em !important; | |
| } | |
| .mtb-8 { | |
| margin-top: -8em !important; | |
| margin-bottom: -8em !important; | |
| } | |
| .mtb-9 { | |
| margin-top: -9em !important; | |
| margin-bottom: -9em !important; | |
| } | |
| .mtb-10 { | |
| margin-top: -10em !important; | |
| margin-bottom: -10em !important; | |
| } | |
| /* Negative Left & Right Margins */ | |
| .mlr-1 { | |
| margin-left: -1em !important; | |
| margin-right: -1em !important; | |
| } | |
| .mlr-2 { | |
| margin-left: -2em !important; | |
| margin-right: -2em !important; | |
| } | |
| .mlr-3 { | |
| margin-left: -3em !important; | |
| margin-right: -3em !important; | |
| } | |
| .mlr-4 { | |
| margin-left: -4em !important; | |
| margin-right: -4em !important; | |
| } | |
| .mlr-5 { | |
| margin-left: -5em !important; | |
| margin-right: -5em !important; | |
| } | |
| .mlr-6 { | |
| margin-left: -6em !important; | |
| margin-right: -6em !important; | |
| } | |
| .mlr-7 { | |
| margin-left: -7em !important; | |
| margin-right: -7em !important; | |
| } | |
| .mlr-8 { | |
| margin-left: -8em !important; | |
| margin-right: -8em !important; | |
| } | |
| .mlr-9 { | |
| margin-left: -9em !important; | |
| margin-right: -9em !important; | |
| } | |
| .mlr-10 { | |
| margin-left: -10em !important; | |
| margin-right: -10em !important; | |
| } | |
| /* Padding */ | |
| .p0 { | |
| padding: 0 !important; | |
| } | |
| .p1 { | |
| padding: 1em !important; | |
| } | |
| .p2 { | |
| padding: 2em !important; | |
| } | |
| .p3 { | |
| padding: 3em !important; | |
| } | |
| .p4 { | |
| padding: 4em !important; | |
| } | |
| .p5 { | |
| padding: 5em !important; | |
| } | |
| .p6 { | |
| padding: 6em !important; | |
| } | |
| .p7 { | |
| padding: 7em !important; | |
| } | |
| .p8 { | |
| padding: 8em !important; | |
| } | |
| .p9 { | |
| padding: 9em !important; | |
| } | |
| .p10 { | |
| padding: 10em !important; | |
| } | |
| /* Padding Top */ | |
| .pt0 { | |
| padding-top: 0 !important; | |
| } | |
| .pt1 { | |
| padding-top: 1em !important; | |
| } | |
| .pt2 { | |
| padding-top: 2em !important; | |
| } | |
| .pt3 { | |
| padding-top: 3em !important; | |
| } | |
| .pt4 { | |
| padding-top: 4em !important; | |
| } | |
| .pt5 { | |
| padding-top: 5em !important; | |
| } | |
| .pt6 { | |
| padding-top: 6em !important; | |
| } | |
| .pt7 { | |
| padding-top: 7em !important; | |
| } | |
| .pt8 { | |
| padding-top: 8em !important; | |
| } | |
| .pt9 { | |
| padding-top: 9em !important; | |
| } | |
| .pt10 { | |
| padding-top: 10em !important; | |
| } | |
| /* Padding Right */ | |
| .pr0 { | |
| padding-right: 0 !important; | |
| } | |
| .pr1 { | |
| padding-right: 1em !important; | |
| } | |
| .pr2 { | |
| padding-right: 2em !important; | |
| } | |
| .pr3 { | |
| padding-right: 3em !important; | |
| } | |
| .pr4 { | |
| padding-right: 4em !important; | |
| } | |
| .pr5 { | |
| padding-right: 5em !important; | |
| } | |
| .pr6 { | |
| padding-right: 6em !important; | |
| } | |
| .pr7 { | |
| padding-right: 7em !important; | |
| } | |
| .pr8 { | |
| padding-right: 8em !important; | |
| } | |
| .pr9 { | |
| padding-right: 9em !important; | |
| } | |
| .pr10 { | |
| padding-right: 10em !important; | |
| } | |
| /* Padding Bottom */ | |
| .pb0 { | |
| padding-bottom: 0 !important; | |
| } | |
| .pb1 { | |
| padding-bottom: 1em !important; | |
| } | |
| .pb2 { | |
| padding-bottom: 2em !important; | |
| } | |
| .pb3 { | |
| padding-bottom: 3em !important; | |
| } | |
| .pb4 { | |
| padding-bottom: 4em !important; | |
| } | |
| .pb5 { | |
| padding-bottom: 5em !important; | |
| } | |
| .pb6 { | |
| padding-bottom: 6em !important; | |
| } | |
| .pb7 { | |
| padding-bottom: 7em !important; | |
| } | |
| .pb8 { | |
| padding-bottom: 8em !important; | |
| } | |
| .pb9 { | |
| padding-bottom: 9em !important; | |
| } | |
| .pb10 { | |
| padding-bottom: 10em !important; | |
| } | |
| /* Padding Left */ | |
| .pl0 { | |
| padding-left: 0 !important; | |
| } | |
| .pl1 { | |
| padding-left: 1em !important; | |
| } | |
| .pl2 { | |
| padding-left: 2em !important; | |
| } | |
| .pl3 { | |
| padding-left: 3em !important; | |
| } | |
| .pl4 { | |
| padding-left: 4em !important; | |
| } | |
| .pl5 { | |
| padding-left: 5em !important; | |
| } | |
| .pl6 { | |
| padding-left: 6em !important; | |
| } | |
| .pl7 { | |
| padding-left: 7em !important; | |
| } | |
| .pl8 { | |
| padding-left: 8em !important; | |
| } | |
| .pl9 { | |
| padding-left: 9em !important; | |
| } | |
| .pl10 { | |
| padding-left: 10em !important; | |
| } | |
| /* Padding Top & Bottom */ | |
| .ptb0 { | |
| padding-top: 0 !important; | |
| padding-bottom: 0 !important; | |
| } | |
| .ptb1 { | |
| padding-top: 1em !important; | |
| padding-bottom: 1em !important; | |
| } | |
| .ptb2 { | |
| padding-top: 2em !important; | |
| padding-bottom: 2em !important; | |
| } | |
| .ptb3 { | |
| padding-top: 3em !important; | |
| padding-bottom: 3em !important; | |
| } | |
| .ptb4 { | |
| padding-top: 4em !important; | |
| padding-bottom: 4em !important; | |
| } | |
| .ptb5 { | |
| padding-top: 5em !important; | |
| padding-bottom: 5em !important; | |
| } | |
| .ptb6 { | |
| padding-top: 6em !important; | |
| padding-bottom: 6em !important; | |
| } | |
| .ptb7 { | |
| padding-top: 7em !important; | |
| padding-bottom: 7em !important; | |
| } | |
| .ptb8 { | |
| padding-top: 8em !important; | |
| padding-bottom: 8em !important; | |
| } | |
| .ptb9 { | |
| padding-top: 9em !important; | |
| padding-bottom: 9em !important; | |
| } | |
| .ptb10 { | |
| padding-top: 10em !important; | |
| padding-bottom: 10em !important; | |
| } | |
| /* Padding Left & Right */ | |
| .plr0 { | |
| padding-left: 0 !important; | |
| padding-right: 0 !important; | |
| } | |
| .plr1 { | |
| padding-left: 1em !important; | |
| padding-right: 1em !important; | |
| } | |
| .plr2 { | |
| padding-left: 2em !important; | |
| padding-right: 2em !important; | |
| } | |
| .plr3 { | |
| padding-left: 3em !important; | |
| padding-right: 3em !important; | |
| } | |
| .plr4 { | |
| padding-left: 4em !important; | |
| padding-right: 4em !important; | |
| } | |
| .plr5 { | |
| padding-left: 5em !important; | |
| padding-right: 5em !important; | |
| } | |
| .plr6 { | |
| padding-left: 6em !important; | |
| padding-right: 6em !important; | |
| } | |
| .plr7 { | |
| padding-left: 7em !important; | |
| padding-right: 7em !important; | |
| } | |
| .plr8 { | |
| padding-left: 8em !important; | |
| padding-right: 8em !important; | |
| } | |
| .plr9 { | |
| padding-left: 9em !important; | |
| padding-right: 9em !important; | |
| } | |
| .plr10 { | |
| padding-left: 10em !important; | |
| padding-right: 10em !important; | |
| } | |
| /* Text/Font Size */ | |
| .text-xs { | |
| font-size: 10px !important; | |
| } | |
| .text-sm { | |
| font-size: 12px !important; | |
| } | |
| .text-md { | |
| font-size: 17px !important; | |
| } | |
| .text-lg { | |
| font-size: 25px !important; | |
| } | |
| .text-xl { | |
| font-size: 30px !important; | |
| } | |
| /* Width EM */ | |
| .w0, .w0em { | |
| width: 0 !important; | |
| } | |
| .w5em { | |
| width: 5em !important; | |
| } | |
| .w10em { | |
| width: 10em !important; | |
| } | |
| .w15em { | |
| width: 15em !important; | |
| } | |
| .w20em { | |
| width: 20em !important; | |
| } | |
| .w25em { | |
| width: 25em !important; | |
| } | |
| .w30em { | |
| width: 30em !important; | |
| } | |
| .w40em { | |
| width: 40em !important; | |
| } | |
| .w50em { | |
| width: 50em !important; | |
| } | |
| .w60em { | |
| width: 60em !important; | |
| } | |
| .w70em { | |
| width: 70em !important; | |
| } | |
| .w80em { | |
| width: 80em !important; | |
| } | |
| .w90em { | |
| width: 90em !important; | |
| } | |
| .w100em { | |
| width: 100em !important; | |
| } | |
| /* Width Percent */ | |
| .w5p { | |
| width: 5% !important; | |
| } | |
| .w10p { | |
| width: 10% !important; | |
| } | |
| .w15p { | |
| width: 15% !important; | |
| } | |
| .w20p { | |
| width: 20% !important; | |
| } | |
| .w25p { | |
| width: 25% !important; | |
| } | |
| .w30p { | |
| width: 30% !important; | |
| } | |
| .w40p { | |
| width: 40% !important; | |
| } | |
| .w50p { | |
| width: 50% !important; | |
| } | |
| .w60p { | |
| width: 60% !important; | |
| } | |
| .w70p { | |
| width: 70% !important; | |
| } | |
| .w80p { | |
| width: 80% !important; | |
| } | |
| .w90p { | |
| width: 90% !important; | |
| } | |
| .w100p { | |
| width: 100% !important; | |
| } | |
| /* Width Vertical Width */ | |
| .w5vw { | |
| width: 5vw !important; | |
| } | |
| .w10vw { | |
| width: 10vw !important; | |
| } | |
| .w15vw { | |
| width: 15vw !important; | |
| } | |
| .w20vw { | |
| width: 20vw !important; | |
| } | |
| .w25vw { | |
| width: 25vw !important; | |
| } | |
| .w30vw { | |
| width: 30vw !important; | |
| } | |
| .w40vw { | |
| width: 40vw !important; | |
| } | |
| .w50vw { | |
| width: 50vw !important; | |
| } | |
| .w60vw { | |
| width: 60vw !important; | |
| } | |
| .w70vw { | |
| width: 70vw !important; | |
| } | |
| .w80vw { | |
| width: 80vw !important; | |
| } | |
| .w90vw { | |
| width: 90vw !important; | |
| } | |
| .w100vw { | |
| width: 100vw !important; | |
| } | |
| /* Height EM */ | |
| .h0, .h0em { | |
| height: 0 !important; | |
| } | |
| .h5em { | |
| height: 5em !important; | |
| } | |
| .h10em { | |
| height: 10em !important; | |
| } | |
| .h15em { | |
| height: 15em !important; | |
| } | |
| .h20em { | |
| height: 20em !important; | |
| } | |
| .h25em { | |
| height: 25em !important; | |
| } | |
| .h30em { | |
| height: 30em !important; | |
| } | |
| .h40em { | |
| height: 40em !important; | |
| } | |
| .h50em { | |
| height: 50em !important; | |
| } | |
| .h60em { | |
| height: 60em !important; | |
| } | |
| .h70em { | |
| height: 70em !important; | |
| } | |
| .h80em { | |
| height: 80em !important; | |
| } | |
| .h90em { | |
| height: 90em !important; | |
| } | |
| .h100em { | |
| height: 100em !important; | |
| } | |
| /* Height Percent */ | |
| .h5p { | |
| height: 5% !important; | |
| } | |
| .h10p { | |
| height: 10% !important; | |
| } | |
| .h15p { | |
| height: 15% !important; | |
| } | |
| .h20p { | |
| height: 20% !important; | |
| } | |
| .h25p { | |
| height: 25% !important; | |
| } | |
| .h30p { | |
| height: 30% !important; | |
| } | |
| .h40p { | |
| height: 40% !important; | |
| } | |
| .h50p { | |
| height: 50% !important; | |
| } | |
| .h60p { | |
| height: 60% !important; | |
| } | |
| .h70p { | |
| height: 70% !important; | |
| } | |
| .h80p { | |
| height: 80% !important; | |
| } | |
| .h90p { | |
| height: 90% !important; | |
| } | |
| .h100p { | |
| height: 100% !important; | |
| } | |
| /* Height Vertical Height */ | |
| .h5vh { | |
| height: 5vh !important; | |
| } | |
| .h10vh { | |
| height: 10vh !important; | |
| } | |
| .h15vh { | |
| height: 15vh !important; | |
| } | |
| .h20vh { | |
| height: 20vh !important; | |
| } | |
| .h25vh { | |
| height: 25vh !important; | |
| } | |
| .h30vh { | |
| height: 30vh !important; | |
| } | |
| .h40vh { | |
| height: 40vh !important; | |
| } | |
| .h50vh { | |
| height: 50vh !important; | |
| } | |
| .h60vh { | |
| height: 60vh !important; | |
| } | |
| .h70vh { | |
| height: 70vh !important; | |
| } | |
| .h80vh { | |
| height: 80vh !important; | |
| } | |
| .h90vh { | |
| height: 90vh !important; | |
| } | |
| .h100vh { | |
| height: 100vh !important; | |
| } | |
| .block { | |
| display: block !important; | |
| } | |
| .inline { | |
| display: inline !important; | |
| } | |
| .absolute { | |
| position: absolute !important; | |
| } | |
| .fixed { | |
| position: fixed !important; | |
| } | |
| .static { | |
| position: static !important; | |
| } | |
| .hide { | |
| display: none !important; | |
| } | |
| .hidden { | |
| visibility: hidden !important; | |
| } | |
| .fr { | |
| float: right !important; | |
| } | |
| .fl { | |
| float: left !important; | |
| } | |
| .fn { | |
| float: none !important; | |
| } | |
| .fi { | |
| float: inherit | |
| } | |
| .middle { | |
| margin: 0 auto !important; | |
| } | |
| .centered { | |
| position: fixed !important; | |
| top: 50% !important; | |
| left: 50% !important; | |
| transform: translate(-50%, -50%) !important; | |
| } | |
| .v-middle { | |
| position: relative !important; | |
| top: 50% !important; | |
| transform: translateY(-50%) !important; | |
| } | |
| .text-navy { | |
| color: #001F3F !important; | |
| } | |
| .text-blue { | |
| color: #0074D9 !important; | |
| } | |
| .text-aqua { | |
| color: #7FDBFF !important; | |
| } | |
| .text-teal { | |
| color: #39CCCC !important; | |
| } | |
| .text-olive { | |
| color: #3D9970 !important; | |
| } | |
| .text-green { | |
| color: #2ECC40 !important; | |
| } | |
| .text-lime { | |
| color: #01FF70 !important; | |
| } | |
| .text-yellow { | |
| color: #FFDC00 !important; | |
| } | |
| .text-orange { | |
| color: #FF851B !important; | |
| } | |
| .text-red { | |
| color: #FF4136 !important; | |
| } | |
| .text-maroon { | |
| color: #85144B !important; | |
| } | |
| .text-fuchsia { | |
| color: #F012BE !important; | |
| } | |
| .text-purple { | |
| color: #B10DC9 !important; | |
| } | |
| .text-black { | |
| color: #111111 !important; | |
| } | |
| .text-gray { | |
| color: #AAAAAA !important; | |
| } | |
| .text-silver { | |
| color: #DDDDDD !important; | |
| } | |
| .bg-navy { | |
| background-color: #001F3F !important; | |
| } | |
| .bg-blue { | |
| background-color: #0074D9 !important; | |
| } | |
| .bg-aqua { | |
| background-color: #7FDBFF !important; | |
| } | |
| .bg-teal { | |
| background-color: #39CCCC !important; | |
| } | |
| .bg-olive { | |
| background-color: #3D9970 !important; | |
| } | |
| .bg-green { | |
| background-color: #2ECC40 !important; | |
| } | |
| .bg-lime { | |
| background-color: #01FF70 !important; | |
| } | |
| .bg-yellow { | |
| background-color: #FFDC00 !important; | |
| } | |
| .bg-orange { | |
| background-color: #FF851B !important; | |
| } | |
| .bg-red { | |
| background-color: #FF4136 !important; | |
| } | |
| .bg-maroon { | |
| background-color: #85144B !important; | |
| } | |
| .bg-fuchsia { | |
| background-color: #F012BE !important; | |
| } | |
| .bg-purple { | |
| background-color: #B10DC9 !important; | |
| } | |
| .bg-black { | |
| background-color: #111111 !important; | |
| } | |
| .bg-gray { | |
| background-color: #AAAAAA !important; | |
| } | |
| .bg-silver { | |
| background-color: #DDDDDD !important; | |
| } | |
| .b1-navy { | |
| border: 1px solid #001F3F !important; | |
| } | |
| .b1-blue { | |
| border: 1px solid #0074D9 !important; | |
| } | |
| .b1-aqua { | |
| border: 1px solid #7FDBFF !important; | |
| } | |
| .b1-teal { | |
| border: 1px solid #39CCCC !important; | |
| } | |
| .b1-olive { | |
| border: 1px solid #3D9970 !important; | |
| } | |
| .b1-green { | |
| border: 1px solid #2ECC40 !important; | |
| } | |
| .b1-lime { | |
| border: 1px solid #01FF70 !important; | |
| } | |
| .b1-yellow { | |
| border: 1px solid #FFDC00 !important; | |
| } | |
| .b1-orange { | |
| border: 1px solid #FF851B !important; | |
| } | |
| .b1-red { | |
| border: 1px solid #FF4136 !important; | |
| } | |
| .b1-maroon { | |
| border: 1px solid #85144B !important; | |
| } | |
| .b1-fuchsia { | |
| border: 1px solid #F012BE !important; | |
| } | |
| .b1-purple { | |
| border: 1px solid #B10DC9 !important; | |
| } | |
| .b1-black { | |
| border: 1px solid #111111 !important; | |
| } | |
| .b1-gray { | |
| border: 1px solid #AAAAAA !important; | |
| } | |
| .b1-silver { | |
| border: 1px solid #DDDDDD !important; | |
| } | |
| .b2-navy { | |
| border: 2px solid #001F3F !important; | |
| } | |
| .b2-blue { | |
| border: 2px solid #0074D9 !important; | |
| } | |
| .b2-aqua { | |
| border: 2px solid #7FDBFF !important; | |
| } | |
| .b2-teal { | |
| border: 2px solid #39CCCC !important; | |
| } | |
| .b2-olive { | |
| border: 2px solid #3D9970 !important; | |
| } | |
| .b2-green { | |
| border: 2px solid #2ECC40 !important; | |
| } | |
| .b2-lime { | |
| border: 2px solid #01FF70 !important; | |
| } | |
| .b2-yellow { | |
| border: 2px solid #FFDC00 !important; | |
| } | |
| .b2-orange { | |
| border: 2px solid #FF851B !important; | |
| } | |
| .b2-red { | |
| border: 2px solid #FF4136 !important; | |
| } | |
| .b2-maroon { | |
| border: 2px solid #85144B !important; | |
| } | |
| .b2-fuchsia { | |
| border: 2px solid #F012BE !important; | |
| } | |
| .b2-purple { | |
| border: 2px solid #B10DC9 !important; | |
| } | |
| .b2-black { | |
| border: 2px solid #111111 !important; | |
| } | |
| .b2-gray { | |
| border: 2px solid #AAAAAA !important; | |
| } | |
| .b2-silver { | |
| border: 2px solid #DDDDDD !important; | |
| } | |
| .br0 { | |
| border-radius: 0 !important; | |
| } | |
| .br1 { | |
| border-radius: 1px !important; | |
| } | |
| .br2 { | |
| border-radius: 2px !important; | |
| } | |
| .br3 { | |
| border-radius: 3px !important; | |
| } | |
| .br4 { | |
| border-radius: 4px !important; | |
| } | |
| .br5 { | |
| border-radius: 5px !important; | |
| } | |
| .br6 { | |
| border-radius: 6px !important; | |
| } | |
| .br7 { | |
| border-radius: 7px !important; | |
| } | |
| .br8 { | |
| border-radius: 8px !important; | |
| } | |
| .br9 { | |
| border-radius: 9px !important; | |
| } | |
| .br10 { | |
| border-radius: 10px !important; | |
| } | |
| .xol { | |
| outline: none !important; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment