From ecadab6e2ca1eeb3ef312e2ae9e1be0c6c7e4f7a Mon Sep 17 00:00:00 2001
From: webchick <drupal@webchick.net>
Date: Fri, 10 Oct 2014 08:27:31 -0700
Subject: [PATCH] Issue #2298821 by LewisNyman: Move generic layout styling
into system.admin.css.
---
core/modules/system/css/system.admin.css | 41 ++++++++++++++++++++++++
core/themes/seven/css/layout/layout.css | 38 ----------------------
2 files changed, 41 insertions(+), 38 deletions(-)
diff --git a/core/modules/system/css/system.admin.css b/core/modules/system/css/system.admin.css
index 853ded2f014b..a363e6f94e75 100644
--- a/core/modules/system/css/system.admin.css
+++ b/core/modules/system/css/system.admin.css
@@ -3,6 +3,47 @@
* Styles for administration pages.
*/
+/**
+ * Reusable layout styles.
+ */
+.layout-container {
+ margin: 0 1.5em;
+}
+.layout-container:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+@media screen and (min-width: 38em) {
+ .layout-container {
+ margin: 0 2.5em;
+ }
+ .layout-column {
+ float: left; /* LTR */
+ box-sizing: border-box;
+ }
+ [dir="rtl"] .layout-column {
+ float: right;
+ }
+ .layout-column + .layout-column {
+ padding-left: 10px; /* LTR */
+ }
+ [dir="rtl"] .layout-column + .layout-column {
+ padding-right: 10px;
+ padding-left: 0;
+ }
+ .layout-column.half {
+ width: 50%;
+ }
+ .layout-column.quarter {
+ width: 25%;
+ }
+ .layout-column.three-quarter {
+ width: 75%;
+ }
+}
+
/**
* Administration blocks.
*/
diff --git a/core/themes/seven/css/layout/layout.css b/core/themes/seven/css/layout/layout.css
index d85367aa8c26..eb7c2bf0b365 100644
--- a/core/themes/seven/css/layout/layout.css
+++ b/core/themes/seven/css/layout/layout.css
@@ -1,41 +1,3 @@
-.layout-container {
- margin: 0 1.5em;
-}
-.layout-container:after {
- content: "";
- display: table;
- clear: both;
-}
-
-@media screen and (min-width: 38em) {
- .layout-container {
- margin: 0 2.5em;
- }
- .layout-column {
- float: left; /* LTR */
- box-sizing: border-box;
- }
- [dir="rtl"] .layout-column {
- float: right;
- }
- .layout-column + .layout-column {
- padding-left: 10px; /* LTR */
- }
- [dir="rtl"] .layout-column + .layout-column {
- padding-right: 10px;
- padding-left: 0;
- }
- .layout-column.half {
- width: 50%;
- }
- .layout-column.quarter {
- width: 25%;
- }
- .layout-column.three-quarter {
- width: 75%;
- }
-}
-
/**
* Add spacing to bottom of pages
*/
--
GitLab