SASS - extend

style.scss

.messageDesign{
  padding: 10px;
  width: 150px;
  text-align: center;
  color: #444;
}

.error{
  border: 1px solid red;
  @extend .messageDesign;
}
.warning{
  border: 1px solid yellow;
  @extend .messageDesign;
}
.success{
  border:1px solid green;
  @extend .messageDesign;
}

or make a placeholder(%) messageDesign

WE USE PLACEHOLDER IF YOU DO NOT NEED TO HAVE ARGUMENT LIKE;
messageDesign(param1,param2)

%messageDesign{
  padding: 10px;
  width: 150px;
  text-align: center;
  color: #444;
}

.error{
  border: 1px solid red;
  @extend %messageDesign;
}
.warning{
  border: 1px solid yellow;
  @extend %messageDesign;
}
.success{
  border:1px solid green;
  @extend %messageDesign;
}

Bu blogdaki popüler yayınlar

SDLC - Software Development Life Cycle

@SerializedName and @Expose annotations