Sha256: 5cb0c0097152a6829194a7100f1e089f7093c63da9d4d3cec40f3cb53fe8eace
Contents?: true
Size: 1.35 KB
Versions: 10
Compression:
Stored size: 1.35 KB
Contents
%section
%a.scroll-target{name: 'buttons'}
%a.scroll-target{name: 'button__styles'}
%h3.color-black Button Colors
-# %p
-# Use these classes on any HTML element that you would like to look and
-# act like a button. Can be used with any button color class below.
-#
-# .panel.panel--padded
-# %mh4 Standard Button
-# %p
-# %button{type: 'button', class: 'btn'}
-# Button
-# %p
-# %a{href: '#', class: 'btn'}
-# Link
-# %code
-# %p= "<button type='button' class='btn'>Button</button>"
-# %p= "<a href='#' class='btn'>Link</a>"
-#
-# %h4 Flat Button
-# %p Same as the standard button, but without depth.
-# %p
-# %button{type: 'button', class: 'btn btn-flat'}
-# Button
-# %p
-# %a{href: '#', class: 'btn btn-flat'}
-# Link
-# %code
-# %p= "<button type='button' class='btn btn-flat'>Button</button>"
-# %p= "<a href='#' class='btn btn-flat'>Link</a>"
-#
-# %h4 Block Button
-# %p Same as the standard button, but with display:block;
-# %p
-# %button{type: 'button', class: 'btn btn-block'}
-# Button
-# %p
-# %a{href: '#', class: 'btn btn-block'}
-# Link
-# %code
-# %p= "<button type='button' class='btn btn-block'>Button</button>"
-# %p= "<a href='#' class='btn btn-block'>Link</a>"
Version data entries
10 entries across 10 versions & 1 rubygems