Paragraph Inputs
Components / Molecules
Base
Founded on
during one of the toughest real estate climates, Franklin Street has blossomed into one of the
full-service commercial real estate firms in the Southeast, with offices in
. Our family of real estate companies—which include
—is focused on delivering value-added solutions to the evolving demands of our clients.
Franklin Street and our family of full-service companies are
to providing supreme advisory services for our clients through the collaboration of each member in our team of professionals.
By embracing
and the development and recruitment of
, we are able to deliver precise and accurate information to help clients make the most
successful decisions in
.
Sizes
Widths
Breakpoints
CSS classes for the paragraph inputs container. These classes change the line-height to correspond with the size of the inputs. For example, if you're using .input--small input elements, your paragraph input class on the container should be .paragraph-inputs--small.
.paragraph-inputs(same as.paragraph-inputs--medium).paragraph-inputs--smallest.paragraph-inputs--smaller.paragraph-inputs--small.paragraph-inputs--medium.paragraph-inputs--large.paragraph-inputs--larger.paragraph-inputs--largest
You may also use different sizes at different breakpoints from --xxs to --xxl.
CSS classes for input widths within a .paragraph-inputs container. These should be applied on the .input element. If these widths do not suite you needs, create and use your own CSS class that declares your own max-width (outside of the Design System CSS).
.input--paragraph(same as.input--paragraph--medium).input--paragraph--narrowest(one letter).input--paragraph--narrower(two letters).input--paragraph--narrow(three letters).input--paragraph--medium(four letters).input--paragraph--wide(five letters).input--paragraph--wider(six letters).input--paragraph--widest(seven letters).input--paragraph--full(sets max-width to 100%)
You may also use different widths at different breakpoints from --xxs to --xxl.
.input--paragraph widths were based on the letter M.