Last active
November 1, 2019 13:53
-
-
Save cooljl31/d8075e8ec10fcb95f3a4f63faa7334db 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
/* utility.scss */ | |
/* margin (0px - 100px) */ | |
.m-0 { | |
margin: 0px !important; | |
} | |
.m-5 { | |
margin: 5px !important; | |
} | |
.m-10 { | |
margin: 10px !important; | |
} | |
.m-15 { | |
margin: 15px !important; | |
} | |
.m-20 { | |
margin: 20px !important; | |
} | |
.m-25 { | |
margin: 25px !important; | |
} | |
.m-30 { | |
margin: 30px !important; | |
} | |
.m-35 { | |
margin: 35px !important; | |
} | |
.m-40 { | |
margin: 40px !important; | |
} | |
.m-45 { | |
margin: 45px !important; | |
} | |
.m-50 { | |
margin: 50px !important; | |
} | |
.m-55 { | |
margin: 55px !important; | |
} | |
.m-60 { | |
margin: 60px !important; | |
} | |
.m-65 { | |
margin: 65px !important; | |
} | |
.m-70 { | |
margin: 70px !important; | |
} | |
.m-75 { | |
margin: 75px !important; | |
} | |
.m-80 { | |
margin: 80px !important; | |
} | |
.m-85 { | |
margin: 85px !important; | |
} | |
.m-90 { | |
margin: 90px !important; | |
} | |
.m-95 { | |
margin: 95px !important; | |
} | |
.m-100 { | |
margin: 100px !important; | |
} | |
/* margin-top (0px - 100px) */ | |
.m-t-0 { | |
margin-top: 0px !important; | |
} | |
.m-t-5 { | |
margin-top: 5px !important; | |
} | |
.m-t-10 { | |
margin-top: 10px !important; | |
} | |
.m-t-15 { | |
margin-top: 15px !important; | |
} | |
.m-t-20 { | |
margin-top: 20px !important; | |
} | |
.m-t-25 { | |
margin-top: 25px !important; | |
} | |
.m-t-30 { | |
margin-top: 30px !important; | |
} | |
.m-t-35 { | |
margin-top: 35px !important; | |
} | |
.m-t-40 { | |
margin-top: 40px !important; | |
} | |
.m-t-45 { | |
margin-top: 45px !important; | |
} | |
.m-t-50 { | |
margin-top: 50px !important; | |
} | |
.m-t-55 { | |
margin-top: 55px !important; | |
} | |
.m-t-60 { | |
margin-top: 60px !important; | |
} | |
.m-t-65 { | |
margin-top: 65px !important; | |
} | |
.m-t-70 { | |
margin-top: 70px !important; | |
} | |
.m-t-75 { | |
margin-top: 75px !important; | |
} | |
.m-t-80 { | |
margin-top: 80px !important; | |
} | |
.m-t-85 { | |
margin-top: 85px !important; | |
} | |
.m-t-90 { | |
margin-top: 90px !important; | |
} | |
.m-t-95 { | |
margin-top: 95px !important; | |
} | |
.m-t-100 { | |
margin-top: 100px !important; | |
} | |
/* margin-bottom (0px - 100px) */ | |
.m-b-0 { | |
margin-bottom: 0px !important; | |
} | |
.m-b-5 { | |
margin-bottom: 5px !important; | |
} | |
.m-b-10 { | |
margin-bottom: 10px !important; | |
} | |
.m-b-15 { | |
margin-bottom: 15px !important; | |
} | |
.m-b-20 { | |
margin-bottom: 20px !important; | |
} | |
.m-b-25 { | |
margin-bottom: 25px !important; | |
} | |
.m-b-30 { | |
margin-bottom: 30px !important; | |
} | |
.m-b-35 { | |
margin-bottom: 35px !important; | |
} | |
.m-b-40 { | |
margin-bottom: 40px !important; | |
} | |
.m-b-45 { | |
margin-bottom: 45px !important; | |
} | |
.m-b-50 { | |
margin-bottom: 50px !important; | |
} | |
.m-b-55 { | |
margin-bottom: 55px !important; | |
} | |
.m-b-60 { | |
margin-bottom: 60px !important; | |
} | |
.m-b-65 { | |
margin-bottom: 65px !important; | |
} | |
.m-b-70 { | |
margin-bottom: 70px !important; | |
} | |
.m-b-75 { | |
margin-bottom: 75px !important; | |
} | |
.m-b-80 { | |
margin-bottom: 80px !important; | |
} | |
.m-b-85 { | |
margin-bottom: 85px !important; | |
} | |
.m-b-90 { | |
margin-bottom: 90px !important; | |
} | |
.m-b-95 { | |
margin-bottom: 95px !important; | |
} | |
.m-b-100 { | |
margin-bottom: 100px !important; | |
} | |
/* margin-left (0px - 100px) */ | |
.m-l-0 { | |
margin-left: 0px !important; | |
} | |
.m-l-5 { | |
margin-left: 5px !important; | |
} | |
.m-l-10 { | |
margin-left: 10px !important; | |
} | |
.m-l-15 { | |
margin-left: 15px !important; | |
} | |
.m-l-20 { | |
margin-left: 20px !important; | |
} | |
.m-l-25 { | |
margin-left: 25px !important; | |
} | |
.m-l-30 { | |
margin-left: 30px !important; | |
} | |
.m-l-35 { | |
margin-left: 35px !important; | |
} | |
.m-l-40 { | |
margin-left: 40px !important; | |
} | |
.m-l-45 { | |
margin-left: 45px !important; | |
} | |
.m-l-50 { | |
margin-left: 50px !important; | |
} | |
.m-l-55 { | |
margin-left: 55px !important; | |
} | |
.m-l-60 { | |
margin-left: 60px !important; | |
} | |
.m-l-65 { | |
margin-left: 65px !important; | |
} | |
.m-l-70 { | |
margin-left: 70px !important; | |
} | |
.m-l-75 { | |
margin-left: 75px !important; | |
} | |
.m-l-80 { | |
margin-left: 80px !important; | |
} | |
.m-l-85 { | |
margin-left: 85px !important; | |
} | |
.m-l-90 { | |
margin-left: 90px !important; | |
} | |
.m-l-95 { | |
margin-left: 95px !important; | |
} | |
.m-l-100 { | |
margin-left: 100px !important; | |
} | |
/* margin-right (0px - 100px) */ | |
.m-r-0 { | |
margin-right: 0px !important; | |
} | |
.m-r-5 { | |
margin-right: 5px !important; | |
} | |
.m-r-10 { | |
margin-right: 10px !important; | |
} | |
.m-r-15 { | |
margin-right: 15px !important; | |
} | |
.m-r-20 { | |
margin-right: 20px !important; | |
} | |
.m-r-25 { | |
margin-right: 25px !important; | |
} | |
.m-r-30 { | |
margin-right: 30px !important; | |
} | |
.m-r-35 { | |
margin-right: 35px !important; | |
} | |
.m-r-40 { | |
margin-right: 40px !important; | |
} | |
.m-r-45 { | |
margin-right: 45px !important; | |
} | |
.m-r-50 { | |
margin-right: 50px !important; | |
} | |
.m-r-55 { | |
margin-right: 55px !important; | |
} | |
.m-r-60 { | |
margin-right: 60px !important; | |
} | |
.m-r-65 { | |
margin-right: 65px !important; | |
} | |
.m-r-70 { | |
margin-right: 70px !important; | |
} | |
.m-r-75 { | |
margin-right: 75px !important; | |
} | |
.m-r-80 { | |
margin-right: 80px !important; | |
} | |
.m-r-85 { | |
margin-right: 85px !important; | |
} | |
.m-r-90 { | |
margin-right: 90px !important; | |
} | |
.m-r-95 { | |
margin-right: 95px !important; | |
} | |
.m-r-100 { | |
margin-right: 100px !important; | |
} | |
/* margin-top & margin-bottom (0px - 100px) */ | |
.m-t-b-0 { | |
margin: 0px 0 !important; | |
} | |
.m-t-b-5 { | |
margin: 5px 0 !important; | |
} | |
.m-t-b-10 { | |
margin: 10px 0 !important; | |
} | |
.m-t-b-15 { | |
margin: 15px 0 !important; | |
} | |
.m-t-b-20 { | |
margin: 20px 0 !important; | |
} | |
.m-t-b-25 { | |
margin: 25px 0 !important; | |
} | |
.m-t-b-30 { | |
margin: 30px 0 !important; | |
} | |
.m-t-b-35 { | |
margin: 35px 0 !important; | |
} | |
.m-t-b-40 { | |
margin: 40px 0 !important; | |
} | |
.m-t-b-45 { | |
margin: 45px 0 !important; | |
} | |
.m-t-b-50 { | |
margin: 50px 0 !important; | |
} | |
.m-t-b-55 { | |
margin: 55px 0 !important; | |
} | |
.m-t-b-60 { | |
margin: 60px 0 !important; | |
} | |
.m-t-b-65 { | |
margin: 65px 0 !important; | |
} | |
.m-t-b-70 { | |
margin: 70px 0 !important; | |
} | |
.m-t-b-75 { | |
margin: 75px 0 !important; | |
} | |
.m-t-b-80 { | |
margin: 80px 0 !important; | |
} | |
.m-t-b-85 { | |
margin: 85px 0 !important; | |
} | |
.m-t-b-90 { | |
margin: 90px 0 !important; | |
} | |
.m-t-b-95 { | |
margin: 95px 0 !important; | |
} | |
.m-t-b-100 { | |
margin: 100px 0 !important; | |
} | |
/* margin-left & margin-right (0px - 100px) */ | |
.m-l-r-0 { | |
margin: 0 0px !important; | |
} | |
.m-l-r-5 { | |
margin: 0 5px !important; | |
} | |
.m-l-r-10 { | |
margin: 0 10px !important; | |
} | |
.m-l-r-15 { | |
margin: 0 15px !important; | |
} | |
.m-l-r-20 { | |
margin: 0 20px !important; | |
} | |
.m-l-r-25 { | |
margin: 0 25px !important; | |
} | |
.m-l-r-30 { | |
margin: 0 30px !important; | |
} | |
.m-l-r-35 { | |
margin: 0 35px !important; | |
} | |
.m-l-r-40 { | |
margin: 0 40px !important; | |
} | |
.m-l-r-45 { | |
margin: 0 45px !important; | |
} | |
.m-l-r-50 { | |
margin: 0 50px !important; | |
} | |
.m-l-r-55 { | |
margin: 0 55px !important; | |
} | |
.m-l-r-60 { | |
margin: 0 60px !important; | |
} | |
.m-l-r-65 { | |
margin: 0 65px !important; | |
} | |
.m-l-r-70 { | |
margin: 0 70px !important; | |
} | |
.m-l-r-75 { | |
margin: 0 75px !important; | |
} | |
.m-l-r-80 { | |
margin: 0 80px !important; | |
} | |
.m-l-r-85 { | |
margin: 0 85px !important; | |
} | |
.m-l-r-90 { | |
margin: 0 90px !important; | |
} | |
.m-l-r-95 { | |
margin: 0 95px !important; | |
} | |
.m-l-r-100 { | |
margin: 0 100px !important; | |
} | |
/* padding (0px - 100px) */ | |
.p-0 { | |
padding: 0px !important; | |
} | |
.p-5 { | |
padding: 5px !important; | |
} | |
.p-10 { | |
padding: 10px !important; | |
} | |
.p-15 { | |
padding: 15px !important; | |
} | |
.p-20 { | |
padding: 20px !important; | |
} | |
.p-25 { | |
padding: 25px !important; | |
} | |
.p-30 { | |
padding: 30px !important; | |
} | |
.p-35 { | |
padding: 35px !important; | |
} | |
.p-40 { | |
padding: 40px !important; | |
} | |
.p-45 { | |
padding: 45px !important; | |
} | |
.p-50 { | |
padding: 50px !important; | |
} | |
.p-55 { | |
padding: 55px !important; | |
} | |
.p-60 { | |
padding: 60px !important; | |
} | |
.p-65 { | |
padding: 65px !important; | |
} | |
.p-70 { | |
padding: 70px !important; | |
} | |
.p-75 { | |
padding: 75px !important; | |
} | |
.p-80 { | |
padding: 80px !important; | |
} | |
.p-85 { | |
padding: 85px !important; | |
} | |
.p-90 { | |
padding: 90px !important; | |
} | |
.p-95 { | |
padding: 95px !important; | |
} | |
.p-100 { | |
padding: 100px !important; | |
} | |
/* padding-top (0px - 100px) */ | |
.p-t-0 { | |
padding-top: 0px !important; | |
} | |
.p-t-5 { | |
padding-top: 5px !important; | |
} | |
.p-t-10 { | |
padding-top: 10px !important; | |
} | |
.p-t-15 { | |
padding-top: 15px !important; | |
} | |
.p-t-20 { | |
padding-top: 20px !important; | |
} | |
.p-t-25 { | |
padding-top: 25px !important; | |
} | |
.p-t-30 { | |
padding-top: 30px !important; | |
} | |
.p-t-35 { | |
padding-top: 35px !important; | |
} | |
.p-t-40 { | |
padding-top: 40px !important; | |
} | |
.p-t-45 { | |
padding-top: 45px !important; | |
} | |
.p-t-50 { | |
padding-top: 50px !important; | |
} | |
.p-t-55 { | |
padding-top: 55px !important; | |
} | |
.p-t-60 { | |
padding-top: 60px !important; | |
} | |
.p-t-65 { | |
padding-top: 65px !important; | |
} | |
.p-t-70 { | |
padding-top: 70px !important; | |
} | |
.p-t-75 { | |
padding-top: 75px !important; | |
} | |
.p-t-80 { | |
padding-top: 80px !important; | |
} | |
.p-t-85 { | |
padding-top: 85px !important; | |
} | |
.p-t-90 { | |
padding-top: 90px !important; | |
} | |
.p-t-95 { | |
padding-top: 95px !important; | |
} | |
.p-t-100 { | |
padding-top: 100px !important; | |
} | |
/* padding-bottom (0px - 100px) */ | |
.p-b-0 { | |
padding-bottom: 0px !important; | |
} | |
.p-b-5 { | |
padding-bottom: 5px !important; | |
} | |
.p-b-10 { | |
padding-bottom: 10px !important; | |
} | |
.p-b-15 { | |
padding-bottom: 15px !important; | |
} | |
.p-b-20 { | |
padding-bottom: 20px !important; | |
} | |
.p-b-25 { | |
padding-bottom: 25px !important; | |
} | |
.p-b-30 { | |
padding-bottom: 30px !important; | |
} | |
.p-b-35 { | |
padding-bottom: 35px !important; | |
} | |
.p-b-40 { | |
padding-bottom: 40px !important; | |
} | |
.p-b-45 { | |
padding-bottom: 45px !important; | |
} | |
.p-b-50 { | |
padding-bottom: 50px !important; | |
} | |
.p-b-55 { | |
padding-bottom: 55px !important; | |
} | |
.p-b-60 { | |
padding-bottom: 60px !important; | |
} | |
.p-b-65 { | |
padding-bottom: 65px !important; | |
} | |
.p-b-70 { | |
padding-bottom: 70px !important; | |
} | |
.p-b-75 { | |
padding-bottom: 75px !important; | |
} | |
.p-b-80 { | |
padding-bottom: 80px !important; | |
} | |
.p-b-85 { | |
padding-bottom: 85px !important; | |
} | |
.p-b-90 { | |
padding-bottom: 90px !important; | |
} | |
.p-b-95 { | |
padding-bottom: 95px !important; | |
} | |
.p-b-100 { | |
padding-bottom: 100px !important; | |
} | |
/* padding-left (0px - 100px) */ | |
.p-l-0 { | |
padding-left: 0px !important; | |
} | |
.p-l-5 { | |
padding-left: 5px !important; | |
} | |
.p-l-10 { | |
padding-left: 10px !important; | |
} | |
.p-l-15 { | |
padding-left: 15px !important; | |
} | |
.p-l-20 { | |
padding-left: 20px !important; | |
} | |
.p-l-25 { | |
padding-left: 25px !important; | |
} | |
.p-l-30 { | |
padding-left: 30px !important; | |
} | |
.p-l-35 { | |
padding-left: 35px !important; | |
} | |
.p-l-40 { | |
padding-left: 40px !important; | |
} | |
.p-l-45 { | |
padding-left: 45px !important; | |
} | |
.p-l-50 { | |
padding-left: 50px !important; | |
} | |
.p-l-55 { | |
padding-left: 55px !important; | |
} | |
.p-l-60 { | |
padding-left: 60px !important; | |
} | |
.p-l-65 { | |
padding-left: 65px !important; | |
} | |
.p-l-70 { | |
padding-left: 70px !important; | |
} | |
.p-l-75 { | |
padding-left: 75px !important; | |
} | |
.p-l-80 { | |
padding-left: 80px !important; | |
} | |
.p-l-85 { | |
padding-left: 85px !important; | |
} | |
.p-l-90 { | |
padding-left: 90px !important; | |
} | |
.p-l-95 { | |
padding-left: 95px !important; | |
} | |
.p-l-100 { | |
padding-left: 100px !important; | |
} | |
/* padding-right (0px - 100px) */ | |
.p-r-0 { | |
padding-right: 0px !important; | |
} | |
.p-r-5 { | |
padding-right: 5px !important; | |
} | |
.p-r-10 { | |
padding-right: 10px !important; | |
} | |
.p-r-15 { | |
padding-right: 15px !important; | |
} | |
.p-r-20 { | |
padding-right: 20px !important; | |
} | |
.p-r-25 { | |
padding-right: 25px !important; | |
} | |
.p-r-30 { | |
padding-right: 30px !important; | |
} | |
.p-r-35 { | |
padding-right: 35px !important; | |
} | |
.p-r-40 { | |
padding-right: 40px !important; | |
} | |
.p-r-45 { | |
padding-right: 45px !important; | |
} | |
.p-r-50 { | |
padding-right: 50px !important; | |
} | |
.p-r-55 { | |
padding-right: 55px !important; | |
} | |
.p-r-60 { | |
padding-right: 60px !important; | |
} | |
.p-r-65 { | |
padding-right: 65px !important; | |
} | |
.p-r-70 { | |
padding-right: 70px !important; | |
} | |
.p-r-75 { | |
padding-right: 75px !important; | |
} | |
.p-r-80 { | |
padding-right: 80px !important; | |
} | |
.p-r-85 { | |
padding-right: 85px !important; | |
} | |
.p-r-90 { | |
padding-right: 90px !important; | |
} | |
.p-r-95 { | |
padding-right: 95px !important; | |
} | |
.p-r-100 { | |
padding-right: 100px !important; | |
} | |
/* padding-top & padding-bottom (0px - 100px) */ | |
.p-t-b-0 { | |
padding: 0px 0 !important; | |
} | |
.p-t-b-5 { | |
padding: 5px 0 !important; | |
} | |
.p-t-b-10 { | |
padding: 10px 0 !important; | |
} | |
.p-t-b-15 { | |
padding: 15px 0 !important; | |
} | |
.p-t-b-20 { | |
padding: 20px 0 !important; | |
} | |
.p-t-b-25 { | |
padding: 25px 0 !important; | |
} | |
.p-t-b-30 { | |
padding: 30px 0 !important; | |
} | |
.p-t-b-35 { | |
padding: 35px 0 !important; | |
} | |
.p-t-b-40 { | |
padding: 40px 0 !important; | |
} | |
.p-t-b-45 { | |
padding: 45px 0 !important; | |
} | |
.p-t-b-50 { | |
padding: 50px 0 !important; | |
} | |
.p-t-b-55 { | |
padding: 55px 0 !important; | |
} | |
.p-t-b-60 { | |
padding: 60px 0 !important; | |
} | |
.p-t-b-65 { | |
padding: 65px 0 !important; | |
} | |
.p-t-b-70 { | |
padding: 70px 0 !important; | |
} | |
.p-t-b-75 { | |
padding: 75px 0 !important; | |
} | |
.p-t-b-80 { | |
padding: 80px 0 !important; | |
} | |
.p-t-b-85 { | |
padding: 85px 0 !important; | |
} | |
.p-t-b-90 { | |
padding: 90px 0 !important; | |
} | |
.p-t-b-95 { | |
padding: 95px 0 !important; | |
} | |
.p-t-b-100 { | |
padding: 100px 0 !important; | |
} | |
/* padding-left & padding-right (0px - 100px) */ | |
.p-l-r-0 { | |
padding: 0 0px !important; | |
} | |
.p-l-r-5 { | |
padding: 0 5px !important; | |
} | |
.p-l-r-10 { | |
padding: 0 10px !important; | |
} | |
.p-l-r-15 { | |
padding: 0 15px !important; | |
} | |
.p-l-r-20 { | |
padding: 0 20px !important; | |
} | |
.p-l-r-25 { | |
padding: 0 25px !important; | |
} | |
.p-l-r-30 { | |
padding: 0 30px !important; | |
} | |
.p-l-r-35 { | |
padding: 0 35px !important; | |
} | |
.p-l-r-40 { | |
padding: 0 40px !important; | |
} | |
.p-l-r-45 { | |
padding: 0 45px !important; | |
} | |
.p-l-r-50 { | |
padding: 0 50px !important; | |
} | |
.p-l-r-55 { | |
padding: 0 55px !important; | |
} | |
.p-l-r-60 { | |
padding: 0 60px !important; | |
} | |
.p-l-r-65 { | |
padding: 0 65px !important; | |
} | |
.p-l-r-70 { | |
padding: 0 70px !important; | |
} | |
.p-l-r-75 { | |
padding: 0 75px !important; | |
} | |
.p-l-r-80 { | |
padding: 0 80px !important; | |
} | |
.p-l-r-85 { | |
padding: 0 85px !important; | |
} | |
.p-l-r-90 { | |
padding: 0 90px !important; | |
} | |
.p-l-r-95 { | |
padding: 0 95px !important; | |
} | |
.p-l-r-100 { | |
padding: 0 100px !important; | |
} | |
/* height (50px - 500px) */ | |
.h-50 { | |
height: 50px !important; | |
} | |
.h-100 { | |
height: 100px !important; | |
} | |
.h-150 { | |
height: 150px !important; | |
} | |
.h-200 { | |
height: 200px !important; | |
} | |
.h-250 { | |
height: 250px !important; | |
} | |
.h-300 { | |
height: 300px !important; | |
} | |
.h-350 { | |
height: 350px !important; | |
} | |
.h-400 { | |
height: 400px !important; | |
} | |
.h-450 { | |
height: 450px !important; | |
} | |
.h-500 { | |
height: 500px !important; | |
} | |
/* font-size (10px - 50px) */ | |
.f-s-10 { | |
font-size: 10px !important; | |
} | |
.f-s-11 { | |
font-size: 11px !important; | |
} | |
.f-s-12 { | |
font-size: 12px !important; | |
} | |
.f-s-13 { | |
font-size: 13px !important; | |
} | |
.f-s-14 { | |
font-size: 14px !important; | |
} | |
.f-s-15 { | |
font-size: 15px !important; | |
} | |
.f-s-16 { | |
font-size: 16px !important; | |
} | |
.f-s-17 { | |
font-size: 17px !important; | |
} | |
.f-s-18 { | |
font-size: 18px !important; | |
} | |
.f-s-19 { | |
font-size: 19px !important; | |
} | |
.f-s-20 { | |
font-size: 20px !important; | |
} | |
.f-s-21 { | |
font-size: 21px !important; | |
} | |
.f-s-22 { | |
font-size: 22px !important; | |
} | |
.f-s-23 { | |
font-size: 23px !important; | |
} | |
.f-s-24 { | |
font-size: 24px !important; | |
} | |
.f-s-25 { | |
font-size: 25px !important; | |
} | |
.f-s-26 { | |
font-size: 26px !important; | |
} | |
.f-s-27 { | |
font-size: 27px !important; | |
} | |
.f-s-28 { | |
font-size: 28px !important; | |
} | |
.f-s-29 { | |
font-size: 29px !important; | |
} | |
.f-s-30 { | |
font-size: 30px !important; | |
} | |
.f-s-31 { | |
font-size: 31px !important; | |
} | |
.f-s-32 { | |
font-size: 32px !important; | |
} | |
.f-s-33 { | |
font-size: 33px !important; | |
} | |
.f-s-34 { | |
font-size: 34px !important; | |
} | |
.f-s-35 { | |
font-size: 35px !important; | |
} | |
.f-s-36 { | |
font-size: 36px !important; | |
} | |
.f-s-37 { | |
font-size: 37px !important; | |
} | |
.f-s-38 { | |
font-size: 38px !important; | |
} | |
.f-s-39 { | |
font-size: 39px !important; | |
} | |
.f-s-40 { | |
font-size: 40px !important; | |
} | |
.f-s-41 { | |
font-size: 41px !important; | |
} | |
.f-s-42 { | |
font-size: 42px !important; | |
} | |
.f-s-43 { | |
font-size: 43px !important; | |
} | |
.f-s-44 { | |
font-size: 44px !important; | |
} | |
.f-s-45 { | |
font-size: 45px !important; | |
} | |
.f-s-46 { | |
font-size: 46px !important; | |
} | |
.f-s-47 { | |
font-size: 47px !important; | |
} | |
.f-s-48 { | |
font-size: 48px !important; | |
} | |
.f-s-49 { | |
font-size: 49px !important; | |
} | |
.f-s-50 { | |
font-size: 50px !important; | |
} | |
.bg-white { | |
background: white !important; | |
} | |
.bg-green { | |
background: #4caf50 !important; | |
} | |
.bg-green.lighten-1 { | |
background: #60c364 !important; | |
} | |
.bg-green.lighten-2 { | |
background: #74d778 !important; | |
} | |
.bg-green.lighten-3 { | |
background: #88eb8c !important; | |
} | |
.bg-green.lighten-4 { | |
background: #9cffa0 !important; | |
} | |
.bg-green.lighten-5 { | |
background: #b0ffb4 !important; | |
} | |
.bg-green.darken-1 { | |
background: #389b3c !important; | |
} | |
.bg-green.darken-2 { | |
background: #248728 !important; | |
} | |
.bg-green.darken-3 { | |
background: #107314 !important; | |
} | |
.bg-green.darken-4 { | |
background: #005f00 !important; | |
} | |
.bg-green.darken-5 { | |
background: #004b00 !important; | |
} | |
.bg-blue { | |
background: #2196f3 !important; | |
} | |
.bg-blue.lighten-1 { | |
background: #35aaff !important; | |
} | |
.bg-blue.lighten-2 { | |
background: #49beff !important; | |
} | |
.bg-blue.lighten-3 { | |
background: #5dd2ff !important; | |
} | |
.bg-blue.lighten-4 { | |
background: #71e6ff !important; | |
} | |
.bg-blue.lighten-5 { | |
background: #85faff !important; | |
} | |
.bg-blue.darken-1 { | |
background: #0d82df !important; | |
} | |
.bg-blue.darken-2 { | |
background: #006ecb !important; | |
} | |
.bg-blue.darken-3 { | |
background: #005ab7 !important; | |
} | |
.bg-blue.darken-4 { | |
background: #0046a3 !important; | |
} | |
.bg-blue.darken-5 { | |
background: #00328f !important; | |
} | |
.bg-red { | |
background: #f44336 !important; | |
} | |
.bg-red.lighten-1 { | |
background: #ff574a !important; | |
} | |
.bg-red.lighten-2 { | |
background: #ff6b5e !important; | |
} | |
.bg-red.lighten-3 { | |
background: #ff7f72 !important; | |
} | |
.bg-red.lighten-4 { | |
background: #ff9386 !important; | |
} | |
.bg-red.lighten-5 { | |
background: #ffa79a !important; | |
} | |
.bg-red.darken-1 { | |
background: #e02f22 !important; | |
} | |
.bg-red.darken-2 { | |
background: #cc1b0e !important; | |
} | |
.bg-red.darken-3 { | |
background: #b80700 !important; | |
} | |
.bg-red.darken-4 { | |
background: #a40000 !important; | |
} | |
.bg-red.darken-5 { | |
background: #900000 !important; | |
} | |
.bg-orange { | |
background: #ff9800 !important; | |
} | |
.bg-orange.lighten-1 { | |
background: #ffac14 !important; | |
} | |
.bg-orange.lighten-2 { | |
background: #ffc028 !important; | |
} | |
.bg-orange.lighten-3 { | |
background: #ffd43c !important; | |
} | |
.bg-orange.lighten-4 { | |
background: #ffe850 !important; | |
} | |
.bg-orange.lighten-5 { | |
background: #fffc64 !important; | |
} | |
.bg-orange.darken-1 { | |
background: #eb8400 !important; | |
} | |
.bg-orange.darken-2 { | |
background: #d77000 !important; | |
} | |
.bg-orange.darken-3 { | |
background: #c35c00 !important; | |
} | |
.bg-orange.darken-4 { | |
background: #af4800 !important; | |
} | |
.bg-orange.darken-5 { | |
background: #9b3400 !important; | |
} | |
.bg-pink { | |
background: #e91e63 !important; | |
} | |
.bg-pink.lighten-1 { | |
background: #fd3277 !important; | |
} | |
.bg-pink.lighten-2 { | |
background: #ff468b !important; | |
} | |
.bg-pink.lighten-3 { | |
background: #ff5a9f !important; | |
} | |
.bg-pink.lighten-4 { | |
background: #ff6eb3 !important; | |
} | |
.bg-pink.lighten-5 { | |
background: #ff82c7 !important; | |
} | |
.bg-pink.darken-1 { | |
background: #d50a4f !important; | |
} | |
.bg-pink.darken-2 { | |
background: #c1003b !important; | |
} | |
.bg-pink.darken-3 { | |
background: #ad0027 !important; | |
} | |
.bg-pink.darken-4 { | |
background: #990013 !important; | |
} | |
.bg-pink.darken-5 { | |
background: #850000 !important; | |
} | |
.bg-purple { | |
background: #9c27b0 !important; | |
} | |
.bg-purple.lighten-1 { | |
background: #b03bc4 !important; | |
} | |
.bg-purple.lighten-2 { | |
background: #c44fd8 !important; | |
} | |
.bg-purple.lighten-3 { | |
background: #d863ec !important; | |
} | |
.bg-purple.lighten-4 { | |
background: #ec77ff !important; | |
} | |
.bg-purple.lighten-5 { | |
background: #ff8bff !important; | |
} | |
.bg-purple.darken-1 { | |
background: #88139c !important; | |
} | |
.bg-purple.darken-2 { | |
background: #740088 !important; | |
} | |
.bg-purple.darken-3 { | |
background: #600074 !important; | |
} | |
.bg-purple.darken-4 { | |
background: #4c0060 !important; | |
} | |
.bg-purple.darken-5 { | |
background: #38004c !important; | |
} | |
.bg-teal { | |
background: #009688 !important; | |
} | |
.bg-teal.lighten-1 { | |
background: #14aa9c !important; | |
} | |
.bg-teal.lighten-2 { | |
background: #28beb0 !important; | |
} | |
.bg-teal.lighten-3 { | |
background: #3cd2c4 !important; | |
} | |
.bg-teal.lighten-4 { | |
background: #50e6d8 !important; | |
} | |
.bg-teal.lighten-5 { | |
background: #64faec !important; | |
} | |
.bg-teal.darken-1 { | |
background: #008274 !important; | |
} | |
.bg-teal.darken-2 { | |
background: #006e60 !important; | |
} | |
.bg-teal.darken-3 { | |
background: #005a4c !important; | |
} | |
.bg-teal.darken-4 { | |
background: #004638 !important; | |
} | |
.bg-teal.darken-5 { | |
background: #003224 !important; | |
} | |
.bg-lime { | |
background: #cddc39 !important; | |
} | |
.bg-lime.lighten-1 { | |
background: #e1f04d !important; | |
} | |
.bg-lime.lighten-2 { | |
background: #f5ff61 !important; | |
} | |
.bg-lime.lighten-3 { | |
background: #ffff75 !important; | |
} | |
.bg-lime.lighten-4 { | |
background: #ffff89 !important; | |
} | |
.bg-lime.lighten-5 { | |
background: #ffff9d !important; | |
} | |
.bg-lime.darken-1 { | |
background: #b9c825 !important; | |
} | |
.bg-lime.darken-2 { | |
background: #a5b411 !important; | |
} | |
.bg-lime.darken-3 { | |
background: #91a000 !important; | |
} | |
.bg-lime.darken-4 { | |
background: #7d8c00 !important; | |
} | |
.bg-lime.darken-5 { | |
background: #697800 !important; | |
} | |
.bg-brown { | |
background: #795548 !important; | |
} | |
.bg-brown.lighten-1 { | |
background: #8d695c !important; | |
} | |
.bg-brown.lighten-2 { | |
background: #a17d70 !important; | |
} | |
.bg-brown.lighten-3 { | |
background: #b59184 !important; | |
} | |
.bg-brown.lighten-4 { | |
background: #c9a598 !important; | |
} | |
.bg-brown.lighten-5 { | |
background: #ddb9ac !important; | |
} | |
.bg-brown.darken-1 { | |
background: #654134 !important; | |
} | |
.bg-brown.darken-2 { | |
background: #512d20 !important; | |
} | |
.bg-brown.darken-3 { | |
background: #3d190c !important; | |
} | |
.bg-brown.darken-4 { | |
background: #290500 !important; | |
} | |
.bg-brown.darken-5 { | |
background: #150000 !important; | |
} | |
.bg-grey { | |
background: #9e9e9e !important; | |
} | |
.bg-grey.lighten-1 { | |
background: #b2b2b2 !important; | |
} | |
.bg-grey.lighten-2 { | |
background: #c6c6c6 !important; | |
} | |
.bg-grey.lighten-3 { | |
background: #dadada !important; | |
color: #555555; | |
} | |
.bg-grey.lighten-4 { | |
background: #eeeeee !important; | |
color: #555555; | |
} | |
.bg-grey.lighten-5 { | |
background: white !important; | |
color: #555555; | |
} | |
.bg-grey.darken-1 { | |
background: #8a8a8a !important; | |
} | |
.bg-grey.darken-2 { | |
background: #767676 !important; | |
} | |
.bg-grey.darken-3 { | |
background: #626262 !important; | |
} | |
.bg-grey.darken-4 { | |
background: #4e4e4e !important; | |
} | |
.bg-grey.darken-5 { | |
background: #3a3a3a !important; | |
} | |
/* | |
Text colors | |
*/ | |
.text-black, | |
.text-black * { | |
color: #444444 !important; | |
} | |
.text-white, | |
.text-white * { | |
color: white !important; | |
} | |
.text-green, | |
.text-green * { | |
color: #4caf50 !important; | |
} | |
.text-blue, | |
.text-blue * { | |
color: #2196f3 !important; | |
} | |
.text-lime, | |
.text-lime * { | |
color: #cddc39 !important; | |
} | |
.text-red, | |
.text-red * { | |
color: #f44336 !important; | |
} | |
.text-purple, | |
.text-purple * { | |
color: #9c27b0 !important; | |
} | |
.text-pink, | |
.text-pink * { | |
color: #e91e63 !important; | |
} | |
.text-teal, | |
.text-teal * { | |
color: #009688 !important; | |
} | |
.text-brown, | |
.text-brown * { | |
color: #795548 !important; | |
} | |
.text-orange, | |
.text-orange * { | |
color: #ff9800 !important; | |
} | |
.text-grey, | |
.text-grey * { | |
color: #9e9e9e !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment