The words Under construction in black text on a yellow background with diagonal black stipes surrounding it
I'm in the process of moving my site. It's still a work in progress. Please excuse the mess and broken links.

Tailwind Borders Cheatsheet

TODO: Pull subtitle into page object

One pixel borders are done with:

code_start_default_section code_end_default_section

Debugging Stuff

I'm moving stuff around right now. All this below is helping me figure out where to put stuff

        -- title

Tailwind Borders Cheatsheet

-- p

One pixel borders are done with:

-- code/
-- css

border-t	border-top-width: 1px;
border-r	border-right-width: 1px;
border-b	border-bottom-width: 1px;
border-l	border-left-width: 1px;

-- /code

-- p

Colors

-- code/
-- css

border-transparent
border-current
border-black
border-white  
border-gray-###
border-red-###
border-yellow-###
border-green-###
border-blue-###
border-indigo-###
border-purple-###
border-pink-###

-- /code

-- p

The other options are:

-- code/
-- css

border-0	border-width: 0px;
border-2	border-width: 2px;
border-4	border-width: 4px;
border-8	border-width: 8px;
border	border-width: 1px;
border-t-0	border-top-width: 0px;
border-r-0	border-right-width: 0px;
border-b-0	border-bottom-width: 0px;
border-l-0	border-left-width: 0px;
border-t-2	border-top-width: 2px;
border-r-2	border-right-width: 2px;
border-b-2	border-bottom-width: 2px;
border-l-2	border-left-width: 2px;
border-t-4	border-top-width: 4px;
border-r-4	border-right-width: 4px;
border-b-4	border-bottom-width: 4px;
border-l-4	border-left-width: 4px;
border-t-8	border-top-width: 8px;
border-r-8	border-right-width: 8px;
border-b-8	border-bottom-width: 8px;
border-l-8	border-left-width: 8px;

-- /code


-- categories
-- Tailwind
-- CSS

-- metadata
-- date: 2021-02-20 19:17:09
-- id: 20enznaq
-- status: published
-- type: post
-- SCRUBBED_NEO: false
-- site: aws