Add full option in properties

src/style_manager/model/Property.js

@@ -15,6 +15,9 @@ const Property = require('backbone').Model.extend(
       visible: true,
       fixedValues: ['initial', 'inherit'],
 
+      // If true, the property will be forced to be full width
+      full: 0,
+
       // If true to the value will be added '!important'
       important: 0,
 

src/style_manager/view/PropertyView.js

@@ -484,8 +484,14 @@ module.exports = Backbone.View.extend({
     const pfx = this.pfx;
     const model = this.model;
     const el = this.el;
+    const property = model.get('property');
+    const full = model.get('full');
+    const className = `${pfx}property`;
     el.innerHTML = this.template(model);
-    el.className = `${pfx}property ${pfx}${model.get('type')}`;
+    el.className = `${className} ${pfx}${model.get(
+      'type'
+    )} ${className}__${property}`;
+    el.className += full ? ` ${className}--full` : '';
     this.updateStatus();
 
     const onRender = this.onRender && this.onRender.bind(this);

src/styles/scss/_gjs_style_manager.scss

@@ -252,6 +252,7 @@
     margin-bottom: 5px;
     padding: 0 5px;
 
+    &--full,
     &.#{$sm-prefix}composite,
     &.#{$sm-prefix}file,
     &.#{$sm-prefix}list,