OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
openproject/app/assets/stylesheets/content/_buttons.md

1.1 KiB

Buttons

Default buttons

<input type="submit" class="button" value="Submit me"/>
<a href="#" class="button">Click me</a>
<input type="submit" class="button" value="Do not submit" disabled />

Highlight buttons

<input type="submit" class="button -highlight" value="Submit me"/>
<a href="#" class="button -highlight">Click me</a>
<input type="submit" class="button -highlight" value="Do not submit" disabled />

Active (depressed) buttons

<input type="submit" class="button -active" value="Submit me"/>
<a href="#" class="button -active">Click me</a>
<input type="submit" class="button -active" value="Do not submit" disabled />

Button sizes

<button class="button -tiny">Tiny</button>
<button class="button -small">Small</button>
<button class="button">Default</button>
<button class="button -large">Large</button>

Expanded buttons

<button class="button -expand">Expanded button</button>
<a href="#" class="button -expand">Expanded button as link</a>

Rounded buttons

<button class="button -round">Expanded button</button>
<a href="#" class="button -round">Expanded button as link</a>