-
Notifications
You must be signed in to change notification settings - Fork 4
Sass Loops Maps
Ryan Trimble edited this page Apr 15, 2024
·
1 revision
-
Maps
- Brand Colors
- Config Colors
- Site Colors
- Breakpoints
- Image Sizes
- Radius
- Loader Colors
- Background Sizes
-
Loops
variable.$columns
config.$breakpoints
- Margin & Padding letters
variables.$xy-border
variables.$spacers
-
Maps
- Button Colors
-
Loop
- Button colors
- Loops
- Error colors
-
Loops
config.$image-size
-
Maps
- All Colors
-
Loops
variables.$spacers
variables.$xy-border
- All colors
-
Loops
variables.$message-colors
-
Loop
- All Colors (not doing anything)
config.$radius
-
Loops
variables.$xy-border
-
Loops
config.$bg-size
-
Loops
variables.xy-borders
colors.all-colors
-
Maps
- Message Colors
- Grayscale Colors
- Error Colors
- Utilities Colors
-
Loops
- All Colors
- Error Colors
-
Maps
- Displays
-
Loops
config.$breakpoints
variables.$displays
-
$d in (s: show, h: hide)
(This will be removed)
-
Loops
variables.$flex-align
variables.$flex-direction
variables.$flex-justify
- Cursors
-
Map
- Cursor types
-
Loops
- Cursor types
- Positions
-
Loops
variables.$positions
variables.$xy-borders
-
Loops
- Corners
-
Maps
- Directions
-
Loops
variables.$spacers
$corners
- Height & Weight
- Loops
variables.$quarter-values
- Overflow
-
Loops
variables.$overflow
-
Loops
-
Loops
variables.$xy-border
variables.$spacers
-
$letter in (margin: m, padding: p)
(This will most likely be removed with using fluid spacing.
-
Loops
variables.$font-style
variables.$text-align
variables.$text-transform
variables.$greyscale
variables.$font-scale
- Other
-
Maps
- Position
- Border
- Columns
- Quarter Values
- Overflow
-
Maps
- Radius
-
Maps
$radius
-
Maps
- Spacing
-
Maps
- Spacers
-
Maps
- Typography
-
Maps
- Font scale
- Font style
- Text align
- Text transform
-
Maps
- Flex
-
Maps
- Flex-align
- Flex-direction
- Flex-justify
-
Maps