Version 1

[yaffs-website] / web / core / themes / bartik / css / components / panel.css

diff --git a/web/core/themes/bartik/css/components/panel.css b/web/core/themes/bartik/css/components/panel.css
new file mode 100644 (file)
index 0000000..51ea941
--- /dev/null
+++ b/web/core/themes/bartik/css/components/panel.css
@@ -0,0 +1,21 @@
+/**
+ * @file
+ * Panel styling. Panels are used to visually group items together.
+ */
+
+.panel {
+  background: #fbfbfb;
+  border: 1px solid #ccc;
+  margin: 10px 0;
+  padding: 0 5px 5px;
+}
+.panel__title {
+  margin: 16px 7px;
+}
+.panel__content {
+  padding: 0 4px 2px 8px; /* LTR */
+}
+[dir="rtl"] .panel__content {
+  padding-right: 8px;
+  padding-left: 4px;
+}