How to use the frontity.styled.em function in frontity

To help you get started, we’ve selected a few frontity examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github frontity / frontity / packages / mars-theme / src / components / list / pagination.js View on Github external
{isTherePreviousPage && (
        
          
        
      )}
    
  );
};

/**
 * Connect Pagination to global context to give it access to
 * `state`, `actions`, `libraries` via props
 */
export default connect(Pagination);

const Text = styled.em`
  display: inline-block;
  margin-top: 16px;
`;
github goiblas / personal-blog / packages / goiblas-blog / src / components / list / pagination.js View on Github external
)}
      {isTherePreviousPage && isThereNextPage && " - "}
      {isTherePreviousPage && (
        
          
        
      )}
    
  );
};

export default connect(Pagination);

const Text = styled.em`
  display: inline-block;
  margin-top: 16px;
`;
github frontity / frontity / packages / twentytwenty-theme / src / components / archive / archive-pagination.js View on Github external
)}
      
      
    
  );
};

/**
 * Connect Pagination to global context to give it access to
 * `state`, `actions`, `libraries` via props
 */
export default connect(Pagination);

const Text = styled.em`
  display: inline-block;
  margin-top: 16px;
`;

const Container = styled.div`
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: calc(100% - 8rem);
  margin-left: auto;
  margin-right: auto;
`;