feat: add sizes 'regular' and 'large' to button shortcode (#135)
This commit is contained in:
parent
cc10b9d80a
commit
021eaf7ab6
5 changed files with 32 additions and 5 deletions
|
@ -70,6 +70,9 @@ steps:
|
||||||
when:
|
when:
|
||||||
ref:
|
ref:
|
||||||
- refs/pull/**
|
- refs/pull/**
|
||||||
|
status:
|
||||||
|
- failure
|
||||||
|
- success
|
||||||
|
|
||||||
trigger:
|
trigger:
|
||||||
ref:
|
ref:
|
||||||
|
@ -270,6 +273,6 @@ depends_on:
|
||||||
|
|
||||||
---
|
---
|
||||||
kind: signature
|
kind: signature
|
||||||
hmac: 2c0c709a64128fd42c47d3549184ac29e2225be8de1953fa2e72b63aa0b7e871
|
hmac: 9aae6e48a3316cb2881f7f6ae959a7868cb727138e0bdaae927c873b6417ccaa
|
||||||
|
|
||||||
...
|
...
|
||||||
|
|
|
@ -3,6 +3,7 @@ title: Welcome to the documentation
|
||||||
description: Geekdoc is a simple Hugo theme for documentations. It is intentionally designed as a fast and lean theme and may not fit the requirements of complex projects. If a more feature-complete theme is required there are a lot of got alternatives out there.
|
description: Geekdoc is a simple Hugo theme for documentations. It is intentionally designed as a fast and lean theme and may not fit the requirements of complex projects. If a more feature-complete theme is required there are a lot of got alternatives out there.
|
||||||
geekdocNav: false
|
geekdocNav: false
|
||||||
geekdocAlign: center
|
geekdocAlign: center
|
||||||
|
geekdocAnchor: false
|
||||||
---
|
---
|
||||||
|
|
||||||
<!-- markdownlint-capture -->
|
<!-- markdownlint-capture -->
|
||||||
|
@ -18,9 +19,9 @@ geekdocAlign: center
|
||||||
|
|
||||||
Geekdoc is a simple Hugo theme for documentations. It is intentionally designed as a fast and lean theme and may not fit the requirements of complex projects. If a more feature-complete theme is required there are a lot of got alternatives out there.
|
Geekdoc is a simple Hugo theme for documentations. It is intentionally designed as a fast and lean theme and may not fit the requirements of complex projects. If a more feature-complete theme is required there are a lot of got alternatives out there.
|
||||||
|
|
||||||
{{< button relref="usage/getting-started/" >}}Explore Documentation{{< /button >}}
|
{{< button size="large" relref="usage/getting-started/" >}}Getting Started{{< /button >}}
|
||||||
|
|
||||||
## Features
|
## Feature overview
|
||||||
|
|
||||||
{{< columns >}}
|
{{< columns >}}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,10 @@
|
||||||
{{ $ref := "" }}
|
{{ $ref := "" }}
|
||||||
{{ $target := "" }}
|
{{ $target := "" }}
|
||||||
|
{{ $size := default "regular" (.Get "size" | lower) }}
|
||||||
|
|
||||||
|
{{ if not (in (slice "regular" "large") $size) }}
|
||||||
|
{{ $size = "regular" }}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
{{ with .Get "href" }}
|
{{ with .Get "href" }}
|
||||||
{{ $ref = . }}
|
{{ $ref = . }}
|
||||||
|
@ -10,7 +15,7 @@
|
||||||
{{ $ref = relref $ . }}
|
{{ $ref = relref $ . }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
<span class="gdoc-button{{ with .Get "class" }} {{ . }}{{ end }}">
|
<span class="gdoc-button gdoc-button--{{ $size }}{{ with .Get "class" }} {{ . }}{{ end }}">
|
||||||
<a {{ with $ref }} href="{{.}}" {{ end }} {{ with $target }} target="{{.}}" {{ end }} class="gdoc-button__link">
|
<a {{ with $ref }} href="{{.}}" {{ end }} {{ with $target }} target="{{.}}" {{ end }} class="gdoc-button__link">
|
||||||
{{ $.Inner }}
|
{{ $.Inner }}
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -9,6 +9,7 @@ $font-size-base: 16px !default;
|
||||||
$font-size-12: 0.75rem !default;
|
$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;
|
||||||
|
$font-size-20: 1.25rem !default;
|
||||||
$font-size-24: 1.5rem !default;
|
$font-size-24: 1.5rem !default;
|
||||||
$font-size-32: 2rem !default;
|
$font-size-32: 2rem !default;
|
||||||
$font-size-64: 4rem !default;
|
$font-size-64: 4rem !default;
|
||||||
|
|
|
@ -82,6 +82,8 @@
|
||||||
|
|
||||||
// {{< button >}}
|
// {{< button >}}
|
||||||
.gdoc-button {
|
.gdoc-button {
|
||||||
|
$root: &;
|
||||||
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: var(--accent-color-lite);
|
background: var(--accent-color-lite);
|
||||||
border: $border-1 solid var(--accent-color);
|
border: $border-1 solid var(--accent-color);
|
||||||
|
@ -93,7 +95,6 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: inherit !important;
|
color: inherit !important;
|
||||||
text-decoration: none !important;
|
text-decoration: none !important;
|
||||||
padding: $padding-4 $padding-16;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
@ -101,6 +102,22 @@
|
||||||
border-color: var(--button-border-color);
|
border-color: var(--button-border-color);
|
||||||
color: $gray-100;
|
color: $gray-100;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&--regular {
|
||||||
|
font-size: $font-size-base;
|
||||||
|
|
||||||
|
#{$root}__link {
|
||||||
|
padding: $padding-4 $padding-8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&--large {
|
||||||
|
font-size: $font-size-20;
|
||||||
|
|
||||||
|
#{$root}__link {
|
||||||
|
padding: $padding-8 $padding-16;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// {{< hint >}}
|
// {{< hint >}}
|
||||||
|
|
Loading…
Reference in a new issue