Bootstrap Extensions

widgets.less

// Variables

@widget-padding:			10px;

@widget-background-color		@whiter;
@widget-text-color:			@brand-secondary;

@widget-inverted-background-color:	@brand-primary;
@widget-inverted-text-color:		@white;

@widget-border-radius:			5px;

// Implementation

.widget {
  border-radius: @widget-border-radius;
  padding: @widget-padding;
  background-color: @widget-background-color;
  color: @widget-text-color;
}
.widget-inverted {
  background-color: @widget-inverted-background-color;
  color: @widget-inverted-text-color;
}