Remove redundant comments from CSS variable files

Author: lazaronixon

app/assets/stylesheets/css-zero/animations.css

@@ -1,6 +1,4 @@
 /****************************************************************
-* Animation
-* Variables for animating elements with CSS animations.
 * animation: var(--animate-fade-in) forwards;
 *****************************************************************/
 

app/assets/stylesheets/css-zero/borders.css

@@ -1,7 +1,5 @@
 :root {
   /****************************************************************
-  * Border Width
-  * Variables for controlling the width of an element's borders.
   * border-width: var(--border);
   *****************************************************************/
   --border:   1px;
@@ -10,8 +8,6 @@
   --border-8: 8px;
 
   /****************************************************************
-  * Border Radius
-  * Variables for controlling the border radius of an element.
   * border-radius: var(--rounded-sm);
   *****************************************************************/
   --rounded-xs:   0.125rem; /* 2px */

app/assets/stylesheets/css-zero/effects.css

@@ -1,7 +1,5 @@
 :root {
   /****************************************************************
-  * Box Shadow
-  * Variables for controlling the box shadow of an element.
   * box-shadow: var(--shadow-sm);
   ****************************************************************/
   --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
@@ -13,8 +11,6 @@
   --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
 
   /****************************************************************
-  * Opacity
-  * Variables for controlling the opacity of an element.
   * opacity: var(--opacity-25);
   ****************************************************************/
   --opacity-5:   0.05;

app/assets/stylesheets/css-zero/filters.css

@@ -1,7 +1,5 @@
 :root {
   /****************************************************************
-  * Blur
-  * Variables for applying blur filters to an element.
   * filter|backdrop-filter: var(--blur-sm);
   *****************************************************************/
   --blur-none: blur(0);
@@ -14,8 +12,6 @@
   --blur-3xl:  blur(64px);
 
   /****************************************************************
-  * Brightness
-  * Variables for applying brightness filters to an element.
   * filter|backdrop-filter: var(--brightness-50);
   *****************************************************************/
   --brightness-0:   brightness(0);
@@ -31,8 +27,6 @@
   --brightness-200: brightness(2);
 
   /****************************************************************
-  * Contrast
-  * Variables for applying contrast filters to an element.
   * filter|backdrop-filter: var(--contrast-50);
   *****************************************************************/
   --contrast-0:   contrast(0);

app/assets/stylesheets/css-zero/transforms.css

@@ -1,7 +1,5 @@
 :root {
   /****************************************************************
-  * Scale
-  * Variables for scaling elements with transform.
   * transform: var(--scale-100);
   *****************************************************************/
   --scale-50:  scale(0.50);
@@ -15,8 +13,6 @@
   --scale-150: scale(1.50);
 
   /****************************************************************
-  * Rotate
-  * Variables for rotating elements with transform.
   * transform: var(--rotate-45);
   *****************************************************************/
   --rotate-0:   rotate(0deg);
@@ -30,8 +26,6 @@
   --rotate-180: rotate(180deg);
 
   /****************************************************************
-  * Skew
-  * Varibles for skewing elements with transform.
   * transform: var(--skew-x-3);
   *****************************************************************/
   --skew-x-0:  skewX(0deg);

app/assets/stylesheets/css-zero/transitions.css

@@ -1,16 +1,12 @@
 :root {
   /****************************************************************
-  * Transition Property
-  * Variables for controlling which CSS properties transition.
   * transition-property: var(--transition);
   *****************************************************************/
   --transition: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
   --transition-colors: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
   --transition-transform: transform, translate, scale, rotate;
 
   /****************************************************************
-  * Transition Timing
-  * Variables for controlling the timing of CSS transitions.
   * transition-duration|transition-delay: var(--time-75);
   *****************************************************************/
   --time-75:   75ms;
@@ -23,8 +19,6 @@
   --time-1000: 1000ms;
 
   /****************************************************************
-  * Transition Timing Function
-  * Variables for controlling the easing of CSS transitions.
   * transition-timing-function: var(--ease-3);
   *****************************************************************/
   --ease-1: cubic-bezier(.25, 0, .5, 1);

app/assets/stylesheets/css-zero/typography.css

@@ -1,7 +1,5 @@
 :root {
   /****************************************************************
-  * Font Size
-  * Variables for controlling the font size of an element.
   * font-size: var(--text-xs);
   *****************************************************************/
   --text-xs:   0.75rem;  /* 12px */
@@ -31,8 +29,6 @@
   --text-fluid-7xl:  clamp(4.5rem, 2.91rem + 7.95vw, 8rem);         /* 72px..128px */
 
   /****************************************************************
-  * Font Weight
-  * Variables for controlling the font weight of an element.
   * font-weight: var(--font-hairline);
   *****************************************************************/
   --font-thin:       100;
@@ -46,8 +42,6 @@
   --font-black:      900;
 
   /****************************************************************
-  * Line Height
-  * Variables for controlling the leading (line height) of an element.
   * line-height: var(--leading-tight);
   *****************************************************************/
   --leading-none:    1;
@@ -66,8 +60,6 @@
   --leading-10:      2.5rem;  /* 40px */
 
   /****************************************************************
-  * Font Family (https://modernfontstacks.com)
-  * Variables for controlling the font family of an element.
   * font-family: var(--font-sans);
   *****************************************************************/
   --font-system-ui: system-ui, sans-serif;
@@ -87,8 +79,6 @@
   --font-handwritten: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;
 
   /****************************************************************
-  * Letter Spacing
-  * Variables for controlling the tracking (letter spacing) of an element.
   * letter-spacing: var(--tracking-tighter);
   *****************************************************************/
   --tracking-tighter: -0.05em;