From 8047ae3d83ba0718fb7a42907036157e5c680b85 Mon Sep 17 00:00:00 2001
From: "Andrey V.Kosteltsev" <AKosteltsev@IBS.RU>
Date: Mon, 4 Jul 2022 23:59:32 +0300
Subject: IBS: _sila UI theme

---
 src/components/_sila/Global/PageContainer.vue | 37 +++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/components/_sila/Global/PageContainer.vue

(limited to 'src/components/_sila/Global/PageContainer.vue')

diff --git a/src/components/_sila/Global/PageContainer.vue b/src/components/_sila/Global/PageContainer.vue
new file mode 100644
index 00000000..ab4adb63
--- /dev/null
+++ b/src/components/_sila/Global/PageContainer.vue
@@ -0,0 +1,37 @@
+<template>
+  <main id="main-content" class="page-container">
+    <slot />
+  </main>
+</template>
+
+<script>
+import JumpLinkMixin from '@/components/Mixins/JumpLinkMixin';
+export default {
+  name: 'PageContainer',
+  mixins: [JumpLinkMixin],
+  created() {
+    this.$root.$on('skip-navigation', () => {
+      this.setFocus(this.$el);
+    });
+  },
+};
+</script>
+<style lang="scss" scoped>
+main {
+  width: 100%;
+  height: 100%;
+  padding-top: $spacer * 1.5;
+  padding-bottom: $spacer * 3;
+  padding-left: $spacer;
+  padding-right: $spacer;
+
+  &:focus-visible {
+    box-shadow: inset 0 0 0 2px theme-color('primary');
+    outline: none;
+  }
+
+  @include media-breakpoint-up($responsive-layout-bp) {
+    padding-left: $spacer * 2;
+  }
+}
+</style>
-- 
cgit v1.2.3

