adoralaura/hugo-book-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Button shortcode redesign: smaller font, resize

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/_defaults.scss
View file

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

2
assets/_main.scss
View file

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

13
assets/_shortcodes.scss
View file

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

4
exampleSite/content/docs/shortcodes/buttons.md
View file

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

2
exampleSite/resources/_gen/assets/scss/book.scss_50fc8c04e12a2f59027287995557ceff.content
View file

File diff suppressed because one or more lines are too long

2
exampleSite/resources/_gen/assets/scss/book.scss_50fc8c04e12a2f59027287995557ceff.json
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="}}