Selettori CSS dei temi Classy

Documentate tutti i selettori di classe CSS presenti nel tema Classy di Drupal 8 RC 2

Formato:

.foo { }
.foo-bar { }

filename.html.twig / filename.css

Twig - Selettori CSS disponibili nel tema Classy:

LAYOUT

Body

.user-logged-in { }
.path-frontpage { }
.path-[root_path] { }
.node--type-[node_type] { }
.db-offline { }
.visually-hidden { }
.focusable { }
.skip-link { }

file: html.html.twig
 

Page

.layout-container { }
.layout-content { }
.layout-sidebar-first { }
.layout-sidebar-second { }

file: page.html.twig
 

Region

.region { }
.region-[region] { }

file: region.html.twig
 

Book export

.section-[i] { }

file: layout/book-export-html.html.twig
 

Maintenance page

.layout-container { }
.name-and-slogan { }
.site-name { }
.site-slogan { }
.layout-sidebar-first { }
.layout-sidebar-second { }

file: layout/maintenance-page.html.twig

 

BLOCK

Basic

.block { }
.block-[configuration.provider] { }
.block-[plugin_id] { }

file: block/block.html.twig
 

Search form

.block { }
.block-search { }
.container-inline{ }

file: block/block--search-form-block.html.twig
 

Menu

.block { }
.block-menu { }
.navigation { }
.menu--[derivative_plugin_id] { }
.visually-hidden { }

file: block/block--system-menu-block.html.twig
 

Tabs

.tabs { }

file: block/block--local-tasks-block.html.twig
 

Local actions

.action-links { }

file: block/block--local-actions-block.html.twig
 

Branding

.site-logo { }
.site-name { }
.site-slogan { }

file: block/block--system-branding-block.html.twig

 

CONTENT

Page title

.page-title { }

file: content/page-title.html.twig
 

Node

.node { }
.node--type-[node.bundle] { }
.node--promoted { }
.node--sticky { }
.node--unpublished { }
.node--view-mode-[view_mode] { }
.node__meta { }
.node__submitted { }
.node__content { }

file: content/node.html.twig
 

Node links

.node__links { }

file: content/links--node.html.twig
 

Taxonomy term

.taxonomy-term { }
.vocabulary-[term.bundle] { }
.content { }

file: content/taxonomy-term.html.twig
 

Search result

.search-result__title { }
.search-result__snippet-info { }
.search-result__snippet { }
.search-result__info { }

file: content/search-result.html.twig
 

Comment

.comment { }
.js-comment { }
.[status] { }
.by-anonymous { }
.by-[commented_entity.EntityTypeId]-author { }
.hidden { }
.comment__meta { }
.comment__submitted { }
.parent { }
.visually-hidden { }
.content { }

file: content/comment.html.twig
 

Aggregator item

.aggregator-item { }
.feed-item-title { }

file: content/aggregator-item.html.twig
 

Mark

.marker { }

file: content/mark.html.twig
 

Book node export

.section-[depth] { }
.book-heading { }

file: content/book-node-export-html.html.twig

 

EDIT CONTENT

Node edit form

.layout-node-form { }
.clearfix { }
.layout-region { }
.layout-region-node-main { }
.layout-region-node-secondary { }
.layout-region-node-footer { }

file: content-edit/node-edit-form.html.twig
 

Node add list

.node-type-list { }

file: content-edit/node-add-list.html.twig
 

Text format wrapper

.js-text-format-wrapper { }
.text-format-wrapper { }
.js-form-item { }
.form-item { }
.description { }

file: content-edit/text-format-wrapper.html.twig
 

File form widget

.js-form-managed-file { }
.form-managed-file { }

file: content-edit/file-managed-file.html.twig
 

Image field widget

.image-preview { }
.image-widget-data { }

file: content-edit/image-widget.html.twig
 

Filter caption

.caption { }
.caption-[tag] { }

file: content-edit/filter-caption.html.twig
 

Filter guidelines

.filter-guidelines-item { }
.filter-guidelines-[format.id] { }
.label { }

file: content-edit/filter-guidelines.html.twig
 

Filter tips

.compose-tips { }
.filter-type { }
.filter-[name] { }
.tips { }
.filter-[item.id] { }

file: content-edit/filter-tips.html.twig

 

DATASET

Item list

.item-list--[context.list_style] { }
.item-list__[context.list_style] { }
.item-list { }

file: dataset/item-list.html.twig
 

Search results item list

.search-results { }
.[context.plugin]-results { }

file: dataset/item-list--search-results.html.twig
 

Table

.is-active { }
.odd { }
.even { }
.empty { }
.message { }

file: dataset/table.html.twig
 

List of forums and containers

.[forum.zebra] { }
.container { }
.forum-list__forum { }
.indented { }
.forum__icon { }
.forum-status-[forum.icon_class] { }
.visually-hidden { }
.forum__name { }
.forum__description { }
.forum__topics { }
.forum__posts { }
.forum__last-reply { }

file: dataset/forum-list.html.twig
 

Forum

.forum { }

file: dataset/forums.html.twig
 

Status icon for the forum post

.forum__icon { }
.forum__topic-status--[icon_status] { }
.visually-hidden { }

file: dataset/forum-icon.html.twig
 

Aggregator feed

.aggregator-feed { }

file: dataset/aggregator-feed.html.twig