summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorsarrahvesselov <svesselov@gitlab.com>2017-09-20 14:57:53 -0400
committersarrahvesselov <svesselov@gitlab.com>2017-09-20 14:57:53 -0400
commit0058c315f84d712010e512681e0481bcf34f094a (patch)
treee95a7e033f1a37c8ea4010245052b6f8cfeadd2f
parent6a2bab1f90f7d7aa4eb02fb16e1c0e96c46bb794 (diff)
downloadgitlab-ce-32894-update-ux-icon-documentation.tar.gz
-rw-r--r--doc/development/ux_guide/basics.md4
1 files changed, 4 insertions, 0 deletions
diff --git a/doc/development/ux_guide/basics.md b/doc/development/ux_guide/basics.md
index 1e661bda7ca..dcd5f677f25 100644
--- a/doc/development/ux_guide/basics.md
+++ b/doc/development/ux_guide/basics.md
@@ -36,6 +36,10 @@ This is the typeface used for code blocks and references to commits, branches, a
GitLab has a strong, unique personality. When you look at any screen, you should know immediately know that it is GitLab.
Iconography is a powerful visual cue to the user and is a great way for us to reflect our particular sense of style.
+- **Standard size:** 16px * 16px
+- **Border thickness:** 2px
+- **Border radius:** 3px
+
![Icon sampler](img/icon-spec.png)
> TODO: List all icons, proper usage, hover, and active states.