@cfpb/cfpb-layout - npm Package Compare versions

Comparing version 0.41.0 to 0.42.0

package.json

 {
   "name": "@cfpb/cfpb-layout",
-  "version": "0.41.0",
+  "version": "0.42.0",
   "description": "Design System layouts",
@@ -11,4 +11,4 @@ "less": "src/cfpb-layout.less",
   "dependencies": {
-    "@cfpb/cfpb-core": "^0.41.0",
-    "@cfpb/cfpb-grid": "^0.41.0"
+    "@cfpb/cfpb-core": "^0.42.0",
+    "@cfpb/cfpb-grid": "^0.42.0"
   },
@@ -18,4 +18,4 @@ "keywords": [
   ],
-  "gitHead": "ae98338f132e189ec4658aeb726aa162d1d33f35",
+  "gitHead": "bf34d97c923564ba1aea3870875185ff9300e981",
   "type": "module"
 }

usage.md

@@ -68,29 +68,29 @@ A set of HTML and CSS layout helpers.
 // .block
-@block__bg:                 @gray-5;
-@block__border:             @gray-40;
-@block__border-top:         @gray-40;
-@block__border-right:       @gray-40;
-@block__border-bottom:      @gray-40;
-@block__border-left:        @gray-40;
+@block__bg:                 var(--gray-5);
+@block__border:             var(--gray-40);
+@block__border-top:         var(--gray-40);
+@block__border-right:       var(--gray-40);
+@block__border-bottom:      var(--gray-40);
+@block__border-left:        var(--gray-40);
 
 // .content_main
-@content_main-border:       @gray-40;
+@content_main-border:       var(--gray-40);
 
 // .content_sidebar
-@content_sidebar-bg:        @gray-5;
-@content_sidebar-border:    @gray-40;
+@content_sidebar-bg:        var(--gray-5);
+@content_sidebar-border:    var(--gray-40);
 
 // .content_line
-@content_line:              @gray-40;
+@content_line:              var(--gray-40);
 
 // .grid_column__top-divider
-@grid_column__top-divider:  @gray-40;
+@grid_column__top-divider:  var(--gray-40);
 
 // .grid_column__left-divider
-@grid_column__left-divider: @gray-40;
+@grid_column__left-divider: var(--gray-40);
 
 // Hero variables
-@hero-bg:                   @gray-5;
-@hero-knockout-bg:          @gray;
-@hero-knockout-text:        @white;
+@hero-bg:                   var(--gray-5);
+@hero-knockout-bg:          var(--gray);
+@hero-knockout-text:        var(--white);
 
@@ -97,0 +97,0 @@ // Featured Content Module variables

No alert changes

Improved metrics

Total package byte prevSize

166476

increased by0.95%

Lines of code

84

increased by1.2%

Dependency changes

• + Added@cfpb/cfpb-core@0.42.0(transitive)

• + Added@cfpb/cfpb-grid@0.42.0(transitive)

• - Removed@cfpb/cfpb-core@0.41.0(transitive)

• - Removed@cfpb/cfpb-grid@0.41.0(transitive)

• Updated@cfpb/cfpb-core@^0.42.0

• Updated@cfpb/cfpb-grid@^0.42.0