diff --git a/src/_includes/icons/symbols/edit.svg b/src/_includes/icons/symbols/edit.svg new file mode 100755 index 0000000000..e5b330753f --- /dev/null +++ b/src/_includes/icons/symbols/edit.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/_includes/icons/symbols/plus.svg b/src/_includes/icons/symbols/plus.svg new file mode 100755 index 0000000000..9c1b54bda9 --- /dev/null +++ b/src/_includes/icons/symbols/plus.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/_layouts/home.html b/src/_layouts/home.html index 5796ecd2c5..ac97f02931 100644 --- a/src/_layouts/home.html +++ b/src/_layouts/home.html @@ -46,7 +46,27 @@

{% include_cached navbar/nav.html %} {% unless page.hide-sidebar %} {% endunless %} diff --git a/src/_layouts/page.html b/src/_layouts/page.html index 716706463d..390939f6af 100644 --- a/src/_layouts/page.html +++ b/src/_layouts/page.html @@ -47,16 +47,32 @@

{% include_cached navbar/nav.html %}
diff --git a/src/_sass/components/_button-hollow.scss b/src/_sass/components/_button-hollow.scss index 180e4a0df8..c9515b524e 100644 --- a/src/_sass/components/_button-hollow.scss +++ b/src/_sass/components/_button-hollow.scss @@ -1,4 +1,12 @@ .button-hollow { color: color(secondary); padding: 12px 0; + + &--gray { + color: color(gray-dark); + } + + &--small { + padding: 8px 0; + } } diff --git a/src/_sass/components/_button.scss b/src/_sass/components/_button.scss index a820a4abfe..981a99a40a 100644 --- a/src/_sass/components/_button.scss +++ b/src/_sass/components/_button.scss @@ -18,7 +18,15 @@ &__icon { display: inline-block; - vertical-align: middle; + vertical-align: text-bottom; + } + + &__text { + padding-left: 3px; + } + + &--xsmall { + font-size: 12px; } &--small { @@ -27,6 +35,7 @@ line-height: 1.14; padding: 9px 8px; } + &--small-bordered { font-size: 14px; font-weight: 500; @@ -48,6 +57,7 @@ &--expand { width: 100%; } + &--half { width: 50%; } diff --git a/src/_sass/components/_sidebar.scss b/src/_sass/components/_sidebar.scss index 896ff495f0..aad7b192f2 100644 --- a/src/_sass/components/_sidebar.scss +++ b/src/_sass/components/_sidebar.scss @@ -2,13 +2,13 @@ $this: &; & > * + * { - margin-top: 32px; - padding-top: 32px; - border-top: 1px solid color(border-gray); + margin-top: 15px; + padding-top: 15px; + border-top: 1px solid color(border-gray-dark); } & > * + *:last-child { - padding-top: 32px; + padding-top: 15px; } &__content {