diff --git a/client/less/site/border.less b/client/less/site/border.less
new file mode 100644
index 0000000..b35b984
--- /dev/null
+++ b/client/less/site/border.less
@@ -0,0 +1,42 @@
+@dtp-border-thick: 3px;
+
+.dtp-border {
+  border: solid;
+  border-width: 1px;
+
+  &.dtp-border-thick {
+    border-width: @dtp-border-thick;
+  }
+}
+
+.dtp-border-top {
+  border-top: solid 1px;
+
+  &.dtp-border-thick {
+    border-width: @dtp-border-thick;
+  }
+}
+
+.dtp-border-bottom {
+  border-bottom: solid 1px;
+
+  &.dtp-border-thick {
+    border-width: @dtp-border-thick;
+  }
+}
+
+.dtp-border-left {
+  border-left: solid 1px;
+
+  &.dtp-border-thick {
+    border-width: @dtp-border-thick;
+  }
+}
+
+.dtp-border-right {
+  border-right: solid 1px;
+
+  &.dtp-border-thick {
+    border-width: @dtp-border-thick;
+  }
+}
\ No newline at end of file
diff --git a/client/less/style.less b/client/less/style.less
index 3a5c225..219a1b5 100644
--- a/client/less/style.less
+++ b/client/less/style.less
@@ -4,6 +4,7 @@
 @import "site/uikit-theme.less";
 
 @import "site/main.less";
+@import "site/border.less";
 @import "site/image.less";
 @import "site/figure.less";
 @import "site/header-section.less";