diff --git a/src/component/base/index.js b/src/component/base/index.js
index a6b968f8..1831dca1 100644
--- a/src/component/base/index.js
+++ b/src/component/base/index.js
@@ -4,7 +4,6 @@ import '../../style/reset/index.css';
// base styles for all components
import '../../style/animation/index.css';
import '../../style/font/index.css';
-import '../../style/spacing/index.css';
import '../../style/state/index.css';
import '../../style/typography/index.css';
import '../../style/zindex/index.css';
diff --git a/src/component/bookmarkForm/index.css b/src/component/bookmarkForm/index.css
index 8f7ea66b..0fca54aa 100644
--- a/src/component/bookmarkForm/index.css
+++ b/src/component/bookmarkForm/index.css
@@ -16,6 +16,10 @@
}
}
+.bookmark-form-description {
+ margin-bottom: 3em;
+}
+
.bookmark-form-main {
padding-bottom: var(--bookmark-form-space);
}
diff --git a/src/component/bookmarkForm/index.js b/src/component/bookmarkForm/index.js
index ce3dcee3..cd4ca624 100644
--- a/src/component/bookmarkForm/index.js
+++ b/src/component/bookmarkForm/index.js
@@ -30,7 +30,7 @@ import { randomNumber } from '../../utility/randomNumber';
import './index.css';
-export const BookmarkForm = function ({
+export const BookmarkForm = function({
bookmarkData = false
} = {}) {
@@ -768,8 +768,10 @@ export const BookmarkForm = function ({
children: [
form.wrap({
children: [
- node('h2:Visual & Name|class:mb-2'),
- node('p:Display Letters, Icon, Image and a Name on this Bookmark tile.|class:mb-5')
+ node('div|class:bookmark-form-description', [
+ node('h2:Visual & Name'),
+ node('p:Display Letters, Icon, Image and a Name on this Bookmark tile.')
+ ])
]
}),
form.wrap({
@@ -796,8 +798,10 @@ export const BookmarkForm = function ({
children: [
form.wrap({
children: [
- node('h2:Address|class:mb-2'),
- complexNode({ tag: 'p', text: 'Be sure to use the full URL and include "https://..."', complexText: true, attr: [{ key: 'class', value: 'mb-5' }] })
+ node('div|class:bookmark-form-description', [
+ node('h2:Address'),
+ complexNode({ tag: 'p', text: 'Be sure to use the full URL and include "https://..."', complexText: true })
+ ])
]
}),
form.wrap({
@@ -818,8 +822,10 @@ export const BookmarkForm = function ({
children: [
form.wrap({
children: [
- node('h2:Position|class:mb-2'),
- node('p:The Group to place this Bookmark in.|class:mb-5')
+ node('div|class:bookmark-form-description', [
+ node('h2:Position'),
+ node('p:The Group to place this Bookmark in.')
+ ])
]
}),
form.wrap({
@@ -861,8 +867,10 @@ export const BookmarkForm = function ({
children: [
form.wrap({
children: [
- node('h2:Layout|class:mb-2'),
- node('p:Change the Visual Element and Name position, scale and orientation.|class:mb-5')
+ node('div|class:bookmark-form-description', [
+ node('h2:Layout'),
+ node('p:Change the Visual Element and Name position, scale and orientation.')
+ ])
]
}),
form.wrap({
@@ -906,8 +914,10 @@ export const BookmarkForm = function ({
children: [
form.wrap({
children: [
- node('h2:Theme|class:mb-2'),
- node('p:Override the Theme and Accent colour.|class:mb-5')
+ node('div|class:bookmark-form-description', [
+ node('h2:Theme'),
+ node('p:Override the Theme and Accent colour.')
+ ])
]
}),
form.wrap({
diff --git a/src/component/groupForm/index.css b/src/component/groupForm/index.css
index 7b48f6d4..43bbd19d 100644
--- a/src/component/groupForm/index.css
+++ b/src/component/groupForm/index.css
@@ -1,3 +1,7 @@
.group-form {
display: block;
}
+
+.group-form-description {
+ margin-bottom: 3em;
+}
diff --git a/src/component/groupForm/index.js b/src/component/groupForm/index.js
index 6bb08bd8..d9fb20a2 100644
--- a/src/component/groupForm/index.js
+++ b/src/component/groupForm/index.js
@@ -15,7 +15,7 @@ import { randomNumber } from '../../utility/randomNumber';
import './index.css';
-export const GroupForm = function ({
+export const GroupForm = function({
groupData = false
} = {}) {
@@ -138,8 +138,10 @@ export const GroupForm = function ({
children: [
form.wrap({
children: [
- node('h2:Name|class:mb-2'),
- node('p:Display a Name above this Group.|class:mb-5')
+ node('div|class:group-form-description', [
+ node('h2:Name'),
+ node('p:Display a Name above this Group.')
+ ])
]
}),
form.wrap({
@@ -174,8 +176,10 @@ export const GroupForm = function ({
children: [
form.wrap({
children: [
- node('h2:Toolbar|class:mb-2'),
- node('p:Display controls to open all or show/hide the Bookmarks in this Group.|class:mb-5')
+ node('div|class:group-form-description', [
+ node('h2:Toolbar'),
+ node('p:Display controls to open all or show/hide the Bookmarks in this Group.')
+ ])
]
}),
form.wrap({
@@ -201,8 +205,10 @@ export const GroupForm = function ({
children: [
form.wrap({
children: [
- node('h2:Ordering|class:mb-2'),
- node('p:The position of this Group.|class:mb-5')
+ node('div|class:group-form-description', [
+ node('h2:Ordering'),
+ node('p:The position of this Group.')
+ ])
]
}),
form.wrap({
diff --git a/src/style/spacing/index.css b/src/style/spacing/index.css
deleted file mode 100644
index f5d59123..00000000
--- a/src/style/spacing/index.css
+++ /dev/null
@@ -1,1563 +0,0 @@
-.mt-0,
-.my-0 {
- margin-top: 0 !important;
-}
-
-.mr-0,
-.mx-0 {
- margin-right: 0 !important;
-}
-
-.mb-0,
-.my-0 {
- margin-bottom: 0 !important;
-}
-
-.ml-0,
-.mx-0 {
- margin-left: 0 !important;
-}
-
-.m-1 {
- margin: 0.25rem !important;
-}
-
-.mt-1,
-.my-1 {
- margin-top: 0.25rem !important;
-}
-
-.mr-1,
-.mx-1 {
- margin-right: 0.25rem !important;
-}
-
-.mb-1,
-.my-1 {
- margin-bottom: 0.25rem !important;
-}
-
-.ml-1,
-.mx-1 {
- margin-left: 0.25rem !important;
-}
-
-.m-2 {
- margin: 0.5rem !important;
-}
-
-.mt-2,
-.my-2 {
- margin-top: 0.5rem !important;
-}
-
-.mr-2,
-.mx-2 {
- margin-right: 0.5rem !important;
-}
-
-.mb-2,
-.my-2 {
- margin-bottom: 0.5rem !important;
-}
-
-.ml-2,
-.mx-2 {
- margin-left: 0.5rem !important;
-}
-
-.m-3 {
- margin: 1rem !important;
-}
-
-.mt-3,
-.my-3 {
- margin-top: 1rem !important;
-}
-
-.mr-3,
-.mx-3 {
- margin-right: 1rem !important;
-}
-
-.mb-3,
-.my-3 {
- margin-bottom: 1rem !important;
-}
-
-.ml-3,
-.mx-3 {
- margin-left: 1rem !important;
-}
-
-.m-4 {
- margin: 1.5rem !important;
-}
-
-.mt-4,
-.my-4 {
- margin-top: 1.5rem !important;
-}
-
-.mr-4,
-.mx-4 {
- margin-right: 1.5rem !important;
-}
-
-.mb-4,
-.my-4 {
- margin-bottom: 1.5rem !important;
-}
-
-.ml-4,
-.mx-4 {
- margin-left: 1.5rem !important;
-}
-
-.m-5 {
- margin: 3rem !important;
-}
-
-.mt-5,
-.my-5 {
- margin-top: 3rem !important;
-}
-
-.mr-5,
-.mx-5 {
- margin-right: 3rem !important;
-}
-
-.mb-5,
-.my-5 {
- margin-bottom: 3rem !important;
-}
-
-.ml-5,
-.mx-5 {
- margin-left: 3rem !important;
-}
-
-.p-0 {
- padding: 0 !important;
-}
-
-.pt-0,
-.py-0 {
- padding-top: 0 !important;
-}
-
-.pr-0,
-.px-0 {
- padding-right: 0 !important;
-}
-
-.pb-0,
-.py-0 {
- padding-bottom: 0 !important;
-}
-
-.pl-0,
-.px-0 {
- padding-left: 0 !important;
-}
-
-.p-1 {
- padding: 0.25rem !important;
-}
-
-.pt-1,
-.py-1 {
- padding-top: 0.25rem !important;
-}
-
-.pr-1,
-.px-1 {
- padding-right: 0.25rem !important;
-}
-
-.pb-1,
-.py-1 {
- padding-bottom: 0.25rem !important;
-}
-
-.pl-1,
-.px-1 {
- padding-left: 0.25rem !important;
-}
-
-.p-2 {
- padding: 0.5rem !important;
-}
-
-.pt-2,
-.py-2 {
- padding-top: 0.5rem !important;
-}
-
-.pr-2,
-.px-2 {
- padding-right: 0.5rem !important;
-}
-
-.pb-2,
-.py-2 {
- padding-bottom: 0.5rem !important;
-}
-
-.pl-2,
-.px-2 {
- padding-left: 0.5rem !important;
-}
-
-.p-3 {
- padding: 1rem !important;
-}
-
-.pt-3,
-.py-3 {
- padding-top: 1rem !important;
-}
-
-.pr-3,
-.px-3 {
- padding-right: 1rem !important;
-}
-
-.pb-3,
-.py-3 {
- padding-bottom: 1rem !important;
-}
-
-.pl-3,
-.px-3 {
- padding-left: 1rem !important;
-}
-
-.p-4 {
- padding: 1.5rem !important;
-}
-
-.pt-4,
-.py-4 {
- padding-top: 1.5rem !important;
-}
-
-.pr-4,
-.px-4 {
- padding-right: 1.5rem !important;
-}
-
-.pb-4,
-.py-4 {
- padding-bottom: 1.5rem !important;
-}
-
-.pl-4,
-.px-4 {
- padding-left: 1.5rem !important;
-}
-
-.p-5 {
- padding: 3rem !important;
-}
-
-.pt-5,
-.py-5 {
- padding-top: 3rem !important;
-}
-
-.pr-5,
-.px-5 {
- padding-right: 3rem !important;
-}
-
-.pb-5,
-.py-5 {
- padding-bottom: 3rem !important;
-}
-
-.pl-5,
-.px-5 {
- padding-left: 3rem !important;
-}
-
-.m-auto {
- margin: auto !important;
-}
-
-.mt-auto,
-.my-auto {
- margin-top: auto !important;
-}
-
-.mr-auto,
-.mx-auto {
- margin-right: auto !important;
-}
-
-.mb-auto,
-.my-auto {
- margin-bottom: auto !important;
-}
-
-.ml-auto,
-.mx-auto {
- margin-left: auto !important;
-}
-
-@media (min-width: 550px) {
- .m-sm-0 {
- margin: 0 !important;
- }
-
- .mt-sm-0,
- .my-sm-0 {
- margin-top: 0 !important;
- }
-
- .mr-sm-0,
- .mx-sm-0 {
- margin-right: 0 !important;
- }
-
- .mb-sm-0,
- .my-sm-0 {
- margin-bottom: 0 !important;
- }
-
- .ml-sm-0,
- .mx-sm-0 {
- margin-left: 0 !important;
- }
-
- .m-sm-1 {
- margin: 0.25rem !important;
- }
-
- .mt-sm-1,
- .my-sm-1 {
- margin-top: 0.25rem !important;
- }
-
- .mr-sm-1,
- .mx-sm-1 {
- margin-right: 0.25rem !important;
- }
-
- .mb-sm-1,
- .my-sm-1 {
- margin-bottom: 0.25rem !important;
- }
-
- .ml-sm-1,
- .mx-sm-1 {
- margin-left: 0.25rem !important;
- }
-
- .m-sm-2 {
- margin: 0.5rem !important;
- }
-
- .mt-sm-2,
- .my-sm-2 {
- margin-top: 0.5rem !important;
- }
-
- .mr-sm-2,
- .mx-sm-2 {
- margin-right: 0.5rem !important;
- }
-
- .mb-sm-2,
- .my-sm-2 {
- margin-bottom: 0.5rem !important;
- }
-
- .ml-sm-2,
- .mx-sm-2 {
- margin-left: 0.5rem !important;
- }
-
- .m-sm-3 {
- margin: 1rem !important;
- }
-
- .mt-sm-3,
- .my-sm-3 {
- margin-top: 1rem !important;
- }
-
- .mr-sm-3,
- .mx-sm-3 {
- margin-right: 1rem !important;
- }
-
- .mb-sm-3,
- .my-sm-3 {
- margin-bottom: 1rem !important;
- }
-
- .ml-sm-3,
- .mx-sm-3 {
- margin-left: 1rem !important;
- }
-
- .m-sm-4 {
- margin: 1.5rem !important;
- }
-
- .mt-sm-4,
- .my-sm-4 {
- margin-top: 1.5rem !important;
- }
-
- .mr-sm-4,
- .mx-sm-4 {
- margin-right: 1.5rem !important;
- }
-
- .mb-sm-4,
- .my-sm-4 {
- margin-bottom: 1.5rem !important;
- }
-
- .ml-sm-4,
- .mx-sm-4 {
- margin-left: 1.5rem !important;
- }
-
- .m-sm-5 {
- margin: 3rem !important;
- }
-
- .mt-sm-5,
- .my-sm-5 {
- margin-top: 3rem !important;
- }
-
- .mr-sm-5,
- .mx-sm-5 {
- margin-right: 3rem !important;
- }
-
- .mb-sm-5,
- .my-sm-5 {
- margin-bottom: 3rem !important;
- }
-
- .ml-sm-5,
- .mx-sm-5 {
- margin-left: 3rem !important;
- }
-
- .p-sm-0 {
- padding: 0 !important;
- }
-
- .pt-sm-0,
- .py-sm-0 {
- padding-top: 0 !important;
- }
-
- .pr-sm-0,
- .px-sm-0 {
- padding-right: 0 !important;
- }
-
- .pb-sm-0,
- .py-sm-0 {
- padding-bottom: 0 !important;
- }
-
- .pl-sm-0,
- .px-sm-0 {
- padding-left: 0 !important;
- }
-
- .p-sm-1 {
- padding: 0.25rem !important;
- }
-
- .pt-sm-1,
- .py-sm-1 {
- padding-top: 0.25rem !important;
- }
-
- .pr-sm-1,
- .px-sm-1 {
- padding-right: 0.25rem !important;
- }
-
- .pb-sm-1,
- .py-sm-1 {
- padding-bottom: 0.25rem !important;
- }
-
- .pl-sm-1,
- .px-sm-1 {
- padding-left: 0.25rem !important;
- }
-
- .p-sm-2 {
- padding: 0.5rem !important;
- }
-
- .pt-sm-2,
- .py-sm-2 {
- padding-top: 0.5rem !important;
- }
-
- .pr-sm-2,
- .px-sm-2 {
- padding-right: 0.5rem !important;
- }
-
- .pb-sm-2,
- .py-sm-2 {
- padding-bottom: 0.5rem !important;
- }
-
- .pl-sm-2,
- .px-sm-2 {
- padding-left: 0.5rem !important;
- }
-
- .p-sm-3 {
- padding: 1rem !important;
- }
-
- .pt-sm-3,
- .py-sm-3 {
- padding-top: 1rem !important;
- }
-
- .pr-sm-3,
- .px-sm-3 {
- padding-right: 1rem !important;
- }
-
- .pb-sm-3,
- .py-sm-3 {
- padding-bottom: 1rem !important;
- }
-
- .pl-sm-3,
- .px-sm-3 {
- padding-left: 1rem !important;
- }
-
- .p-sm-4 {
- padding: 1.5rem !important;
- }
-
- .pt-sm-4,
- .py-sm-4 {
- padding-top: 1.5rem !important;
- }
-
- .pr-sm-4,
- .px-sm-4 {
- padding-right: 1.5rem !important;
- }
-
- .pb-sm-4,
- .py-sm-4 {
- padding-bottom: 1.5rem !important;
- }
-
- .pl-sm-4,
- .px-sm-4 {
- padding-left: 1.5rem !important;
- }
-
- .p-sm-5 {
- padding: 3rem !important;
- }
-
- .pt-sm-5,
- .py-sm-5 {
- padding-top: 3rem !important;
- }
-
- .pr-sm-5,
- .px-sm-5 {
- padding-right: 3rem !important;
- }
-
- .pb-sm-5,
- .py-sm-5 {
- padding-bottom: 3rem !important;
- }
-
- .pl-sm-5,
- .px-sm-5 {
- padding-left: 3rem !important;
- }
-
- .m-sm-auto {
- margin: auto !important;
- }
-
- .mt-sm-auto,
- .my-sm-auto {
- margin-top: auto !important;
- }
-
- .mr-sm-auto,
- .mx-sm-auto {
- margin-right: auto !important;
- }
-
- .mb-sm-auto,
- .my-sm-auto {
- margin-bottom: auto !important;
- }
-
- .ml-sm-auto,
- .mx-sm-auto {
- margin-left: auto !important;
- }
-}
-
-@media (min-width: 700px) {
- .m-md-0 {
- margin: 0 !important;
- }
-
- .mt-md-0,
- .my-md-0 {
- margin-top: 0 !important;
- }
-
- .mr-md-0,
- .mx-md-0 {
- margin-right: 0 !important;
- }
-
- .mb-md-0,
- .my-md-0 {
- margin-bottom: 0 !important;
- }
-
- .ml-md-0,
- .mx-md-0 {
- margin-left: 0 !important;
- }
-
- .m-md-1 {
- margin: 0.25rem !important;
- }
-
- .mt-md-1,
- .my-md-1 {
- margin-top: 0.25rem !important;
- }
-
- .mr-md-1,
- .mx-md-1 {
- margin-right: 0.25rem !important;
- }
-
- .mb-md-1,
- .my-md-1 {
- margin-bottom: 0.25rem !important;
- }
-
- .ml-md-1,
- .mx-md-1 {
- margin-left: 0.25rem !important;
- }
-
- .m-md-2 {
- margin: 0.5rem !important;
- }
-
- .mt-md-2,
- .my-md-2 {
- margin-top: 0.5rem !important;
- }
-
- .mr-md-2,
- .mx-md-2 {
- margin-right: 0.5rem !important;
- }
-
- .mb-md-2,
- .my-md-2 {
- margin-bottom: 0.5rem !important;
- }
-
- .ml-md-2,
- .mx-md-2 {
- margin-left: 0.5rem !important;
- }
-
- .m-md-3 {
- margin: 1rem !important;
- }
-
- .mt-md-3,
- .my-md-3 {
- margin-top: 1rem !important;
- }
-
- .mr-md-3,
- .mx-md-3 {
- margin-right: 1rem !important;
- }
-
- .mb-md-3,
- .my-md-3 {
- margin-bottom: 1rem !important;
- }
-
- .ml-md-3,
- .mx-md-3 {
- margin-left: 1rem !important;
- }
-
- .m-md-4 {
- margin: 1.5rem !important;
- }
-
- .mt-md-4,
- .my-md-4 {
- margin-top: 1.5rem !important;
- }
-
- .mr-md-4,
- .mx-md-4 {
- margin-right: 1.5rem !important;
- }
-
- .mb-md-4,
- .my-md-4 {
- margin-bottom: 1.5rem !important;
- }
-
- .ml-md-4,
- .mx-md-4 {
- margin-left: 1.5rem !important;
- }
-
- .m-md-5 {
- margin: 3rem !important;
- }
-
- .mt-md-5,
- .my-md-5 {
- margin-top: 3rem !important;
- }
-
- .mr-md-5,
- .mx-md-5 {
- margin-right: 3rem !important;
- }
-
- .mb-md-5,
- .my-md-5 {
- margin-bottom: 3rem !important;
- }
-
- .ml-md-5,
- .mx-md-5 {
- margin-left: 3rem !important;
- }
-
- .p-md-0 {
- padding: 0 !important;
- }
-
- .pt-md-0,
- .py-md-0 {
- padding-top: 0 !important;
- }
-
- .pr-md-0,
- .px-md-0 {
- padding-right: 0 !important;
- }
-
- .pb-md-0,
- .py-md-0 {
- padding-bottom: 0 !important;
- }
-
- .pl-md-0,
- .px-md-0 {
- padding-left: 0 !important;
- }
-
- .p-md-1 {
- padding: 0.25rem !important;
- }
-
- .pt-md-1,
- .py-md-1 {
- padding-top: 0.25rem !important;
- }
-
- .pr-md-1,
- .px-md-1 {
- padding-right: 0.25rem !important;
- }
-
- .pb-md-1,
- .py-md-1 {
- padding-bottom: 0.25rem !important;
- }
-
- .pl-md-1,
- .px-md-1 {
- padding-left: 0.25rem !important;
- }
-
- .p-md-2 {
- padding: 0.5rem !important;
- }
-
- .pt-md-2,
- .py-md-2 {
- padding-top: 0.5rem !important;
- }
-
- .pr-md-2,
- .px-md-2 {
- padding-right: 0.5rem !important;
- }
-
- .pb-md-2,
- .py-md-2 {
- padding-bottom: 0.5rem !important;
- }
-
- .pl-md-2,
- .px-md-2 {
- padding-left: 0.5rem !important;
- }
-
- .p-md-3 {
- padding: 1rem !important;
- }
-
- .pt-md-3,
- .py-md-3 {
- padding-top: 1rem !important;
- }
-
- .pr-md-3,
- .px-md-3 {
- padding-right: 1rem !important;
- }
-
- .pb-md-3,
- .py-md-3 {
- padding-bottom: 1rem !important;
- }
-
- .pl-md-3,
- .px-md-3 {
- padding-left: 1rem !important;
- }
-
- .p-md-4 {
- padding: 1.5rem !important;
- }
-
- .pt-md-4,
- .py-md-4 {
- padding-top: 1.5rem !important;
- }
-
- .pr-md-4,
- .px-md-4 {
- padding-right: 1.5rem !important;
- }
-
- .pb-md-4,
- .py-md-4 {
- padding-bottom: 1.5rem !important;
- }
-
- .pl-md-4,
- .px-md-4 {
- padding-left: 1.5rem !important;
- }
-
- .p-md-5 {
- padding: 3rem !important;
- }
-
- .pt-md-5,
- .py-md-5 {
- padding-top: 3rem !important;
- }
-
- .pr-md-5,
- .px-md-5 {
- padding-right: 3rem !important;
- }
-
- .pb-md-5,
- .py-md-5 {
- padding-bottom: 3rem !important;
- }
-
- .pl-md-5,
- .px-md-5 {
- padding-left: 3rem !important;
- }
-
- .m-md-auto {
- margin: auto !important;
- }
-
- .mt-md-auto,
- .my-md-auto {
- margin-top: auto !important;
- }
-
- .mr-md-auto,
- .mx-md-auto {
- margin-right: auto !important;
- }
-
- .mb-md-auto,
- .my-md-auto {
- margin-bottom: auto !important;
- }
-
- .ml-md-auto,
- .mx-md-auto {
- margin-left: auto !important;
- }
-}
-
-@media (min-width: 900px) {
- .m-lg-0 {
- margin: 0 !important;
- }
-
- .mt-lg-0,
- .my-lg-0 {
- margin-top: 0 !important;
- }
-
- .mr-lg-0,
- .mx-lg-0 {
- margin-right: 0 !important;
- }
-
- .mb-lg-0,
- .my-lg-0 {
- margin-bottom: 0 !important;
- }
-
- .ml-lg-0,
- .mx-lg-0 {
- margin-left: 0 !important;
- }
-
- .m-lg-1 {
- margin: 0.25rem !important;
- }
-
- .mt-lg-1,
- .my-lg-1 {
- margin-top: 0.25rem !important;
- }
-
- .mr-lg-1,
- .mx-lg-1 {
- margin-right: 0.25rem !important;
- }
-
- .mb-lg-1,
- .my-lg-1 {
- margin-bottom: 0.25rem !important;
- }
-
- .ml-lg-1,
- .mx-lg-1 {
- margin-left: 0.25rem !important;
- }
-
- .m-lg-2 {
- margin: 0.5rem !important;
- }
-
- .mt-lg-2,
- .my-lg-2 {
- margin-top: 0.5rem !important;
- }
-
- .mr-lg-2,
- .mx-lg-2 {
- margin-right: 0.5rem !important;
- }
-
- .mb-lg-2,
- .my-lg-2 {
- margin-bottom: 0.5rem !important;
- }
-
- .ml-lg-2,
- .mx-lg-2 {
- margin-left: 0.5rem !important;
- }
-
- .m-lg-3 {
- margin: 1rem !important;
- }
-
- .mt-lg-3,
- .my-lg-3 {
- margin-top: 1rem !important;
- }
-
- .mr-lg-3,
- .mx-lg-3 {
- margin-right: 1rem !important;
- }
-
- .mb-lg-3,
- .my-lg-3 {
- margin-bottom: 1rem !important;
- }
-
- .ml-lg-3,
- .mx-lg-3 {
- margin-left: 1rem !important;
- }
-
- .m-lg-4 {
- margin: 1.5rem !important;
- }
-
- .mt-lg-4,
- .my-lg-4 {
- margin-top: 1.5rem !important;
- }
-
- .mr-lg-4,
- .mx-lg-4 {
- margin-right: 1.5rem !important;
- }
-
- .mb-lg-4,
- .my-lg-4 {
- margin-bottom: 1.5rem !important;
- }
-
- .ml-lg-4,
- .mx-lg-4 {
- margin-left: 1.5rem !important;
- }
-
- .m-lg-5 {
- margin: 3rem !important;
- }
-
- .mt-lg-5,
- .my-lg-5 {
- margin-top: 3rem !important;
- }
-
- .mr-lg-5,
- .mx-lg-5 {
- margin-right: 3rem !important;
- }
-
- .mb-lg-5,
- .my-lg-5 {
- margin-bottom: 3rem !important;
- }
-
- .ml-lg-5,
- .mx-lg-5 {
- margin-left: 3rem !important;
- }
-
- .p-lg-0 {
- padding: 0 !important;
- }
-
- .pt-lg-0,
- .py-lg-0 {
- padding-top: 0 !important;
- }
-
- .pr-lg-0,
- .px-lg-0 {
- padding-right: 0 !important;
- }
-
- .pb-lg-0,
- .py-lg-0 {
- padding-bottom: 0 !important;
- }
-
- .pl-lg-0,
- .px-lg-0 {
- padding-left: 0 !important;
- }
-
- .p-lg-1 {
- padding: 0.25rem !important;
- }
-
- .pt-lg-1,
- .py-lg-1 {
- padding-top: 0.25rem !important;
- }
-
- .pr-lg-1,
- .px-lg-1 {
- padding-right: 0.25rem !important;
- }
-
- .pb-lg-1,
- .py-lg-1 {
- padding-bottom: 0.25rem !important;
- }
-
- .pl-lg-1,
- .px-lg-1 {
- padding-left: 0.25rem !important;
- }
-
- .p-lg-2 {
- padding: 0.5rem !important;
- }
-
- .pt-lg-2,
- .py-lg-2 {
- padding-top: 0.5rem !important;
- }
-
- .pr-lg-2,
- .px-lg-2 {
- padding-right: 0.5rem !important;
- }
-
- .pb-lg-2,
- .py-lg-2 {
- padding-bottom: 0.5rem !important;
- }
-
- .pl-lg-2,
- .px-lg-2 {
- padding-left: 0.5rem !important;
- }
-
- .p-lg-3 {
- padding: 1rem !important;
- }
-
- .pt-lg-3,
- .py-lg-3 {
- padding-top: 1rem !important;
- }
-
- .pr-lg-3,
- .px-lg-3 {
- padding-right: 1rem !important;
- }
-
- .pb-lg-3,
- .py-lg-3 {
- padding-bottom: 1rem !important;
- }
-
- .pl-lg-3,
- .px-lg-3 {
- padding-left: 1rem !important;
- }
-
- .p-lg-4 {
- padding: 1.5rem !important;
- }
-
- .pt-lg-4,
- .py-lg-4 {
- padding-top: 1.5rem !important;
- }
-
- .pr-lg-4,
- .px-lg-4 {
- padding-right: 1.5rem !important;
- }
-
- .pb-lg-4,
- .py-lg-4 {
- padding-bottom: 1.5rem !important;
- }
-
- .pl-lg-4,
- .px-lg-4 {
- padding-left: 1.5rem !important;
- }
-
- .p-lg-5 {
- padding: 3rem !important;
- }
-
- .pt-lg-5,
- .py-lg-5 {
- padding-top: 3rem !important;
- }
-
- .pr-lg-5,
- .px-lg-5 {
- padding-right: 3rem !important;
- }
-
- .pb-lg-5,
- .py-lg-5 {
- padding-bottom: 3rem !important;
- }
-
- .pl-lg-5,
- .px-lg-5 {
- padding-left: 3rem !important;
- }
-
- .m-lg-auto {
- margin: auto !important;
- }
-
- .mt-lg-auto,
- .my-lg-auto {
- margin-top: auto !important;
- }
-
- .mr-lg-auto,
- .mx-lg-auto {
- margin-right: auto !important;
- }
-
- .mb-lg-auto,
- .my-lg-auto {
- margin-bottom: auto !important;
- }
-
- .ml-lg-auto,
- .mx-lg-auto {
- margin-left: auto !important;
- }
-}
-
-@media (min-width: 1100px) {
- .m-xl-0 {
- margin: 0 !important;
- }
-
- .mt-xl-0,
- .my-xl-0 {
- margin-top: 0 !important;
- }
-
- .mr-xl-0,
- .mx-xl-0 {
- margin-right: 0 !important;
- }
-
- .mb-xl-0,
- .my-xl-0 {
- margin-bottom: 0 !important;
- }
-
- .ml-xl-0,
- .mx-xl-0 {
- margin-left: 0 !important;
- }
-
- .m-xl-1 {
- margin: 0.25rem !important;
- }
-
- .mt-xl-1,
- .my-xl-1 {
- margin-top: 0.25rem !important;
- }
-
- .mr-xl-1,
- .mx-xl-1 {
- margin-right: 0.25rem !important;
- }
-
- .mb-xl-1,
- .my-xl-1 {
- margin-bottom: 0.25rem !important;
- }
-
- .ml-xl-1,
- .mx-xl-1 {
- margin-left: 0.25rem !important;
- }
-
- .m-xl-2 {
- margin: 0.5rem !important;
- }
-
- .mt-xl-2,
- .my-xl-2 {
- margin-top: 0.5rem !important;
- }
-
- .mr-xl-2,
- .mx-xl-2 {
- margin-right: 0.5rem !important;
- }
-
- .mb-xl-2,
- .my-xl-2 {
- margin-bottom: 0.5rem !important;
- }
-
- .ml-xl-2,
- .mx-xl-2 {
- margin-left: 0.5rem !important;
- }
-
- .m-xl-3 {
- margin: 1rem !important;
- }
-
- .mt-xl-3,
- .my-xl-3 {
- margin-top: 1rem !important;
- }
-
- .mr-xl-3,
- .mx-xl-3 {
- margin-right: 1rem !important;
- }
-
- .mb-xl-3,
- .my-xl-3 {
- margin-bottom: 1rem !important;
- }
-
- .ml-xl-3,
- .mx-xl-3 {
- margin-left: 1rem !important;
- }
-
- .m-xl-4 {
- margin: 1.5rem !important;
- }
-
- .mt-xl-4,
- .my-xl-4 {
- margin-top: 1.5rem !important;
- }
-
- .mr-xl-4,
- .mx-xl-4 {
- margin-right: 1.5rem !important;
- }
-
- .mb-xl-4,
- .my-xl-4 {
- margin-bottom: 1.5rem !important;
- }
-
- .ml-xl-4,
- .mx-xl-4 {
- margin-left: 1.5rem !important;
- }
-
- .m-xl-5 {
- margin: 3rem !important;
- }
-
- .mt-xl-5,
- .my-xl-5 {
- margin-top: 3rem !important;
- }
-
- .mr-xl-5,
- .mx-xl-5 {
- margin-right: 3rem !important;
- }
-
- .mb-xl-5,
- .my-xl-5 {
- margin-bottom: 3rem !important;
- }
-
- .ml-xl-5,
- .mx-xl-5 {
- margin-left: 3rem !important;
- }
-
- .p-xl-0 {
- padding: 0 !important;
- }
-
- .pt-xl-0,
- .py-xl-0 {
- padding-top: 0 !important;
- }
-
- .pr-xl-0,
- .px-xl-0 {
- padding-right: 0 !important;
- }
-
- .pb-xl-0,
- .py-xl-0 {
- padding-bottom: 0 !important;
- }
-
- .pl-xl-0,
- .px-xl-0 {
- padding-left: 0 !important;
- }
-
- .p-xl-1 {
- padding: 0.25rem !important;
- }
-
- .pt-xl-1,
- .py-xl-1 {
- padding-top: 0.25rem !important;
- }
-
- .pr-xl-1,
- .px-xl-1 {
- padding-right: 0.25rem !important;
- }
-
- .pb-xl-1,
- .py-xl-1 {
- padding-bottom: 0.25rem !important;
- }
-
- .pl-xl-1,
- .px-xl-1 {
- padding-left: 0.25rem !important;
- }
-
- .p-xl-2 {
- padding: 0.5rem !important;
- }
-
- .pt-xl-2,
- .py-xl-2 {
- padding-top: 0.5rem !important;
- }
-
- .pr-xl-2,
- .px-xl-2 {
- padding-right: 0.5rem !important;
- }
-
- .pb-xl-2,
- .py-xl-2 {
- padding-bottom: 0.5rem !important;
- }
-
- .pl-xl-2,
- .px-xl-2 {
- padding-left: 0.5rem !important;
- }
-
- .p-xl-3 {
- padding: 1rem !important;
- }
-
- .pt-xl-3,
- .py-xl-3 {
- padding-top: 1rem !important;
- }
-
- .pr-xl-3,
- .px-xl-3 {
- padding-right: 1rem !important;
- }
-
- .pb-xl-3,
- .py-xl-3 {
- padding-bottom: 1rem !important;
- }
-
- .pl-xl-3,
- .px-xl-3 {
- padding-left: 1rem !important;
- }
-
- .p-xl-4 {
- padding: 1.5rem !important;
- }
-
- .pt-xl-4,
- .py-xl-4 {
- padding-top: 1.5rem !important;
- }
-
- .pr-xl-4,
- .px-xl-4 {
- padding-right: 1.5rem !important;
- }
-
- .pb-xl-4,
- .py-xl-4 {
- padding-bottom: 1.5rem !important;
- }
-
- .pl-xl-4,
- .px-xl-4 {
- padding-left: 1.5rem !important;
- }
-
- .p-xl-5 {
- padding: 3rem !important;
- }
-
- .pt-xl-5,
- .py-xl-5 {
- padding-top: 3rem !important;
- }
-
- .pr-xl-5,
- .px-xl-5 {
- padding-right: 3rem !important;
- }
-
- .pb-xl-5,
- .py-xl-5 {
- padding-bottom: 3rem !important;
- }
-
- .pl-xl-5,
- .px-xl-5 {
- padding-left: 3rem !important;
- }
-
- .m-xl-auto {
- margin: auto !important;
- }
-
- .mt-xl-auto,
- .my-xl-auto {
- margin-top: auto !important;
- }
-
- .mr-xl-auto,
- .mx-xl-auto {
- margin-right: auto !important;
- }
-
- .mb-xl-auto,
- .my-xl-auto {
- margin-bottom: auto !important;
- }
-
- .ml-xl-auto,
- .mx-xl-auto {
- margin-left: auto !important;
- }
-}