@value (
  borderWidthPrimary
) from 'variables/_border.css';

@value (
  colorBorderPrimary,
  colorBorderSecondary
) from 'variables/_color.css';

/* Primary Start */

.borderPrimary {
  border: borderWidthPrimary solid colorBorderPrimary;
}

.borderTopPrimary {
  border-top: borderWidthPrimary solid colorBorderPrimary;
}

.borderBottomPrimary {
  border-bottom: borderWidthPrimary solid colorBorderPrimary;
}

.borderLeftPrimary {
  border-left: borderWidthPrimary solid colorBorderPrimary;
}

.borderRightPrimary {
  border-right: borderWidthPrimary solid colorBorderPrimary;
}

/* Primary End */

/* Secondary Start */

.borderSecondary {
  border: borderWidthPrimary solid colorBorderSecondary;
}

.borderTopSecondary {
  border-top: borderWidthPrimary solid colorBorderSecondary;
}

.borderBottomSecondary {
  border-bottom: borderWidthPrimary solid colorBorderSecondary;
}

.borderLeftSecondary {
  border-left: borderWidthPrimary solid colorBorderSecondary;
}

.borderRightSecondary {
  border-right: borderWidthPrimary solid colorBorderSecondary;
}

/* Secondary End */