docs(tailwind): add structure

frontend/tailwind.css

@@ -132,3 +132,598 @@
  .overflow-y-scroll   /* overflow-y: scroll; */
  .scrolling-touch     /* -webkit-overflow-scrolling: touch; */
  .scrolling-auto      /* -webkit-overflow-scrolling: auto; */
+ 
+ /*
+  * Position
+  * ----------
+  * 
+  * 
+  */
+ 
+ 
+ /*
+  * Top / Right / Bottom / Left
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Visibility
+  * ----------
+  * 
+  * 
+  */
+ 
+ 
+ /*
+  * Z-Index
+  * ----------
+  * 
+  * 
+  */
+ 
+  
+ /* *******************************************************************************************
+ * FLEXBOX
+ * ******************************************************************************************* */
+ 
+ /*
+  * Flex Direction
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Flex Wrap
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Align Items
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Align Content
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Align Self
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Justify Content
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Flex
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Flex Grow
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Flex Shrink
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Order
+  * ----------
+  * 
+  * 
+  */
+ 
+ /* *******************************************************************************************
+ * GRID
+ * ******************************************************************************************* */
+ 
+ /*
+  * Grid Template Columns
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Grid Column Start / End
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Grid Template Rows
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Grid Row Start / End
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Gap
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Grid Auto Flow
+  * ----------
+  * 
+  * 
+  */
+ 
+ /* *******************************************************************************************
+ * SPACING
+ * ******************************************************************************************* */
+ 
+ /*
+  * Padding
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Margin
+  * ----------
+  * 
+  * 
+  */
+ 
+ /* *******************************************************************************************
+ * SIZING
+ * ******************************************************************************************* */
+ 
+ /*
+  * Width
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Min-Width
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Max-Width
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Height
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Min-Height
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Max-Height
+  * ----------
+  * 
+  * 
+  */
+ 
+ /* *******************************************************************************************
+ * TYPOGRAPHY
+ * ******************************************************************************************* */
+ 
+ /*
+  * Font Family
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Font Size
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Font Smoothing
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Font Style
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Font Weight
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Letter Spacing
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Line Height
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * List Style Type
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * List Style Position
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Placeholder Color
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Text Align
+  * ----------
+  * 
+  * 
+  */
+ 
+ 
+ /*
+  * Text Color
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Text Decoration
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Text Transform
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Vertical Align
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * Whitespace
+  * ----------
+  * 
+  * 
+  */
+ 
+ 
+ /*
+  * Word Break
+  * ----------
+  * 
+  * 
+  */
+ 
+ /* *******************************************************************************************
+ * BACKGROUNDS
+ * ******************************************************************************************* */
+ 
+ /*
+  * BACKGROUND ATTACHMENT
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * BACKGROUND COLOR
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * BACKGROUND POSITION
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * BACKGROUND REPEAT
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * BACKGROUND SIZE
+  * ----------
+  * 
+  * 
+  */
+ 
+ /* *******************************************************************************************
+ * BORDERS
+ * ******************************************************************************************* */
+ 
+ /*
+  * BORDER COLOR
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * BORDER STYLE
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * BORDER WIDTH
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * BORDER RADIUS
+  * ----------
+  * 
+  * 
+  */
+ 
+ /* *******************************************************************************************
+ * TABLES
+ * ******************************************************************************************* */
+ 
+ /*
+  * BORDER COLLAPSE
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * TABLE LAYOUT
+  * ----------
+  * 
+  * 
+  */
+ 
+ /* *******************************************************************************************
+ * EFFECTS
+ * ******************************************************************************************* */
+ 
+ /*
+  * BOX SHADOW
+  * ----------
+  * 
+  * 
+  */
+ 
+ 
+ /*
+  * OPACITY
+  * ----------
+  * 
+  * 
+  */
+ 
+ /* *******************************************************************************************
+ * TRANSITIONS
+ * ******************************************************************************************* */
+ 
+ /*
+  * TRANSITION PROPERTY
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * TRANSITION DURATION
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * TRANSITION TIMING FUNCTION
+  * ----------
+  * 
+  * 
+  */
+ 
+ /* *******************************************************************************************
+ * TRANSFORMS
+ * ******************************************************************************************* */
+ 
+ /*
+  * SCALE
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * ROTATE
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * TRANSLATE
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * SKEW
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * TRANSFORM ORIGIN
+  * ----------
+  * 
+  * 
+  */
+ 
+ /* *******************************************************************************************
+ * INTERACTIVITY
+ * ******************************************************************************************* */
+ 
+ /*
+  * APPEARANCE
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * CURSOR
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * OUTLINE
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * POINTER EVENTS
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * RESIZE
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * USER SELECT
+  * ----------
+  * 
+  * 
+  */
+ 
+ /* *******************************************************************************************
+ * SVG
+ * ******************************************************************************************* */
+ 
+ /*
+  * FILL
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * STROKE
+  * ----------
+  * 
+  * 
+  */
+ 
+ /*
+  * STROKE WIDTH
+  * ----------
+  * 
+  * 
+  */
+ 
+ /* *******************************************************************************************
+ * ACCESSIBILITY
+ * ******************************************************************************************* */
+ 
+ /*
+  * SCREEN READERS
+  * ----------
+  * 
+  * 
+  */
+