Harbuk logo

Helper Class


Global Fonts

Global Font Weight

.f-extra-light ___ AAAA -- -- EXTRA-LIGHT
.f-light ___ AAAA -- -- LIGHT
.f-thin ___ AAAA -- -- THIN
.f-regular ___ AAAA -- -- REGULAR
.f-medium ___ AAAA -- -- MEDIUM
.f-semi-bold ___ AAAA -- -- SEMI-BOLD
.f-bold ___ AAAA -- -- BOLD
.f-extra-bold ___ AAAA -- -- EXTRA-BOLD
.f-heavy ___ AAAA -- -- HEAVY
.f-black ___ AAAA -- -- BLACK

Global Font Sizes [1px to 30px]

.f-1 ___ font-size:1px

.f-2 ___ font-size:2px

.f-3 ___ font-size:3px

.f-4 ___ font-size:4px

.f-5 ___ font-size:5px

.f-6 ___ font-size:6px

.f-7 ___ font-size:7px

.f-8 ___ font-size:8px

.f-9 ___ font-size:9px

.f-10 ___ font-size:10px

.f-11 ___ font-size:11px

.f-12 ___ font-size:12px

.f-13 ___ font-size:13px

.f-14 ___ font-size:14px

.f-15 ___ font-size:15px

.f-16 ___ font-size:16px

.f-17 ___ font-size:17px

.f-18 ___ font-size:18px

.f-19 ___ font-size:19px

.f-20 ___ font-size:20px

.f-21 ___ font-size:21px

.f-22 ___ font-size:22px

.f-23 ___ font-size:23px

.f-24 ___ font-size:24px

.f-25 ___ font-size:25px

.f-26 ___ font-size:26px

.f-27 ___ font-size:27px

.f-28 ___ font-size:28px

.f-29 ___ font-size:29px

.f-30 ___ font-size:30px


COLORS

.text-blue = #04C5CD

.text-baby-blue = #DFFEFF

.text-dark-red = #BC2E2E

.text-red = #FF0000

.text-red-16 = #FF000016

.text-black = #040404

.text-black-30 = #00000030

.text-black-50 = #00000050

.text-gray = #707070

.text-light-gray-1 = #EFEFEF

.text-light-gray-2 = #F8F8F8

.text-white = #FFFFFF