function drupal_get_css

Returns a themed representation of all stylesheets to attach to the page.

It loads the CSS in order, with 'module' first, then 'theme' afterwards. This ensures proper cascading of styles so themes can easily override module styles through CSS selectors.

Themes may replace module-defined CSS files by adding a stylesheet with the same filename. For example, themes/bartik/system-menus.css would replace modules/system/system-menus.css. This allows themes to override complete CSS files, rather than specific selectors, when necessary.

If the original CSS file is being overridden by a theme, the theme is responsible for supplying an accompanying RTL CSS file to replace the module's.

Parameters

$css: (optional) An array of CSS files. If no array is provided, the default stylesheets array is used instead.

$skip_alter: (optional) If set to TRUE, this function skips calling drupal_alter() on $css, useful when the calling function passes a $css array that has already been altered.

Return value

A string of XHTML CSS tags.

See also

drupal_add_css()

14 calls to drupal_get_css()
AJAXFrameworkTestCase::testLazyLoad in modules/simpletest/tests/ajax.test
Test that new JavaScript and CSS files added during an AJAX request are returned.
ajax_render in includes/ajax.inc
Renders a commands array into JSON.
CascadingStylesheetsTestCase::testAlter in modules/simpletest/tests/common.test
Tests Locale module's CSS Alter to include RTL overrides.
CascadingStylesheetsTestCase::testRenderExternal in modules/simpletest/tests/common.test
Tests rendering an external stylesheet.
CascadingStylesheetsTestCase::testRenderFile in modules/simpletest/tests/common.test
Tests rendering the stylesheets.

... See full list

File

includes/common.inc, line 3226

Code

function drupal_get_css($css = NULL, $skip_alter = FALSE) {
    if (!isset($css)) {
        $css = drupal_add_css();
    }
    // Allow modules and themes to alter the CSS items.
    if (!$skip_alter) {
        drupal_alter('css', $css);
    }
    // Sort CSS items, so that they appear in the correct order.
    uasort($css, 'drupal_sort_css_js');
    // Provide the page with information about the individual CSS files used,
    // information not otherwise available when CSS aggregation is enabled. The
    // setting is attached later in this function, but is set here, so that CSS
    // files removed below are still considered "used" and prevented from being
    // added in a later AJAX request.
    // Skip if no files were added to the page or jQuery.extend() will overwrite
    // the Drupal.settings.ajaxPageState.css object with an empty array.
    if (!empty($css)) {
        // Cast the array to an object to be on the safe side even if not empty.
        $setting['ajaxPageState']['css'] = (object) array_fill_keys(array_keys($css), 1);
    }
    // Remove the overridden CSS files. Later CSS files override former ones.
    $previous_item = array();
    foreach ($css as $key => $item) {
        if ($item['type'] == 'file') {
            // If defined, force a unique basename for this file.
            $basename = isset($item['basename']) ? $item['basename'] : drupal_basename($item['data']);
            if (isset($previous_item[$basename])) {
                // Remove the previous item that shared the same base name.
                unset($css[$previous_item[$basename]]);
            }
            $previous_item[$basename] = $key;
        }
    }
    // Render the HTML needed to load the CSS.
    $styles = array(
        '#type' => 'styles',
        '#items' => $css,
    );
    if (!empty($setting)) {
        $styles['#attached']['js'][] = array(
            'type' => 'setting',
            'data' => $setting,
        );
    }
    return drupal_render($styles);
}

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.