updated doc comments

UnderlineWords · UnderlineWords · commit edfa3e41a997 · 2023-03-29T23:44:14.000+03:00
diff --git a/src/Utilities/_config/backdrop-filter.scss b/src/Utilities/_config/backdrop-filter.scss
@@ -1,5 +1,6 @@
 /// 
-/// Backdrop Filters
+/// Backdrop Filter
+/// 
 /// The backdrop-filter property is used to apply 
 /// a graphical effect to the area behind an element.
 /// 
diff --git a/src/Utilities/_config/bg-colors.scss b/src/Utilities/_config/bg-colors.scss
@@ -1,5 +1,10 @@
 /// 
-/// Bg Colors
+/// Background Colors
+///
+/// The background-color property sets 
+/// the background color of an element. The background of 
+/// an element is the total size of the element, 
+/// including padding and border (but not the margin).
 /// 
 $bg-colors: (
 	// class name, value
diff --git a/src/Utilities/_config/border-radius.scss b/src/Utilities/_config/border-radius.scss
@@ -1,6 +1,9 @@
 ///
 /// Border Radius
 /// 
+/// The border-radius property defines 
+/// the radius of the element's corners.
+/// 
 $border-radius: (
 	// class name (prefix), property
 	"radius-": "border-radius"
diff --git a/src/Utilities/_config/border-style.scss b/src/Utilities/_config/border-style.scss
@@ -1,5 +1,8 @@
 /// 
 /// Border Styles
+///
+/// The border-style property sets 
+/// the style of an element's four borders.
 /// 
 $border-styles: (
 	// class name, value
diff --git a/src/Utilities/_config/border.scss b/src/Utilities/_config/border.scss
@@ -1,5 +1,8 @@
 /// 
-/// Borders (width)
+/// Border
+///
+/// The border property is a shorthand property for
+/// border-width, border-style and border-color.
 /// 
 $borders:(
 	// class name (prefix), property
diff --git a/src/Utilities/_config/cursors.scss b/src/Utilities/_config/cursors.scss
@@ -1,5 +1,8 @@
 /// 
-/// Cursors
+/// Cursor
+///
+/// The cursor property specifies the mouse cursor
+/// to be displayed when pointing over an element.
 /// 
 $cursors: (
 	// class name, value
diff --git a/src/Utilities/_config/display-filter.scss b/src/Utilities/_config/display-filter.scss
@@ -1,5 +1,8 @@
 /// 
-/// Display Filters
+/// Filter
+///
+/// The filter property defines visual effects 
+/// (like blur and saturation) to an element (often <img>).
 /// 
 $display-filters: (
 	// class name, property, value
diff --git a/src/Utilities/_config/display.scss b/src/Utilities/_config/display.scss
@@ -1,5 +1,8 @@
 /// 
-/// Display Properties
+/// Display
+///
+/// The display property specifies the 
+/// display behavior (the type of rendering box) of an element.
 /// 
 $display-properties: (
 	// class name, value
diff --git a/src/Utilities/_config/flex-direction.scss b/src/Utilities/_config/flex-direction.scss
@@ -1,5 +1,8 @@
 /// 
-/// Direction of the flexible items (flex-direction)
+/// Flex Direction
+///
+/// The flex-direction property specifies 
+/// the direction of the flexible items.
 /// 
 $flex-directions: (
 	// class name, value
diff --git a/src/Utilities/_config/flex-grow.scss b/src/Utilities/_config/flex-grow.scss
@@ -1,5 +1,9 @@
 /// 
 /// Flex Grow
+///
+/// The flex-grow property specifies how much the item 
+/// will grow relative to the rest of the flexible items 
+/// inside the same container.
 /// 
 $flex-grow: (
 	("flex-grow", 1),
diff --git a/src/Utilities/_config/flex-shrink.scss b/src/Utilities/_config/flex-shrink.scss
@@ -1,5 +1,9 @@
 /// 
 /// Flex Shrink
+///
+/// The flex-shrink property specifies how the item 
+/// will shrink relative to the rest of the flexible items
+/// inside the same container.
 /// 
 $flex-shrink: (
 	("flex-shrink", 1),
diff --git a/src/Utilities/_config/flex-wrap.scss b/src/Utilities/_config/flex-wrap.scss
@@ -1,6 +1,9 @@
 /// 
 /// Flex Wrap
 /// 
+/// The flex-wrap property specifies whether 
+/// the flexible items should wrap or not.
+/// 
 $flex-wrap: (
 	("flex-wrap", wrap),
 	("flex-wrap-reverse", wrap-reverse),
diff --git a/src/Utilities/_config/font-sizes.scss b/src/Utilities/_config/font-sizes.scss
@@ -1,6 +1,8 @@
 /// 
 /// Font Size
 /// 
+/// The font-size property sets the size of a font.
+/// 
 $font-sizes: (
 	// class name, value
 	("mini-text", 60%),
diff --git a/src/Utilities/_config/font-weight.scss b/src/Utilities/_config/font-weight.scss
@@ -1,6 +1,9 @@
 /// 
 /// Font Weight
 /// 
+/// The font-weight property sets how thick 
+/// or thin characters in text should be displayed.
+/// 
 $font-weights: (
 	// class name (prefix), property
 	"weight-": "font-weight"
diff --git a/src/Utilities/_config/inset.scss b/src/Utilities/_config/inset.scss
@@ -1,5 +1,8 @@
 /// 
-/// Positioned Elements
+/// Inset
+/// 
+/// The inset property sets the distance 
+/// between an element and the parent element.
 /// 
 $insets: (
 	// class name, [values]
diff --git a/src/Utilities/_config/line-height.scss b/src/Utilities/_config/line-height.scss
@@ -1,6 +1,8 @@
 ///
 /// Line Height
 /// 
+/// The line-height property specifies the height of a line.
+/// 
 $line-heights: (
 	// class name (prefix), property
 	"line-height-": "line-height"
diff --git a/src/Utilities/_config/margin.scss b/src/Utilities/_config/margin.scss
@@ -1,6 +1,8 @@
 /// 
 /// Margin
 /// 
+/// The margin property sets the margins for an element.
+/// 
 $margin-helpers: (
 	// class name (prefix), property
 	("m-", "margin"),
diff --git a/src/Utilities/_config/object-fit.scss b/src/Utilities/_config/object-fit.scss
@@ -1,6 +1,12 @@
 /// 
 /// Object Fit
 /// 
+/// The object-fit property is used to specify 
+/// how an <img> or <video> should be resized to fit its container.
+/// This property tells the content to fill the container 
+/// in a variety of ways; such as "preserve that aspect ratio"
+/// or "stretch up and take up as much space as possible".
+/// 
 $object-fit: (
 	// class name, value
 	("fit-fill", fill),
diff --git a/src/Utilities/_config/order.scss b/src/Utilities/_config/order.scss
@@ -1,5 +1,9 @@
 /// 
-/// Order (order of a flexible item)
+/// Order
+/// 
+/// The order property specifies the order 
+/// of a flexible item relative to the rest 
+/// of the flexible items inside the same container.
 /// 
 $orders: (
 	// class name (prefix), property
diff --git a/src/Utilities/_config/overflow.scss b/src/Utilities/_config/overflow.scss
@@ -1,5 +1,8 @@
 /// 
-/// Overflow Properties
+/// Overflow
+/// 
+/// The overflow property specifies what should 
+/// happen if content overflows an element's box.
 /// 
 $overflow-properties: (
 	// class name, property, value
diff --git a/src/Utilities/_config/padding.scss b/src/Utilities/_config/padding.scss
@@ -1,6 +1,9 @@
 /// 
 /// Padding
 /// 
+/// An element's padding is the space between 
+/// its content and its border.
+/// 
 $padding-helpers: (
 	// class name (prefix), property
 	("p-", "padding"),
diff --git a/src/Utilities/_config/position.scss b/src/Utilities/_config/position.scss
@@ -1,5 +1,9 @@
 /// 
-/// Position Properties
+/// Position
+/// 
+/// The position property specifies the type 
+/// of positioning method used for an element 
+/// (static, relative, absolute, fixed, or sticky).
 /// 
 $position-properties: (
 	// class name, value
diff --git a/src/Utilities/_config/resize.scss b/src/Utilities/_config/resize.scss
@@ -1,6 +1,9 @@
 /// 
 /// Resize
 /// 
+/// The resize property defines if (and how)
+/// an element is resizable by the user.
+/// 
 $resizes: (
 	// class name, value
 	("resize-none", none),
diff --git a/src/Utilities/_config/text-colors.scss b/src/Utilities/_config/text-colors.scss
@@ -1,6 +1,8 @@
 /// 
 /// Text Colors
 /// 
+/// The color property specifies the color of text.
+/// 
 $text-colors: (
 	// class name, value
 	("color-grey", theme('color', 'grey')),
diff --git a/src/Utilities/_config/text-transform.scss b/src/Utilities/_config/text-transform.scss
@@ -1,6 +1,9 @@
 /// 
 /// Text Transforms
 /// 
+/// The text-transform property controls 
+/// the capitalization of text.
+/// 
 $text-transforms: (
 	// class name, value
 	("text-uppercase", uppercase),
diff --git a/src/Utilities/_config/user-select.scss b/src/Utilities/_config/user-select.scss
@@ -1,6 +1,9 @@
 /// 
 /// User Select
 /// 
+/// The user-select property specifies 
+/// whether the text of an element can be selected.
+/// 
 $user-selects: (
 	// class name, value
 	("user-select-none", none),
diff --git a/src/Utilities/_config/z-index.scss b/src/Utilities/_config/z-index.scss
@@ -1,5 +1,9 @@
 ///
-/// Stack Order (z-index)
+/// Z-Index
+/// 
+/// The z-index property specifies the stack order of an element.
+/// An element with greater stack order is always in front of an element 
+/// with a lower stack order.
 /// 
 $z-indexes: (
 	// class name (prefix), property
