Button shortcode redesign: smaller font, resize

This commit is contained in:
Alex Shpak 2020-02-10 17:49:18 +01:00
parent caeba5ec99
commit 72cf0968ce
6 changed files with 14 additions and 11 deletions

View File

@ -9,7 +9,7 @@ $font-size-12: 0.75rem !default;
$font-size-14: 0.875rem !default;
$font-size-16: 1rem !default;
$border-radius: 0.15rem !default;
$border-radius: $padding-4 !default;
// Grayscale
$white: #ffffff !default;

View File

@ -181,7 +181,7 @@ ul.pagination {
padding: $padding-8;
border: 0;
border-radius: $padding-4;
border-radius: $border-radius;
background: $gray-100;
color: $body-font-color;

View File

@ -85,14 +85,17 @@
// {{< button >}}
a.book-btn {
display: inline-block;
color: $color-link !important;
text-decoration: none !important;
font-size: $font-size-14;
color: $color-link;
line-height: $padding-16 * 2;
padding: 0 $padding-16;
border: $padding-1 solid $color-link;
border-radius: $border-radius;
padding: $padding-4 $padding-16;
margin-top: $padding-8;
margin-bottom: $padding-8;
cursor: pointer;
&:hover {
text-decoration: none;
}
}
// {{< hint >}}

View File

@ -2,12 +2,12 @@
Buttons are styled links that can lead to local page or external link.
## Example
```tpl
{{</* button relref="/" [class="..."] */>}}Get Home{{</* /button */>}}
{{</* button href="https://github.com/alex-shpak/hugo-book" */>}}Contribute{{</* /button */>}}
```
## Example
{{< button relref="/" >}}Get Home{{< /button >}}
{{< button href="https://github.com/alex-shpak/hugo-book" >}}Contribute{{< /button >}}

View File

@ -1 +1 @@
{"Target":"book.min.2be4522169c4fea9b6803cbaf17a73f469f456c3e131b4a22a9481b3e0c9d18b.css","MediaType":"text/css","Data":{"Integrity":"sha256-K+RSIWnE/qm2gDy68Xpz9Gn0VsPhMbSiKpSBs+DJ0Ys="}}
{"Target":"book.min.e44f7b3e03f829c264df576fb55b300cec33280fe834e604024e41b24dd6897a.css","MediaType":"text/css","Data":{"Integrity":"sha256-5E97PgP4KcJk31dvtVswDOwzKA/oNOYEAk5Bsk3WiXo="}}