diff options
author | Scott Hampton <shampton@gitlab.com> | 2019-07-11 10:06:09 +0000 |
---|---|---|
committer | Phil Hughes <me@iamphill.com> | 2019-07-11 10:06:09 +0000 |
commit | d97032ca0aa52caba9f436a14eaae57b6ef41379 (patch) | |
tree | 964c12c8c9384528eda7851c094a2f6e2bb1bb36 /app/assets/stylesheets/framework/variables.scss | |
parent | 2d5b47a708172f5f048f84c6d27f87f860423206 (diff) | |
download | gitlab-ce-d97032ca0aa52caba9f436a14eaae57b6ef41379.tar.gz |
Bring buttons style up to design spec
This is a CSS effort only.
Fixes the padding of the buttons to be `8px 12px`
(including border) so that the button height is
32px.
Also adjusts the border width for all buttons when
the state is `hover`, `focus`, or `active to be 2px
thick instead of 1px thick. This is accomplished
through an inset box-shadow as not to increase
the size of the button.
Fixes some colors for primary and tertiary buttons.
Diffstat (limited to 'app/assets/stylesheets/framework/variables.scss')
-rw-r--r-- | app/assets/stylesheets/framework/variables.scss | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/variables.scss b/app/assets/stylesheets/framework/variables.scss index c108f45622f..047a9799c3f 100644 --- a/app/assets/stylesheets/framework/variables.scss +++ b/app/assets/stylesheets/framework/variables.scss @@ -405,6 +405,8 @@ $tanuki-yellow: #fca326; */ $green-500-focus: rgba($green-500, 0.4); $gl-btn-active-background: rgba(0, 0, 0, 0.16); +$gl-btn-hover-shadow-dark: rgba($black, 0.2); +$gl-btn-hover-shadow-light: rgba($black, 0.1); $gl-btn-active-gradient: inset 0 2px 3px $gl-btn-active-background; /* @@ -481,6 +483,8 @@ $gl-btn-padding: 10px; $gl-btn-line-height: 16px; $gl-btn-vert-padding: 8px; $gl-btn-horz-padding: 12px; +$gl-bordered-btn-vert-padding: $gl-btn-vert-padding - 1px; +$gl-bordered-btn-horz-padding: $gl-btn-horz-padding - 1px; $gl-btn-small-font-size: 13px; $gl-btn-small-line-height: 18px; $gl-btn-xs-font-size: 13px; |