diff --git a/core/themes/classy/classy.info.yml b/core/themes/classy/classy.info.yml index bd61ce0..1cf6390 100644 --- a/core/themes/classy/classy.info.yml +++ b/core/themes/classy/classy.info.yml @@ -7,4 +7,5 @@ core: 8.x libraries: - classy/base + - classy/global-styling - core/normalize diff --git a/core/themes/classy/classy.libraries.yml b/core/themes/classy/classy.libraries.yml index e40a47e..90d8c55 100644 --- a/core/themes/classy/classy.libraries.yml +++ b/core/themes/classy/classy.libraries.yml @@ -19,6 +19,14 @@ drupal.comment.threaded: theme: css/comment/comment.theme.css: {} +global-styling: + version: VERSION + css: + component: + css/components/pager.css: { weight: -10 } + css/components/more-link.css: { weight: -10 } + css/components/exposed-filters.css: { weight: -10 } + node: version: VERSION css: diff --git a/core/themes/classy/css/base/exposed-filters.theme.css b/core/themes/classy/css/base/exposed-filters.theme.css deleted file mode 100644 index 99db930..0000000 --- a/core/themes/classy/css/base/exposed-filters.theme.css +++ /dev/null @@ -1,46 +0,0 @@ -/** - * @file - * Visual styles for exposed filters. - */ - -.exposed-filters .filters { - float: left; /* LTR */ - margin-right: 1em; /* LTR */ -} -[dir="rtl"] .exposed-filters .filters { - float: right; - margin-left: 1em; - margin-right: 0; -} -.exposed-filters .form-item { - margin: 0 0 0.1em 0; - padding: 0; -} -.exposed-filters .form-item label { - float: left; /* LTR */ - font-weight: normal; - width: 10em; -} -[dir="rtl"] .exposed-filters .form-item label { - float: right; -} -.exposed-filters .form-select { - width: 14em; -} -/* Current filters */ -.exposed-filters .current-filters { - margin-bottom: 1em; -} -.exposed-filters .current-filters .placeholder { - font-style: normal; - font-weight: bold; -} -.exposed-filters .additional-filters { - float: left; /* LTR */ - margin-right: 1em; /* LTR */ -} -[dir="rtl"] .exposed-filters .additional-filters { - float: right; - margin-left: 1em; - margin-right: 0; -} diff --git a/core/themes/classy/css/base/more-link.theme.css b/core/themes/classy/css/base/more-link.theme.css deleted file mode 100644 index c604061..0000000 --- a/core/themes/classy/css/base/more-link.theme.css +++ /dev/null @@ -1,12 +0,0 @@ -/** - * @file - * Markup generated by #type 'more_link'. - */ - -.more-link { - display: block; - text-align: right; /* LTR */ -} -[dir="rtl"] .more-link { - text-align: left; -} diff --git a/core/themes/classy/css/base/pager.theme.css b/core/themes/classy/css/base/pager.theme.css deleted file mode 100644 index a9471fc..0000000 --- a/core/themes/classy/css/base/pager.theme.css +++ /dev/null @@ -1,16 +0,0 @@ -/** - * @file - * Visual styles for pager. - */ - -.pager__items { - clear: both; - text-align: center; -} -.pager__item { - display: inline; - padding: 0.5em; -} -.pager__item.is-active { - font-weight: bold; -} diff --git a/core/themes/classy/css/components/exposed-filters.css b/core/themes/classy/css/components/exposed-filters.css new file mode 100644 index 0000000..99db930 --- /dev/null +++ b/core/themes/classy/css/components/exposed-filters.css @@ -0,0 +1,46 @@ +/** + * @file + * Visual styles for exposed filters. + */ + +.exposed-filters .filters { + float: left; /* LTR */ + margin-right: 1em; /* LTR */ +} +[dir="rtl"] .exposed-filters .filters { + float: right; + margin-left: 1em; + margin-right: 0; +} +.exposed-filters .form-item { + margin: 0 0 0.1em 0; + padding: 0; +} +.exposed-filters .form-item label { + float: left; /* LTR */ + font-weight: normal; + width: 10em; +} +[dir="rtl"] .exposed-filters .form-item label { + float: right; +} +.exposed-filters .form-select { + width: 14em; +} +/* Current filters */ +.exposed-filters .current-filters { + margin-bottom: 1em; +} +.exposed-filters .current-filters .placeholder { + font-style: normal; + font-weight: bold; +} +.exposed-filters .additional-filters { + float: left; /* LTR */ + margin-right: 1em; /* LTR */ +} +[dir="rtl"] .exposed-filters .additional-filters { + float: right; + margin-left: 1em; + margin-right: 0; +} diff --git a/core/themes/classy/css/components/more-link.css b/core/themes/classy/css/components/more-link.css new file mode 100644 index 0000000..c604061 --- /dev/null +++ b/core/themes/classy/css/components/more-link.css @@ -0,0 +1,12 @@ +/** + * @file + * Markup generated by #type 'more_link'. + */ + +.more-link { + display: block; + text-align: right; /* LTR */ +} +[dir="rtl"] .more-link { + text-align: left; +} diff --git a/core/themes/classy/css/components/pager.css b/core/themes/classy/css/components/pager.css new file mode 100644 index 0000000..a9471fc --- /dev/null +++ b/core/themes/classy/css/components/pager.css @@ -0,0 +1,16 @@ +/** + * @file + * Visual styles for pager. + */ + +.pager__items { + clear: both; + text-align: center; +} +.pager__item { + display: inline; + padding: 0.5em; +} +.pager__item.is-active { + font-weight: bold; +}