Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Note

Warning: Styling mentioned on this page is limited. Please refer to https://styleguide.asce.org/section-components.html#asgref-components-buttons for a more comprehensive representation.

Contents

Table of Contents
7
minLevel1
maxLevel2
outlinetrue
stylenone
exclude(C|c)ontents
typeflat
separatorpipe

Default Button Style

Default State

Property

Value

Notes

1

background-color

#ffffff

White

2

color

#1a1a1a

Black

3

font-size

1.125rem

4

font-weight

800

5

text-align

center

6

padding

15px 35px

7

border

solid 2px transparent

8

border-radius

30px

...

Property

Value

Note

1

background

rgb(148, 148, 148)

2

color

rgb(255, 255, 255)

White

3

border-color

rgb(148, 148, 148)

...

White Button Style

Default State

Property

Value

Note

1

background-color

#ffffff

White

2

color

#1a1a1a

Black

3

font-size

1.125rem

4

font-weight

800

5

text-align

center

6

padding

15px 35px

7

border

solid 2px transparent

8

border-radius

30px

...

Property

Value

Note

1

background

rgb(148, 148, 148)

2

color

rgb(255, 255, 255)

White

3

border-color

rgb(148, 148, 148)

...

Gray Button Style

Default State

Property

Value

Note

1

background-color

#edeff1

Gray

2

color

#1a1a1a

Black

3

font-size

1.125rem

4

font-weight

800

5

text-align

center

6

padding

15px 35px

7

border

solid 2px transparent

8

border-radius

30px

...