diff --git a/core/themes/bartik/bartik.libraries.yml b/core/themes/bartik/bartik.libraries.yml index 734f3faacfe..25dd457c45e 100644 --- a/core/themes/bartik/bartik.libraries.yml +++ b/core/themes/bartik/bartik.libraries.yml @@ -6,6 +6,7 @@ global-styling: css/base/typography.css: {} css/layout.css: {} css/components/admin.css: {} + css/components/block.css: {} css/components/book.css: {} css/components/breadcrumb.css: {} css/components/captions.css: {} @@ -20,7 +21,7 @@ global-styling: css/components/forum.css: {} css/components/header.css: {} css/components/help.css: {} - css/components/list.css: {} + css/components/item-list.css: {} css/components/messages.css: {} css/components/node-preview.css: {} css/components/pager.css: {} diff --git a/core/themes/bartik/css/components/block.css b/core/themes/bartik/css/components/block.css new file mode 100644 index 00000000000..33c38820d6f --- /dev/null +++ b/core/themes/bartik/css/components/block.css @@ -0,0 +1,16 @@ +/** + * @file + * Visual styles for Bartik's blocks. + */ + +.block ol, +.block ul { + margin: 0; + padding: 0 0 0.25em 1em; /* LTR */ +} +[dir="rtl"] .block ol, +[dir="rtl"] .block ul { + padding: 0 1em 0.25em 0; + /* This is required to win over specifity of [dir="rtl"] ul.menu */ + margin-right: 0; +} diff --git a/core/themes/bartik/css/components/content.css b/core/themes/bartik/css/components/content.css index 16653824a05..e236da793af 100644 --- a/core/themes/bartik/css/components/content.css +++ b/core/themes/bartik/css/components/content.css @@ -188,3 +188,12 @@ ul.links { width: 10px; display: inline-block; } +.region-content ul, +.region-content ol { + margin: 1em 0; + padding: 0 0 0.25em 15px; /* LTR */ +} +[dir="rtl"] .region-content ul, +[dir="rtl"] .region-content ol { + padding: 0 15px 0.25em 0; +} diff --git a/core/themes/bartik/css/components/contextual.css b/core/themes/bartik/css/components/contextual.css index 0b083951e7f..27903525331 100644 --- a/core/themes/bartik/css/components/contextual.css +++ b/core/themes/bartik/css/components/contextual.css @@ -2,3 +2,7 @@ #footer-wrapper .contextual .trigger { border: none; } +.contextual-region .contextual .contextual-links a { + font-size: 0.923em; + text-shadow: 0 0 0 !important; +} diff --git a/core/themes/bartik/css/components/item-list.css b/core/themes/bartik/css/components/item-list.css new file mode 100644 index 00000000000..eeb4e77b817 --- /dev/null +++ b/core/themes/bartik/css/components/item-list.css @@ -0,0 +1,12 @@ +/** + * @file + * Visual styles for Bartik's item list. + */ + +.item-list ul li { + margin: 0; + padding: 0.2em 0.5em 0 0; /* LTR */ +} +[dir="rtl"] .item-list ul li { + padding: 0.2em 0 0 0.5em; +} diff --git a/core/themes/bartik/css/components/list.css b/core/themes/bartik/css/components/list.css deleted file mode 100644 index af8cc6bd185..00000000000 --- a/core/themes/bartik/css/components/list.css +++ /dev/null @@ -1,67 +0,0 @@ -/* ------------------ List Styles ------------------ */ - -.block ol, -.block ul { - margin: 0; - padding: 0 0 0.25em 1em; /* LTR */ -} -[dir="rtl"] .block ol, -[dir="rtl"] .block ul { - padding: 0 1em 0.25em 0; - /* This is required to win over specifity of [dir="rtl"] ul.menu */ - margin-right: 0; -} -.contextual-region .contextual .contextual-links a { - font-size: 0.923em; - text-shadow: 0 0 0 !important; -} -.pager .pager__items { - padding: 0; -} -.pager__item { - font-size: 0.929em; - padding: 10px 15px; -} -.pager__item a { - display: inline-block; -} -.pager__item.is-active a { - color: #3B3B3B; - border-bottom: 0; -} -.pager__item--first, -.pager__item--previous { - padding: 10px 10px 10px 0; -} -.pager__item--ellipsis { - padding: 10px 0; -} -.pager__item--last, -.pager__item--next { - padding: 10px 0 10px 10px; -} -ul.menu li { - margin: 0; -} -.region-content ul, -.region-content ol { - margin: 1em 0; - padding: 0 0 0.25em 15px; /* LTR */ -} -[dir="rtl"] .region-content ul, -[dir="rtl"] .region-content ol { - padding: 0 15px 0.25em 0; -} -.item-list ul li { - margin: 0; - padding: 0.2em 0.5em 0 0; /* LTR */ -} -[dir="rtl"] .item-list ul li { - padding: 0.2em 0 0 0.5em; -} -ul.tips { - padding: 0 0 0 1.25em; /* LTR */ -} -[dir="rtl"] ul.tips { - padding: 0 1.25em 0 0; -}