The following CSS file must be included in order for Ionic Framework to work properly.

    core.css

    This file is the only stylesheet that is required in order for Ionic components to work properly. It includes app specific styles, and allows the property to work across components. If this file is not included the colors will not show up and some elements may not appear properly.

    The following CSS files are recommended to be included in an Ionic Framework app. If they are not included, some elements may have undesired styles. If Ionic Framework components are being used outside of an app, these files may not be necessary.

    structure.css

    Applies styles to <html> and defaults to border-box. It ensures scrolling behaves like native in mobile devices.

    typography.css

    normalize.css

    Makes browsers render all elements more consistently and in line with modern standards. It is based on Normalize.css.

    The following set of CSS files are optional and can safely be commented out or removed if the application is not using any of the features.

    padding.css

    Adds utility classes to modify the padding or margin on any element, see CSS Utilities for usage information.

    float-elements.css

    Adds utility classes to float an element based on the breakpoint and side, see CSS Utilities for usage information.

    text-alignment.css

    text-transformation.css

    Adds utility classes to transform the text of an element to , lowercase or based on the breakpoint, see for usage information.

    flex-utils.css

    Adds utility classes to align flex containers and items, see for usage information.

    display.css

    Adds utility classes to hide any element based on the breakpoint, see for usage information.

    Usage

    Refer to for how to include the global stylesheets based on the framework and CSS Utilities for how to use the optional utilities.