JavaScript glamorous span Examples

Example #1

File: whats-next.js Project: ryancoughlin/personal-site

const Headline = glamorous(Styles.Type.SectionHeadline)({
  fontSize: 56
})

const Body = glamorous(Styles.Type.Body)({
  marginBottom: 0
})

const Action = glamorous.div({
  marginTop: 100,
  display: 'flex',
  alignItems: 'center'
})

const MellowYellow = glamorous.span({
  color: '#C4A03B'
})

const ListItem = glamorous(Styles.Type.ListItem)({
  marginBottom: 16,
  [mediaQueries.phone]: {
    marginBottom: 12
  }
})

const TextLink = glamorous.a(
  {
    color: '#fff'
  },
  ({ textColor }) => ({
    color: textColor

Example #2

File: index.js Project: sunxing109/IoT-data-simulator

    textOverflow: "ellipsis"
});

const DetailsTableCell = ({ children: text }) => {
    return (
        <span title={Array.isArray(text) ? text.filter(t => !!t)[0] : text}>
            {text}
        </span>
    );
};

//const DetailsTableCell = glamorous.span({});

const DetailsTableTitle = glamorous.span({
    fontWeight: "500",
    marginRight: "5px",
    display: "inline-block"
});

const Container = glamorous.div({
    padding: "0",
    fontSize: "14px"
});

export {
    Title,
    Container,
    DetailsTable,
    DetailsTableRow,
    DetailsTableCell,
    DetailsTableTitle