diff --git a/app/styles/app-dark.css b/app/styles/app-dark.css
index 560d3b0bc5..bf3044b4a0 100644
--- a/app/styles/app-dark.css
+++ b/app/styles/app-dark.css
@@ -1,3 +1,11 @@
+/* Spirit - Ghost's CSS framework
+/* ---------------------------------------------------------- */
+/*
+ includes normalize v7 so must come first to avoid clobbering
+ our old non-Spirit classes
+*/
+@import "spirit/spirit-product.css";
+
/* Patterns: Groups of Styles
/* ---------------------------------------------------------- */
@import "patterns/global.css";
@@ -61,12 +69,12 @@ body {
}
pre {
- border: color(var(--lightgrey) l(+5%));
+ border: color-mod(var(--lightgrey) l(+5%));
background: var(--lightgrey);
}
hr {
- border-color: color(var(--lightgrey) l(+5%));
+ border-color: color-mod(var(--lightgrey) l(+5%));
}
input,
@@ -74,8 +82,8 @@ input,
.gh-select,
.gh-select select {
color: var(--darkgrey);
- border-color: color(var(--lightgrey));
- background: color(var(--lightgrey));
+ border-color: color-mod(var(--lightgrey));
+ background: color-mod(var(--lightgrey));
}
.gh-nav,
@@ -94,13 +102,13 @@ input,
}
.gh-nav-search .ember-power-select-trigger {
- border-color: color(var(--lightgrey));
- background: color(var(--lightgrey));
+ border-color: color-mod(var(--lightgrey));
+ background: color-mod(var(--lightgrey));
}
.ember-power-select-multiple-trigger {
- border-color: color(var(--lightgrey));
- background: color(var(--lightgrey));
+ border-color: color-mod(var(--lightgrey));
+ background: color-mod(var(--lightgrey));
}
.ember-power-select-dropdown {
@@ -110,14 +118,14 @@ input,
.ember-power-select-dropdown,
.ember-power-select-options:not([role="group"]),
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
- border-color: color(var(--lightgrey));
- background: color(var(--lightgrey));
+ border-color: color-mod(var(--lightgrey));
+ background: color-mod(var(--lightgrey));
}
.ember-basic-dropdown--opened > .ember-power-select-trigger,
.ember-power-select-trigger[aria-expanded="true"],
.ember-power-select-search input {
- border-color: color(var(--lightgrey));
+ border-color: color-mod(var(--lightgrey));
}
.ember-power-calendar-weekdays,
@@ -140,8 +148,8 @@ input,
}
.gh-btn {
- border: color(var(--darkgrey) l(-27%) blackness(+15%)) 1px solid ;
- color: color(var(--darkgrey) l(-27%) blackness(+15%));
+ border: color-mod(var(--darkgrey) l(-27%) blackness(+15%)) 1px solid ;
+ color: color-mod(var(--darkgrey) l(-27%) blackness(+15%));
text-shadow: none;
}
.gh-btn-blue,
@@ -170,7 +178,7 @@ input,
.dropdown-menu > li > a,
.dropdown-menu > li > button {
- color: color(var(--lightgrey) lightness(+20%));
+ color: color-mod(var(--lightgrey) lightness(+20%));
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > button:hover, .dropdown-menu > li > button:focus {
@@ -222,7 +230,7 @@ input,
}
.gh-main > section.gh-editor-fullscreen {
- background: color(#212A2E l(+2%));
+ background: color-mod(#212A2E l(+2%));
}
.dropdown-menu {
@@ -250,7 +258,7 @@ input,
}
.seo-preview-title {
- color: color(#1e0fbe l(+25%));
+ color: color-mod(#1e0fbe l(+25%));
}
.seo-preview-description {
@@ -300,7 +308,7 @@ input,
}
.gh-unsplash-search:focus {
- background-color: color(var(--lightgrey));
+ background-color: color-mod(var(--lightgrey));
}
.gh-unsplash-zoom {
@@ -326,5 +334,5 @@ input,
}
.CodeMirror .CodeMirror-code .cm-string {
- color: color(#183691 l(+25%));
+ color: color-mod(#183691 l(+25%));
}
diff --git a/app/styles/app.css b/app/styles/app.css
index 3bc719d2ff..040c362002 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -1,3 +1,11 @@
+/* Spirit - Ghost's CSS framework
+/* ---------------------------------------------------------- */
+/*
+ includes normalize v7 so must come first to avoid clobbering
+ our old non-Spirit classes
+*/
+@import "spirit/spirit-product.css";
+
/* Patterns: Groups of Styles
/* ---------------------------------------------------------- */
@import "patterns/global.css";
diff --git a/app/styles/components/badges.css b/app/styles/components/badges.css
index 4bcb4ac9d3..2903bfa76b 100644
--- a/app/styles/components/badges.css
+++ b/app/styles/components/badges.css
@@ -4,7 +4,7 @@
.gh-badge {
display: inline-block;
padding: 2px 4px 3px;
- border: color(var(--green) blackness(+8%)) 1px solid;
+ border: color-mod(var(--green) blackness(+8%)) 1px solid;
color: #fff;
font-size: 0.8em;
line-height: 1em;
@@ -15,39 +15,39 @@
white-space: nowrap;
user-select: none;
background: linear-gradient(
- color(var(--green) whiteness(+4%)),
- color(var(--green) blackness(+4%))
+ color-mod(var(--green) whiteness(+4%)),
+ color-mod(var(--green) blackness(+4%))
);
border-radius: 3px;
}
.gh-badge-blue {
- border: color(var(--blue) blackness(+8%)) 1px solid;
+ border: color-mod(var(--blue) blackness(+8%)) 1px solid;
background: linear-gradient(
- color(var(--blue) whiteness(+10%)),
- color(var(--blue) blackness(+4%))
+ color-mod(var(--blue) whiteness(+10%)),
+ color-mod(var(--blue) blackness(+4%))
);
}
.gh-badge-red {
- border: color(var(--red) blackness(+8%)) 1px solid;
+ border: color-mod(var(--red) blackness(+8%)) 1px solid;
background: linear-gradient(
- color(var(--red) whiteness(+10%)),
- color(var(--red) blackness(+4%))
+ color-mod(var(--red) whiteness(+10%)),
+ color-mod(var(--red) blackness(+4%))
);
}
.gh-badge-black {
- border: color(var(--darkgrey) blackness(+8%)) 1px solid;
+ border: color-mod(var(--darkgrey) blackness(+8%)) 1px solid;
background: linear-gradient(
- color(var(--darkgrey) whiteness(+10%)),
- color(var(--darkgrey) blackness(+4%))
+ color-mod(var(--darkgrey) whiteness(+10%)),
+ color-mod(var(--darkgrey) blackness(+4%))
);
}
.gh-badge-outline {
- border-color: color(var(--midgrey) l(+35%));
- color: color(var(--midgrey) l(+25%));
+ border-color: color-mod(var(--midgrey) l(+35%));
+ color: color-mod(var(--midgrey) l(+25%));
font-weight: 400;
background: transparent;
box-shadow: none;
diff --git a/app/styles/components/dropdowns.css b/app/styles/components/dropdowns.css
index 7fdcc696c8..c18166370b 100644
--- a/app/styles/components/dropdowns.css
+++ b/app/styles/components/dropdowns.css
@@ -42,7 +42,7 @@
overflow: hidden;
margin: 8px 0;
height: 1px;
- background: color(#dfe1e3 lightness(+5%));
+ background: color-mod(#dfe1e3 lightness(+5%));
}
.dropdown-menu li {
@@ -57,7 +57,7 @@
padding: 6px 10px;
width: 100%;
border-radius: 3px;
- color: color(var(--darkgrey) lightness(+20%));
+ color: color-mod(var(--darkgrey) lightness(+20%));
text-align: left;
white-space: nowrap;
font-size: 1.3rem;
@@ -71,11 +71,11 @@
height: 14px;
width: 14px;
line-height: 1em;
- fill: color(var(--darkgrey) lightness(+20%));
+ fill: color-mod(var(--darkgrey) lightness(+20%));
}
.dropdown-menu svg path {
- stroke: color(var(--darkgrey) lightness(+20%));
+ stroke: color-mod(var(--darkgrey) lightness(+20%));
}
@media (max-width: 500px) {
@@ -98,7 +98,7 @@
.dropdown-menu > li > a:focus,
.dropdown-menu > li > button:hover,
.dropdown-menu > li > button:focus {
- background: color(var(--blue) alpha(-85%));
+ background: color-mod(var(--blue) alpha(-85%));
color: var(--darkgrey);
text-decoration: none;
}
diff --git a/app/styles/components/koenig.css b/app/styles/components/koenig.css
index 48aca90696..13df14658a 100644
--- a/app/styles/components/koenig.css
+++ b/app/styles/components/koenig.css
@@ -51,13 +51,13 @@
text-align: center;
user-select: none;
cursor: pointer;
- color: color(var(--lightgrey) l(-10%));
+ color: color-mod(var(--lightgrey) l(-10%));
background: linear-gradient(
- color(var(--darkgrey) l(-3%)),
- color(var(--darkgrey) l(-8%))
+ color-mod(var(--darkgrey) l(-3%)),
+ color-mod(var(--darkgrey) l(-8%))
);
border-radius: 5px;
- box-shadow: 0 0 0 1px color(var(--darkgrey) l(-10%)), 0 8px 16px rgba(26,39,49,0.16), rgba(255,255,255,0.09) 0 1px 0 0 inset;
+ box-shadow: 0 0 0 1px color-mod(var(--darkgrey) l(-10%)), 0 8px 16px rgba(26,39,49,0.16), rgba(255,255,255,0.09) 0 1px 0 0 inset;
z-index:110; /* places it above the title */
pointer-events: none !important; /* no interactivity when hidden */
opacity: 0;
@@ -81,7 +81,7 @@
height: 0;
border-left: transparent 10px solid;
border-right: transparent 10px solid;
- border-top: color(var(--darkgrey) l(-10%)) 8px solid;
+ border-top: color-mod(var(--darkgrey) l(-10%)) 8px solid;
transition-property: left;
transition-duration: 100ms;
}
@@ -136,10 +136,10 @@
.koenig-toolbar-btn svg g {
stroke-width: 2px;
- stroke: color(var(--lightgrey) l(-10%));
+ stroke: color-mod(var(--lightgrey) l(-10%));
}
.koenig-toolbar-btn-list svg path {
- fill: color(var(--lightgrey) l(-10%));
+ fill: color-mod(var(--lightgrey) l(-10%));
}
.koenig-toolbar-btn:hover,
@@ -203,7 +203,7 @@
height: 40px;
width: 1px;
margin: 0 9px 0 8px;
- background: color(var(--darkgrey) l(-10%));
+ background: color-mod(var(--darkgrey) l(-10%));
box-shadow: rgba(255,255,255,0.04) 1px 0 0 0;
}
@@ -361,7 +361,7 @@
.koenig-cardmenu-card:hover, .koenig-cardmenu-card.selected {
cursor: pointer;
- background: color(var(--lightgrey) l(+3%) s(-10%));
+ background: color-mod(var(--lightgrey) l(+3%) s(-10%));
}
.koenig-cardmenu-card:hover .koenig-cardmenu-label, .koenig-cardmenu-card.selected .koenig-cardmenu-label {
color: var(--darkgrey);
@@ -375,7 +375,7 @@
margin: 12px -15px;
font-size: 1.2rem;
text-align: center;
- background: color(var(--lightgrey) l(+3%) s(-10%));
+ background: color-mod(var(--lightgrey) l(+3%) s(-10%));
}
@@ -387,7 +387,7 @@
position: relative;
display: flex;
width: calc(100% + 60px);
- border: 2px solid color(var(--blue) alpha(-85%));
+ border: 2px solid color-mod(var(--blue) alpha(-85%));
flex-direction: row;
border-radius: 4px;
padding: 10px;
@@ -398,7 +398,7 @@
}
.koenig-card:hover {
- border-color: color(var(--blue) alpha(-25%));
+ border-color: color-mod(var(--blue) alpha(-25%));
}
.koenig-card--selected {
diff --git a/app/styles/components/modals.css b/app/styles/components/modals.css
index d4885f4cd7..b7602a39d9 100644
--- a/app/styles/components/modals.css
+++ b/app/styles/components/modals.css
@@ -143,7 +143,7 @@
.modal-body .gh-image-uploader {
margin: 0;
- background: color(var(--lightgrey) l(+4%));
+ background: color-mod(var(--lightgrey) l(+4%));
}
diff --git a/app/styles/components/notifications.css b/app/styles/components/notifications.css
index ffb16fe5c3..09b1290e3f 100644
--- a/app/styles/components/notifications.css
+++ b/app/styles/components/notifications.css
@@ -18,7 +18,7 @@
margin-top: 5px;
padding: 4px;
width: 240px;
- border: color(var(--blue) l(-10%)) 1px solid;
+ border: color-mod(var(--blue) l(-10%)) 1px solid;
background: var(--blue);
border-radius: 4px;
box-shadow: rgba(0,0,0,0.06) 0 1px 7px;
@@ -102,7 +102,7 @@
/* ---------------------------------------------------------- */
.gh-notification-red {
- border: color(var(--red) lightness(+28%)) 1px solid;
+ border: color-mod(var(--red) lightness(+28%)) 1px solid;
}
.gh-notification-red em {
@@ -110,14 +110,14 @@
}
.gh-notification-red:hover .gh-notification-content {
- background: color(var(--red) lightness(+40%));
+ background: color-mod(var(--red) lightness(+40%));
}
/* Green notification
/* ---------------------------------------------------------- */
.gh-notification-green {
- border: color(var(--green) lightness(+28%)) 1px solid;
+ border: color-mod(var(--green) lightness(+28%)) 1px solid;
}
.gh-notification-green em {
@@ -125,7 +125,7 @@
}
.gh-notification-green:hover .gh-notification-content {
- background: color(var(--green) lightness(+40%));
+ background: color-mod(var(--green) lightness(+40%));
}
/* Schedule notification top
@@ -208,7 +208,7 @@
/* ---------------------------------------------------------- */
.gh-alert-blue {
- border-bottom: color(var(--blue) lightness(-10%)) 1px solid;
+ border-bottom: color-mod(var(--blue) lightness(-10%)) 1px solid;
background: var(--blue);
color: #fff;
}
@@ -226,7 +226,7 @@
/* ---------------------------------------------------------- */
.gh-alert-red {
- border-bottom: color(var(--red) lightness(-10%)) 1px solid;
+ border-bottom: color-mod(var(--red) lightness(-10%)) 1px solid;
background: var(--red);
color: #fff;
}
@@ -247,7 +247,7 @@
/* ---------------------------------------------------------- */
.gh-alert-green {
- border-bottom: color(var(--green) lightness(-7%)) 1px solid;
+ border-bottom: color-mod(var(--green) lightness(-7%)) 1px solid;
background: var(--green);
color: #fff;
}
@@ -268,7 +268,7 @@
/* ---------------------------------------------------------- */
.gh-alert-black {
- border-bottom: color(var(--darkgrey) lightness(-10%)) 1px solid;
+ border-bottom: color-mod(var(--darkgrey) lightness(-10%)) 1px solid;
background: var(--darkgrey);
color: #fff;
}
diff --git a/app/styles/components/power-calendar.css b/app/styles/components/power-calendar.css
index f14b181275..147e7430ad 100644
--- a/app/styles/components/power-calendar.css
+++ b/app/styles/components/power-calendar.css
@@ -90,12 +90,12 @@
.ember-power-calendar-nav-control {
line-height: 1;
font-size: 150%;
- color: rgb(0,120,201);
+ color: #0078c9;
}
.ember-power-calendar-nav-control:focus {
transform: scale(1.2);
- color: color(rgb(0,120,201), lightness(+10%));
+ color: color-mod(#0078c9 l(+10%));
}
.ember-power-calendar-day--current-month {
@@ -115,22 +115,22 @@
.ember-power-calendar-day--selected,
.ember-power-calendar-day--selected:not([disabled]):hover {
font-weight: bold;
- background-color: color(rgb(0,120,201), lightness(+50%));
+ background-color: color-mod(#0078c9 l(+50%));
color: #656D78;
}
.ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
.ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
- background-color: color(rgb(0,120,201), lightness(+40%));
+ background-color: color-mod(#0078c9 l(+40%));
}
.ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover,
.ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover {
- background-color: color(rgb(0,120,201), lightness(+40%));
+ background-color: color-mod(#0078c9 l(+40%));
}
.ember-power-calendar-day--focused {
- box-shadow: inset 0px -2px 0px 0px rgb(0,120,201);
+ box-shadow: inset 0px -2px 0px 0px #0078c9;
}
.ember-power-calendar-day--interactive[disabled] {
diff --git a/app/styles/components/power-select.css b/app/styles/components/power-select.css
index 3f2798bd48..243d04449c 100644
--- a/app/styles/components/power-select.css
+++ b/app/styles/components/power-select.css
@@ -42,11 +42,11 @@
.ember-power-select-option {
margin: 0;
padding: 6px 10px;
- color: color(var(--darkgrey) lightness(+20%));
+ color: color-mod(var(--darkgrey) lightness(+20%));
}
.ember-power-select-option[aria-current="true"] {
- background: color(var(--blue) alpha(-85%));
+ background: color-mod(var(--blue) alpha(-85%));
color: var(--darkgrey);
}
@@ -135,7 +135,7 @@
}
.ember-power-select-group .ember-power-select-option[aria-current="true"] {
- background: color(var(--blue) alpha(-85%));
+ background: color-mod(var(--blue) alpha(-85%));
color: var(--darkgrey);
}
diff --git a/app/styles/components/publishmenu.css b/app/styles/components/publishmenu.css
index 07f03a58b3..b88f06b264 100644
--- a/app/styles/components/publishmenu.css
+++ b/app/styles/components/publishmenu.css
@@ -90,7 +90,7 @@
position: relative;
width: 15px;
height: 15px;
- border: color(var(--lightgrey) l(-10%)) 1px solid;
+ border: color-mod(var(--lightgrey) l(-10%)) 1px solid;
border-radius: 100%;
background: #fff;
}
@@ -112,7 +112,7 @@
font-size: 1.3rem;
line-height: 1.4em;
font-weight: 200;
- color: color(var(--midgrey) l(+10%));
+ color: color-mod(var(--midgrey) l(+10%));
}
.gh-publishmenu-radio-label:hover,
@@ -121,7 +121,7 @@
}
.gh-publishmenu-radio.active .gh-publishmenu-radio-button {
- border-color: color(var(--blue) l(-12%));
+ border-color: color-mod(var(--blue) l(-12%));
background: var(--blue);
}
@@ -154,7 +154,7 @@
position: relative;
margin: 7px 0 4px;
padding: 6px 8px;
- border: color(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
+ border: color-mod(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
border-radius: 3px;
transition: border-color 0.15s linear;
background: #fff;
@@ -175,7 +175,7 @@
padding: 0;
width: 100%;
border: none;
- color: color(var(--midgrey) l(-18%));
+ color: color-mod(var(--midgrey) l(-18%));
font-size: 1.3rem;
line-height: 1em;
font-weight: 400;
@@ -190,19 +190,19 @@
.gh-date-time-picker-date:focus,
.gh-date-time-picker-time:focus {
- border-color: color(var(--lightgrey) l(-15%) s(-10%));
+ border-color: color-mod(var(--lightgrey) l(-15%) s(-10%));
}
.gh-date-time-picker-date svg {
width: 14px;
height: 14px;
- fill: color(var(--midgrey) l(+15%));
+ fill: color-mod(var(--midgrey) l(+15%));
}
.gh-date-time-picker-timezone {
font-size: 1.1rem;
font-weight: 200;
- color: color(var(--midgrey) l(+17%));
+ color: color-mod(var(--midgrey) l(+17%));
margin-left: -30px;
}
diff --git a/app/styles/components/settings-menu.css b/app/styles/components/settings-menu.css
index 26b4a06091..cfa6e889b3 100644
--- a/app/styles/components/settings-menu.css
+++ b/app/styles/components/settings-menu.css
@@ -14,7 +14,7 @@
width: 350px;
max-width: 100%;
overflow: hidden;
- background: color(var(--lightgrey) l(+4%));
+ background: color-mod(var(--lightgrey) l(+4%));
transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
transform: translate3d(350px, 0px, 0px);
}
@@ -187,9 +187,9 @@
.settings-menu-delete-button:hover,
.settings-menu-delete-button:hover svg path {
- stroke: color(var(--red) lightness(-10%));
- fill: color(var(--red) lightness(-10%));
- color: color(var(--red) lightness(-10%));
+ stroke: color-mod(var(--red) lightness(-10%));
+ fill: color-mod(var(--red) lightness(-10%));
+ color: color-mod(var(--red) lightness(-10%));
}
.post-setting-custom-excerpt {
diff --git a/app/styles/components/tour.css b/app/styles/components/tour.css
index a8e99e1cd1..3762cbb7a0 100644
--- a/app/styles/components/tour.css
+++ b/app/styles/components/tour.css
@@ -31,7 +31,7 @@
max-width: none;
width: 460px;
color: #fff;
- background: linear-gradient(135deg, color(var(--blue) l(+3%)) 0%,color(var(--blue) l(-5%) s(-5%)) 100%);
+ background: linear-gradient(135deg, color-mod(var(--blue) l(+3%)) 0%,color(var(--blue) l(-5%) s(-5%)) 100%);
box-shadow: rgba(0,0,0,0.05) 0 0 0 1px inset, rgba(0,0,0,0.15) 0 1px 8px;
border-radius: 10px;
}
@@ -87,7 +87,7 @@
.tour .popover-triangle-top-left:before,
.tour .popover-triangle-top-right:before {
border-right: 14px solid transparent;
- border-bottom: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+ border-bottom: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
border-left: 14px solid transparent;
}
@@ -96,14 +96,14 @@
.tour .popover-triangle-top-right:after {
top: -10px;
border-right: 14px solid transparent;
- border-bottom: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+ border-bottom: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
border-left: 14px solid transparent;
}
.tour .popover-triangle-bottom:before,
.tour .popover-triangle-bottom-left:before,
.tour .popover-triangle-bottom-right:before {
- border-top: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+ border-top: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
border-right: 14px solid transparent;
border-left: 14px solid transparent;
}
@@ -112,7 +112,7 @@
.tour .popover-triangle-bottom-left:after,
.tour .popover-triangle-bottom-right:after {
bottom: -10px;
- border-top: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+ border-top: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
border-right: 14px solid transparent;
border-left: 14px solid transparent;
}
@@ -121,7 +121,7 @@
.tour .popover-triangle-left-top:before,
.tour .popover-triangle-left-bottom:before {
border-top: 14px solid transparent;
- border-right: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+ border-right: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
border-bottom: 14px solid transparent;
}
@@ -130,7 +130,7 @@
.tour .popover-triangle-left-bottom:after {
left: -10px;
border-top: 14px solid transparent;
- border-right: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+ border-right: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
border-bottom: 14px solid transparent;
}
@@ -139,7 +139,7 @@
.tour .popover-triangle-right-bottom:before {
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
- border-left: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+ border-left: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
}
.tour .popover-triangle-right:after,
@@ -148,5 +148,5 @@
right: -10px;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
- border-left: calc(14px * 0.8) solid color(var(--blue) l(-5%) s(-10%));
+ border-left: calc(14px * 0.8) solid color-mod(var(--blue) l(-5%) s(-10%));
}
diff --git a/app/styles/components/unsplash.css b/app/styles/components/unsplash.css
index 9a85b6a772..ea686d41e1 100644
--- a/app/styles/components/unsplash.css
+++ b/app/styles/components/unsplash.css
@@ -57,7 +57,7 @@
}
.gh-unsplash-close svg {
- fill: color(var(--midgrey) l(+15%));
+ fill: color-mod(var(--midgrey) l(+15%));
}
.gh-unsplash-header {
diff --git a/app/styles/components/uploader.css b/app/styles/components/uploader.css
index 1fb7cf38c1..3349cc26c7 100644
--- a/app/styles/components/uploader.css
+++ b/app/styles/components/uploader.css
@@ -10,7 +10,7 @@
min-height: 130px;
overflow: hidden;
margin: 1.6em 0;
- color: color(var(--midgrey) l(-18%));
+ color: color-mod(var(--midgrey) l(-18%));
text-align: center;
background: #fff;
border-radius: 4px;
@@ -93,7 +93,7 @@
.gh-image-uploader .failed {
margin: 1em 2em;
font-size: 16px;
- color: color(var(--midgrey));
+ color: color-mod(var(--midgrey));
}
/* TODO: remove the gh-image-uploader classes once it's using gh-progrss-bar */
diff --git a/app/styles/layouts/apps.css b/app/styles/layouts/apps.css
index cc4205fea0..05c2413a09 100644
--- a/app/styles/layouts/apps.css
+++ b/app/styles/layouts/apps.css
@@ -47,7 +47,7 @@
flex: 1 1 100%;
}
.apps-grid-cell:hover {
- background: color(var(--lightgrey) l(+5%));
+ background: color-mod(var(--lightgrey) l(+5%));
}
.apps-card-app {
diff --git a/app/styles/layouts/auth.css b/app/styles/layouts/auth.css
index 36c386825c..a5b0b6726d 100644
--- a/app/styles/layouts/auth.css
+++ b/app/styles/layouts/auth.css
@@ -34,7 +34,7 @@
top: 10px;
right: 1px;
bottom: 10px;
- border-left: color(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
+ border-left: color-mod(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
border-radius: 0;
}
.forgotten-link span {
@@ -45,8 +45,8 @@
}
.forgotten-link:hover {
- border-left: color(var(--lightgrey) l(-15%) s(-10%)) 1px solid;
- color: color(var(--blue) l(-10%));
+ border-left: color-mod(var(--lightgrey) l(-15%) s(-10%)) 1px solid;
+ color: color-mod(var(--blue) l(-10%));
text-decoration: none;
}
diff --git a/app/styles/layouts/content.css b/app/styles/layouts/content.css
index 7b38128ef3..c489bad996 100644
--- a/app/styles/layouts/content.css
+++ b/app/styles/layouts/content.css
@@ -9,7 +9,7 @@
justify-content: space-between;
margin: 2vw 0 1vw;
padding: 10px 0 0 0;
- border-top: color(var(--lightgrey)) 1px solid;
+ border-top: color-mod(var(--lightgrey)) 1px solid;
list-style: none;
}
@@ -50,7 +50,7 @@
.gh-contentfilter li a {
display: block;
padding: 13px 1px 0;
- color: color(var(--midgrey) l(+8%));
+ color: color-mod(var(--midgrey) l(+8%));
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 0.3px;
@@ -118,7 +118,7 @@
position: relative;
margin: 0;
padding: 24px 0 25px 0;
- border-bottom: color(var(--lightgrey)) 1px solid;
+ border-bottom: color-mod(var(--lightgrey)) 1px solid;
}
.gh-posts-list-item a:hover {
@@ -133,7 +133,7 @@
}
.gh-content-entry-title a {
- color: color(var(--darkgrey) l(+3%));
+ color: color-mod(var(--darkgrey) l(+3%));
}
.gh-posts-list-item p {
diff --git a/app/styles/layouts/editor.css b/app/styles/layouts/editor.css
index 6d43586241..f42e8d505b 100644
--- a/app/styles/layouts/editor.css
+++ b/app/styles/layouts/editor.css
@@ -501,7 +501,7 @@
.gh-markdown-editor .CodeMirror pre {
padding: 0;
- color: color(var(--darkgrey) l(+5%));
+ color: color-mod(var(--darkgrey) l(+5%));
font-family: "Consolas", monaco, monospace;
font-size: 1.6rem;
}
@@ -529,7 +529,7 @@
.gh-editor .editor-preview,
.gh-markdown-editor-preview {
- color: color(var(--darkgrey) l(+5%));
+ color: color-mod(var(--darkgrey) l(+5%));
font-family: Georgia, Times, Serif;
font-size: 1.9rem;
}
@@ -596,7 +596,7 @@
/* TODO: need a way to make stroke + fill global without causing issues with certain icons */
.gh-editor-image-upload .gh-btn-grey svg path {
- stroke: color(var(--darkgrey) l(+15%));
+ stroke: color-mod(var(--darkgrey) l(+15%));
}
.editor-toolbar a {
@@ -651,12 +651,12 @@
.editor-toolbar i.separator {
border-right: none;
- border-left: color(var(--lightgrey) l(-3%)) 1px solid;
+ border-left: color-mod(var(--lightgrey) l(-3%)) 1px solid;
}
.editor-toolbar a.active,
.editor-toolbar a:hover {
- border-color: color(var(--lightgrey) l(-5%));
+ border-color: color-mod(var(--lightgrey) l(-5%));
}
.gh-markdown-editor .CodeMirror .CodeMirror-selectedtext {
@@ -664,5 +664,5 @@
}
.CodeMirror .CodeMirror-selected {
- background: color(var(--blue) lightness(+30%));
+ background: color-mod(var(--blue) lightness(+30%));
}
diff --git a/app/styles/layouts/flow.css b/app/styles/layouts/flow.css
index a2bf476bc6..13bd76adc6 100644
--- a/app/styles/layouts/flow.css
+++ b/app/styles/layouts/flow.css
@@ -135,7 +135,7 @@
.gh-flow-nav .active .step {
border: var(--green) 2px solid;
background: transparent;
- color: color(var(--green) lightness(-10%));
+ color: color-mod(var(--green) lightness(-10%));
cursor: default;
}
diff --git a/app/styles/layouts/main.css b/app/styles/layouts/main.css
index 36410c0a2c..2f5d5c6b24 100644
--- a/app/styles/layouts/main.css
+++ b/app/styles/layouts/main.css
@@ -60,7 +60,7 @@ body > .ember-view:not(.default-liquid-destination) {
display: flex;
flex-direction: column;
min-width: 0; /* TODO: This is a bullshit Firefox hack */
- background: color(var(--lightgrey) l(+4%));
+ background: color-mod(var(--lightgrey) l(+4%));
transform: translateX(0);
}
@@ -92,7 +92,7 @@ body > .ember-view:not(.default-liquid-destination) {
.gh-nav-menu svg path {
stroke-width: 1px;
- stroke: color(var(--darkgrey));
+ stroke: color-mod(var(--darkgrey));
}
.gh-nav-menu-icon {
@@ -203,13 +203,13 @@ body > .ember-view:not(.default-liquid-destination) {
}
.gh-nav-list .active {
- background: color(var(--blue) lightness(+10%));
+ background: color-mod(var(--blue) lightness(+10%));
color: #fff;
opacity: 1;
}
.gh-nav-list a:not(.active):hover {
- background: color(var(--blue) alpha(-85%));
+ background: color-mod(var(--blue) alpha(-85%));
color: var(--darkgrey);
opacity: 1;
}
@@ -247,12 +247,12 @@ body > .ember-view:not(.default-liquid-destination) {
justify-content: center;
align-items: center;
height: 46px;
- border-top: color(var(--lightgrey) l(-1%)) 1px solid;
+ border-top: color-mod(var(--lightgrey) l(-1%)) 1px solid;
text-align: center;
font-size: 1.2rem;
line-height: 1em;
font-weight: 300;
- color: color(var(--midgrey) l(+5%));
+ color: color-mod(var(--midgrey) l(+5%));
}
@media (max-width: 500px) {
@@ -264,7 +264,7 @@ body > .ember-view:not(.default-liquid-destination) {
.gh-nav-foot-sitelink svg {
width: 13px;
margin-left: 5px;
- fill: color(var(--midgrey) l(+5%));
+ fill: color-mod(var(--midgrey) l(+5%));
}
/* Mobile Nav Menu (Slides out)
@@ -356,7 +356,7 @@ body > .ember-view:not(.default-liquid-destination) {
right: -8px;
height: 34px;
width: 25px;
- border: color(var(--lightgrey) l(+4%)) 5px solid;
+ border: color-mod(var(--lightgrey) l(+4%)) 5px solid;
border-radius: 4px;
cursor: pointer;
}
@@ -492,7 +492,7 @@ body > .ember-view:not(.default-liquid-destination) {
}
.gh-mobile-nav-bar a.active {
- background: color(var(--blue) lightness(+10%));
+ background: color-mod(var(--blue) lightness(+10%));
color: #fff;
}
diff --git a/app/styles/layouts/settings.css b/app/styles/layouts/settings.css
index 763c7679bb..910cd620ce 100644
--- a/app/styles/layouts/settings.css
+++ b/app/styles/layouts/settings.css
@@ -172,7 +172,7 @@
.gh-blognav-grab svg {
width: 16px;
height: 16px;
- fill: color(var(--midgrey) l(+15%));
+ fill: color-mod(var(--midgrey) l(+15%));
}
.gh-blognav-line {
@@ -196,7 +196,7 @@
}
.gh-blognav-delete svg {
- fill: color(var(--midgrey) l(+15%));
+ fill: color-mod(var(--midgrey) l(+15%));
height: 14px;
width: 14px;
transition: fill 0.1s linear;
@@ -228,7 +228,7 @@
.gh-blognav-add:hover,
.gh-blognav-add:focus {
- background: color(var(--green) lightness(-10%));
+ background: color-mod(var(--green) lightness(-10%));
}
.gh-blognav-item:not(.gh-blognav-item--sortable) {
@@ -241,11 +241,11 @@
margin-right: -1px;
}
.gh-blognav-label input {
- border-right-color: color(var(--lightgrey) l(-5%) s(-10%));
+ border-right-color: color-mod(var(--lightgrey) l(-5%) s(-10%));
border-radius: 4px 0 0 4px;
}
.gh-blognav-url input {
- border-left-color: color(var(--lightgrey) l(-5%) s(-10%));
+ border-left-color: color-mod(var(--lightgrey) l(-5%) s(-10%));
border-radius: 0 4px 4px 0;
}
.gh-blognav-item input:focus {
diff --git a/app/styles/layouts/users.css b/app/styles/layouts/users.css
index 95088dedc9..c88af6ff4e 100644
--- a/app/styles/layouts/users.css
+++ b/app/styles/layouts/users.css
@@ -99,41 +99,41 @@
/* ---------------------------------------------------------- */
.gh-badge.owner {
- border: color(var(--darkgrey) blackness(+8%)) 1px solid;
+ border: color-mod(var(--darkgrey) blackness(+8%)) 1px solid;
background: linear-gradient(
- color(var(--darkgrey) whiteness(+10%)),
- color(var(--darkgrey) blackness(+4%))
+ color-mod(var(--darkgrey) whiteness(+10%)),
+ color-mod(var(--darkgrey) blackness(+4%))
);
}
.gh-badge.administrator {
- border: color(var(--red) blackness(+8%)) 1px solid;
+ border: color-mod(var(--red) blackness(+8%)) 1px solid;
background: linear-gradient(
- color(var(--red) whiteness(+10%)),
- color(var(--red) blackness(+4%))
+ color-mod(var(--red) whiteness(+10%)),
+ color-mod(var(--red) blackness(+4%))
);
}
.gh-badge.editor {
- border: color(var(--blue) blackness(+8%)) 1px solid;
+ border: color-mod(var(--blue) blackness(+8%)) 1px solid;
background: linear-gradient(
- color(var(--blue) whiteness(+10%)),
- color(var(--blue) blackness(+4%))
+ color-mod(var(--blue) whiteness(+10%)),
+ color-mod(var(--blue) blackness(+4%))
);
}
.gh-badge.author {
- border: color(var(--lightgrey) blackness(+8%)) 1px solid;
- color: color(var(--midgrey) l(+5%));
+ border: color-mod(var(--lightgrey) blackness(+8%)) 1px solid;
+ color: color-mod(var(--midgrey) l(+5%));
background: #fff;
}
.gh-badge.suspended {
margin-left: 15px;
- border: color(var(--red) blackness(+8%)) 1px solid;
+ border: color-mod(var(--red) blackness(+8%)) 1px solid;
background: linear-gradient(
- color(var(--red) whiteness(+10%)),
- color(var(--red) blackness(+4%))
+ color-mod(var(--red) whiteness(+10%)),
+ color-mod(var(--red) blackness(+4%))
);
}
diff --git a/app/styles/patterns/buttons.css b/app/styles/patterns/buttons.css
index 76a0aa99ac..0425d6601b 100644
--- a/app/styles/patterns/buttons.css
+++ b/app/styles/patterns/buttons.css
@@ -6,12 +6,12 @@
.gh-btn {
display: inline-block;
outline: none;
- border: 1px solid color(var(--lightgrey) l(-5%) s(-10%));
- color: color(var(--lightgrey) l(-27%) blackness(+15%));
+ border: 1px solid color-mod(var(--lightgrey) l(-5%) s(-10%));
+ color: color-mod(var(--lightgrey) l(-27%) blackness(+15%));
text-shadow: 0 1px 0 #fff;
text-decoration: none !important;
user-select: none;
- fill: color(var(--lightgrey) l(-27%) blackness(+15%));
+ fill: color-mod(var(--lightgrey) l(-27%) blackness(+15%));
border-radius: 5px;
transition: all 0.2s ease;
transition-property: color, border-color, background, width, height;
@@ -36,7 +36,7 @@
}
.gh-btn:hover {
- border-color: color(var(--lightgrey) l(-15%) s(-10%));
+ border-color: color-mod(var(--lightgrey) l(-15%) s(-10%));
}
/* When disabled */
@@ -79,12 +79,12 @@ fieldset[disabled] .gh-btn {
.gh-btn-grey {
padding: 1px;
border: 0;
- color: color(var(--darkgrey) l(+15%));
+ color: color-mod(var(--darkgrey) l(+15%));
text-shadow: 0 1px 0 #fff;
fill: var(--darkgrey);
background: linear-gradient(
- color(var(--lightgrey) l(-3%)),
- color(var(--lightgrey) l(-8%))
+ color-mod(var(--lightgrey) l(-3%)),
+ color-mod(var(--lightgrey) l(-8%))
);
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
transition: none !important;
@@ -93,8 +93,8 @@ fieldset[disabled] .gh-btn {
/* The background of the span is the main visual element */
.gh-btn-grey span {
background: linear-gradient(
- color(var(--lightgrey) l(+10%)),
- color(var(--lightgrey) l(+4%))
+ color-mod(var(--lightgrey) l(+10%)),
+ color-mod(var(--lightgrey) l(+4%))
);
box-shadow: 0 1px 0 #fff inset;
}
@@ -102,11 +102,11 @@ fieldset[disabled] .gh-btn {
/* When clicked or focused with keyboard */
.gh-btn-grey:active,
.gh-btn-grey:focus {
- background: color(var(--midgrey) l(+25%));
+ background: color-mod(var(--midgrey) l(+25%));
}
.gh-btn-grey:active span,
.gh-btn-grey:focus span {
- background: color(var(--lightgrey) l(+15%));
+ background: color-mod(var(--lightgrey) l(+15%));
box-shadow: none;
}
@@ -122,8 +122,8 @@ fieldset[disabled] .gh-btn {
text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
fill: #fff;
background: linear-gradient(
- color(var(--blue) blackness(+10%)),
- color(var(--blue) l(-15%) saturation(-15%))
+ color-mod(var(--blue) blackness(+10%)),
+ color-mod(var(--blue) l(-15%) saturation(-15%))
);
box-shadow: 0 1px 0 rgba(0,0,0,0.12);
transition: none !important;
@@ -132,10 +132,10 @@ fieldset[disabled] .gh-btn {
/* The background of the span is the main visual element */
.gh-btn-blue span {
background: linear-gradient(
- color(var(--blue) whiteness(+5%)),
- color(var(--blue) l(-5%) saturation(-8%)) 60%,
- color(var(--blue) l(-5%) saturation(-8%)) 90%,
- color(var(--blue) l(-3%) saturation(-8%))
+ color-mod(var(--blue) whiteness(+5%)),
+ color-mod(var(--blue) l(-5%) saturation(-8%)) 60%,
+ color-mod(var(--blue) l(-5%) saturation(-8%)) 90%,
+ color-mod(var(--blue) l(-3%) saturation(-8%))
);
box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset;
}
@@ -143,11 +143,11 @@ fieldset[disabled] .gh-btn {
/* When clicked or focused with keyboard */
.gh-btn-blue:active,
.gh-btn-blue:focus {
- background: color(var(--blue) l(-20%) saturation(-15%));
+ background: color-mod(var(--blue) l(-20%) saturation(-15%));
}
.gh-btn-blue:active span,
.gh-btn-blue:focus span {
- background: color(var(--blue) l(-7%) saturation(-10%));
+ background: color-mod(var(--blue) l(-7%) saturation(-10%));
box-shadow: none;
}
@@ -162,8 +162,8 @@ fieldset[disabled] .gh-btn {
text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
fill: #fff;
background: linear-gradient(
- color(var(--green) blackness(+5%)),
- color(var(--green) l(-9%) saturation(-9%))
+ color-mod(var(--green) blackness(+5%)),
+ color-mod(var(--green) l(-9%) saturation(-9%))
);
box-shadow: 0 1px 1px rgba(0,0,0,0.14);
transition: none !important;
@@ -172,10 +172,10 @@ fieldset[disabled] .gh-btn {
/* The background of the span is the main visual element */
.gh-btn-green span {
background: linear-gradient(
- color(var(--green) whiteness(+4%)),
- color(var(--green) l(-3%) saturation(-7%)) 60%,
- color(var(--green) l(-3%) saturation(-7%)) 90%,
- color(var(--green) l(-3%) saturation(-9%))
+ color-mod(var(--green) whiteness(+4%)),
+ color-mod(var(--green) l(-3%) saturation(-7%)) 60%,
+ color-mod(var(--green) l(-3%) saturation(-7%)) 90%,
+ color-mod(var(--green) l(-3%) saturation(-9%))
);
box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset;
}
@@ -183,11 +183,11 @@ fieldset[disabled] .gh-btn {
/* When clicked or focused with keyboard */
.gh-btn-green:active,
.gh-btn-green:focus {
- background: color(var(--green) l(-9%) saturation(-9%));
+ background: color-mod(var(--green) l(-9%) saturation(-9%));
}
.gh-btn-green:active span,
.gh-btn-green:focus span {
- background: color(var(--green) l(-3%) saturation(-7%));
+ background: color-mod(var(--green) l(-3%) saturation(-7%));
box-shadow: none;
}
@@ -203,8 +203,8 @@ fieldset[disabled] .gh-btn {
text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
fill: #fff;
background: linear-gradient(
- color(var(--red) blackness(+10%)),
- color(var(--red) l(-15%) saturation(-15%))
+ color-mod(var(--red) blackness(+10%)),
+ color-mod(var(--red) l(-15%) saturation(-15%))
);
box-shadow: 0 1px 0 rgba(0,0,0,0.12);
transition: none !important;
@@ -213,10 +213,10 @@ fieldset[disabled] .gh-btn {
/* The background of the span is the main visual element */
.gh-btn-red span {
background: linear-gradient(
- color(var(--red) whiteness(+7%)),
- color(var(--red) l(-7%) saturation(-10%)) 60%,
- color(var(--red) l(-7%) saturation(-10%)) 90%,
- color(var(--red) l(-4%) saturation(-10%))
+ color-mod(var(--red) whiteness(+7%)),
+ color-mod(var(--red) l(-7%) saturation(-10%)) 60%,
+ color-mod(var(--red) l(-7%) saturation(-10%)) 90%,
+ color-mod(var(--red) l(-4%) saturation(-10%))
);
box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset;
}
@@ -224,11 +224,11 @@ fieldset[disabled] .gh-btn {
/* When clicked or focused with keyboard */
.gh-btn-red:active,
.gh-btn-red:focus {
- background: color(var(--red) l(-20%) saturation(-15%));
+ background: color-mod(var(--red) l(-20%) saturation(-15%));
}
.gh-btn-red:active span,
.gh-btn-red:focus span {
- background: color(var(--red) l(-7%) saturation(-10%));
+ background: color-mod(var(--red) l(-7%) saturation(-10%));
box-shadow: none;
}
@@ -243,8 +243,8 @@ fieldset[disabled] .gh-btn {
text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
fill: #fff;
background: linear-gradient(
- color(var(--darkgrey) blackness(+10%)),
- color(var(--darkgrey) l(-15%) saturation(-15%))
+ color-mod(var(--darkgrey) blackness(+10%)),
+ color-mod(var(--darkgrey) l(-15%) saturation(-15%))
);
box-shadow: 0 1px 0 rgba(0,0,0,0.12);
transition: none !important;
@@ -253,10 +253,10 @@ fieldset[disabled] .gh-btn {
/* The background of the span is the main visual element */
.gh-btn-black span {
background: linear-gradient(
- color(var(--darkgrey) whiteness(+7%)),
- color(var(--darkgrey) l(-7%) saturation(-10%)) 60%,
- color(var(--darkgrey) l(-7%) saturation(-10%)) 90%,
- color(var(--darkgrey) l(-4%) saturation(-10%))
+ color-mod(var(--darkgrey) whiteness(+7%)),
+ color-mod(var(--darkgrey) l(-7%) saturation(-10%)) 60%,
+ color-mod(var(--darkgrey) l(-7%) saturation(-10%)) 90%,
+ color-mod(var(--darkgrey) l(-4%) saturation(-10%))
);
box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset;
}
@@ -264,11 +264,11 @@ fieldset[disabled] .gh-btn {
/* When clicked or focused with keyboard */
.gh-btn-black:active,
.gh-btn-black:focus {
- background: color(var(--darkgrey) l(-20%) saturation(-15%));
+ background: color-mod(var(--darkgrey) l(-20%) saturation(-15%));
}
.gh-btn-black:active span,
.gh-btn-black:focus span {
- background: color(var(--darkgrey) l(-7%) saturation(-10%));
+ background: color-mod(var(--darkgrey) l(-7%) saturation(-10%));
box-shadow: none;
}
@@ -308,7 +308,7 @@ fieldset[disabled] .gh-btn {
}
.gh-btn-icon svg.gh-spinner rect {
- fill: color(var(--midgrey) l(+15%));
+ fill: color-mod(var(--midgrey) l(+15%));
}
.gh-btn-icon-right svg,
diff --git a/app/styles/patterns/forms.css b/app/styles/patterns/forms.css
index c0ab7e854c..2ffb5c0c33 100644
--- a/app/styles/patterns/forms.css
+++ b/app/styles/patterns/forms.css
@@ -25,7 +25,7 @@ legend {
display: block;
width: 100%;
margin: 2em 0;
- border-bottom: color(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
+ border-bottom: color-mod(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
color: var(--midgrey);
font-size: 1.2em;
line-height: 2.0em;
@@ -37,12 +37,12 @@ input {
}
::-webkit-input-placeholder {
- color: color(var(--midgrey) l(+18%));
+ color: color-mod(var(--midgrey) l(+18%));
font-weight: 200;
}
:-ms-input-placeholder {
- color: color(var(--midgrey) l(+18%));
+ color: color-mod(var(--midgrey) l(+18%));
font-weight: 200;
}
@@ -103,12 +103,12 @@ input {
z-index: 2;
width: 14px;
height: 14px;
- fill: color(var(--midgrey) l(+15%));
+ fill: color-mod(var(--midgrey) l(+15%));
transform: translateY(-7px);
}
.gh-input-icon.gh-icon-link svg path {
- stroke: color(var(--midgrey) l(+15%));
+ stroke: color-mod(var(--midgrey) l(+15%));
}
.gh-input-icon input {
@@ -129,8 +129,8 @@ select {
width: 100%;
height: 40px;
padding: 10px 12px;
- border: color(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
- color: color(var(--midgrey) l(-18%));
+ border: color-mod(var(--lightgrey) l(-5%) s(-10%)) 1px solid;
+ color: color-mod(var(--midgrey) l(-18%));
font-size: 1.6rem;
line-height: 1em;
font-weight: 300;
@@ -159,7 +159,7 @@ select.error {
.gh-select:focus,
select:focus {
outline: 0;
- border-color: color(var(--lightgrey) l(-15%) s(-10%));
+ border-color: color-mod(var(--lightgrey) l(-15%) s(-10%));
}
textarea {
@@ -209,13 +209,13 @@ textarea {
width: 18px;
height: 18px;
margin-right: 7px;
- border: 1px solid color(var(--lightgrey) l(-5%) s(-10%));
- background: color(var(--lightgrey) l(+4%));
+ border: 1px solid color-mod(var(--lightgrey) l(-5%) s(-10%));
+ background: color-mod(var(--lightgrey) l(+4%));
}
.for-checkbox label:hover input:not(:checked) + .input-toggle-component,
.for-radio label:hover input:not(:checked) + .input-toggle-component {
- border-color: color(var(--lightgrey) l(-15%) s(-10%));
+ border-color: color-mod(var(--lightgrey) l(-15%) s(-10%));
}
.for-checkbox .input-toggle-component {
@@ -242,7 +242,7 @@ textarea {
}
.for-checkbox input:checked + .input-toggle-component {
- border-color: color(var(--green) lightness(-10%));
+ border-color: color-mod(var(--green) lightness(-10%));
background: var(--green);
}
@@ -272,7 +272,7 @@ textarea {
}
.for-radio input:checked + .input-toggle-component {
- border-color: color(var(--green) lightness(-10%));
+ border-color: color-mod(var(--green) lightness(-10%));
background: var(--green);
}
@@ -308,7 +308,7 @@ textarea {
}
.gh-select svg path {
- stroke: color(var(--midgrey) l(+15%));
+ stroke: color-mod(var(--midgrey) l(+15%));
}
.gh-select select {
@@ -334,12 +334,12 @@ textarea {
}
.gh-select.disabled select {
- color: color(var(--midgrey) l(+18%));
+ color: color-mod(var(--midgrey) l(+18%));
cursor: default;
}
.gh-select.disabled svg path {
- stroke: color(var(--midgrey) l(+30%));
+ stroke: color-mod(var(--midgrey) l(+30%));
}
@@ -367,6 +367,6 @@ textarea {
padding: 7px 10px 7px 8px;
}
.gh-select:focus {
- border-color: color(var(--lightgrey) l(-15%) s(-10%));
+ border-color: color-mod(var(--lightgrey) l(-15%) s(-10%));
}
}
diff --git a/app/styles/patterns/global.css b/app/styles/patterns/global.css
index 24dc29120b..d349122534 100644
--- a/app/styles/patterns/global.css
+++ b/app/styles/patterns/global.css
@@ -120,7 +120,7 @@ body {
}
::selection {
- background: color(var(--blue) lightness(+20%));
+ background: color-mod(var(--blue) lightness(+20%));
}
@@ -296,7 +296,7 @@ tt {
code,
tt {
padding: 0.2rem 0.3rem 0.1rem;
- border: color(#f5f7f8 lightness(-10%)) 1px solid;
+ border: color-mod(#f5f7f8 lightness(-10%)) 1px solid;
background: #f5f7f8;
border-radius: 2px;
color: #c25;
@@ -311,7 +311,7 @@ pre {
margin: 1.6em 0;
padding: 10px;
width: 100%;
- border: color(#f5f7f8 lightness(-10%)) 1px solid;
+ border: color-mod(#f5f7f8 lightness(-10%)) 1px solid;
background: #f5f7f8;
border-radius: 3px;
white-space: pre;
@@ -355,6 +355,7 @@ button {
border: none;
background: transparent;
box-shadow: none;
+ line-height: inherit;
}
i {
@@ -487,7 +488,7 @@ img {
@keyframes keyboard-focus-style-fade-out {
from {
- box-shadow: inset 0 0 30px 1px color(var(--midgrey) lightness(+20%));
+ box-shadow: inset 0 0 30px 1px color-mod(var(--midgrey) lightness(+20%));
}
to {
box-shadow: none;
diff --git a/app/styles/patterns/labels.css b/app/styles/patterns/labels.css
index 851230f04c..9a97767a67 100644
--- a/app/styles/patterns/labels.css
+++ b/app/styles/patterns/labels.css
@@ -59,7 +59,7 @@ a.label:focus {
.label-default[href]:hover,
.label-default[href]:focus {
- background-color: color(#a1adb3 lightness(-10%));
+ background-color: color-mod(#a1adb3 lightness(-10%));
}
.label-alt {
@@ -73,7 +73,7 @@ a.label:focus {
.label-alt[href]:hover,
.label-alt[href]:focus {
- background-color: color(#666 lightness(-10%));
+ background-color: color-mod(#666 lightness(-10%));
}
.label-blue {
@@ -87,7 +87,7 @@ a.label:focus {
.label-blue[href]:hover,
.label-blue[href]:focus {
- background-color: color(var(--blue) lightness(-10%));
+ background-color: color-mod(var(--blue) lightness(-10%));
}
.label-green {
@@ -101,7 +101,7 @@ a.label:focus {
.label-green[href]:hover,
.label-green[href]:focus {
- background-color: color(var(--green) lightness(-10%));
+ background-color: color-mod(var(--green) lightness(-10%));
}
.label-red {
@@ -115,5 +115,5 @@ a.label:focus {
.label-red[href]:hover,
.label-red[href]:focus {
- background-color: color(var(--red) lightness(-10%));
+ background-color: color-mod(var(--red) lightness(-10%));
}
diff --git a/app/styles/patterns/navlist.css b/app/styles/patterns/navlist.css
index 052a0bad22..a81a3f0070 100644
--- a/app/styles/patterns/navlist.css
+++ b/app/styles/patterns/navlist.css
@@ -4,7 +4,7 @@
.nav-list {
padding: 0;
max-width: 500px;
- border: 1px solid color(var(--lightgrey) l(-5%) s(-10%));
+ border: 1px solid color-mod(var(--lightgrey) l(-5%) s(-10%));
background: #fff;
border-radius: var(--border-radius);
}
@@ -22,7 +22,7 @@
}
.nav-list-item:hover {
- background: color(var(--lightgrey) l(+6%));
+ background: color-mod(var(--lightgrey) l(+6%));
cursor: pointer;
}
@@ -37,7 +37,7 @@
}
.nav-list-item:not(:last-of-type) {
- border-bottom: 1px solid color(var(--lightgrey) l(-5%) s(-10%));
+ border-bottom: 1px solid color-mod(var(--lightgrey) l(-5%) s(-10%));
}
.nav-list-item button {
diff --git a/app/styles/patterns/tables.css b/app/styles/patterns/tables.css
index 89763ccb65..ca16179496 100644
--- a/app/styles/patterns/tables.css
+++ b/app/styles/patterns/tables.css
@@ -53,7 +53,7 @@ table td,
.table tbody > tr:nth-child(odd) > td,
.table tbody > tr:nth-child(odd) > th {
- background-color: color(#dfe1e3 lightness(+10%));
+ background-color: color-mod(#dfe1e3 lightness(+10%));
}
.table.plain tbody > tr:nth-child(odd) > td,
diff --git a/app/styles/patterns/throbber.css b/app/styles/patterns/throbber.css
index 67f05af453..07a6c4d499 100644
--- a/app/styles/patterns/throbber.css
+++ b/app/styles/patterns/throbber.css
@@ -19,9 +19,9 @@
display: block;
width: 14px;
height: 14px;
- background: color(var(--blue) alpha(0.9));
+ background: color-mod(var(--blue) alpha(0.9));
border-radius: 100%;
- box-shadow: color(var(--blue) alpha(0.9)) 0 0 0 2px;
+ box-shadow: color-mod(var(--blue) alpha(0.9)) 0 0 0 2px;
}
.throbber:before {
@@ -36,7 +36,7 @@
border: rgba(255,255,255,0.1) 2px solid;
background: rgba(255,255,255,0.4);
border-radius: 100%;
- box-shadow: color(var(--blue) alpha(0.7)) 0 0 0 2px;
+ box-shadow: color-mod(var(--blue) alpha(0.7)) 0 0 0 2px;
animation-name: throbber-pulse, throbber-fade;
animation-duration: 1.5s;
animation-timing-function: ease-in-out;
diff --git a/app/styles/spirit-product/_animations.css b/app/styles/spirit-product/_animations.css
deleted file mode 100644
index fb53224c95..0000000000
--- a/app/styles/spirit-product/_animations.css
+++ /dev/null
@@ -1,140 +0,0 @@
-/*
- HOVER EFFECTS
-
- - Dim
- - Glow
- - Hide Child
- - Underline text
- - Grow
- - Pointer
- - Shadow
-*/
-
-:root {
- --animation-speed-fast: 0.15s;
- --animation-speed-normal: 0.3s;
- --animation-speed-slow: 0.45s;
-}
-
-
-
-/* Animations
-/* -------------------------------------------------------- */
-.anim-fast { transition: all var(--animation-speed-fast) ease; }
-.anim-normal { transition: all var(--animation-speed-normal) ease; }
-.anim-slow { transition: all var(--animation-speed-slow) ease; }
-
-
-/*
-
- Dim element on hover by adding the dim class.
-
-*/
-.dim {
- opacity: 1;
- transition: opacity var(--animation-speed-fast) ease-in;
-}
-.dim:hover,
-.dim:focus {
- opacity: .5;
- transition: opacity var(--animation-speed-fast) ease-in;
-}
-.dim:active {
- opacity: .8; transition: opacity var(--animation-speed-fast) ease-out;
-}
-
-/*
-
- Hide child & reveal on hover:
-
- Put the hide-child class on a parent element and any nested element with the
- child class will be hidden and displayed on hover or focus.
-
-
-
Hidden until hover or focus
-
Hidden until hover or focus
-
Hidden until hover or focus
-
Hidden until hover or focus
-
-*/
-
-.hide-child .child {
- opacity: 0;
- transition: all var(--animation-speed-normal) ease-in;
-}
-.hide-child:hover .child,
-.hide-child:focus .child,
-.hide-child:active .child {
- opacity: 1;
- transition: all var(--animation-speed-normal) ease-in;
-}
-
-.underline-hover:hover,
-.underline-hover:focus {
- text-decoration: underline;
-}
-
-/* Can combine this with overflow-hidden to make background images grow on hover
- * even if you are using background-size: cover */
-
-.grow {
- -moz-osx-font-smoothing: grayscale;
- backface-visibility: hidden;
- transform: translateY(0) translateZ(0);
- transition: transform var(--animation-speed-normal) ease-out;
-}
-
-.grow:hover,
-.grow:focus {
- transform: translateY(-0.6rem) scale(1.002);
-}
-
-.grow:active {
- transform: scale(.90);
-}
-
-/* Add pointer on hover */
-
-.pointer:hover {
- cursor: pointer;
-}
-
-/*
- Add shadow on hover.
-
- Performant box-shadow animation pattern from
- http://tobiasahlin.com/blog/how-to-animate-box-shadow/
-*/
-
-.shadow-hover {
- position: relative;
- transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-}
-
-.shadow-hover::after {
- content: '';
- box-shadow: 0 0 1px rgba(0,0,0,.05), 0 5px 18px rgba(0,0,0,.09);
- border-radius: inherit;
- opacity: 0;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: -1;
- transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-}
-
-.shadow-hover:hover::after,
-.shadow-hover:focus::after {
- opacity: 1;
-}
-
-/* Combine with classes in skins and skins-pseudo for
- * many different transition possibilities. */
-
-.bg-animate,
-.bg-animate:hover,
-.bg-animate:focus {
- transition: background-color var(--animation-speed-normal) ease-in-out;
-}
diff --git a/app/styles/spirit-product/_aspect-ratios.css b/app/styles/spirit-product/_aspect-ratios.css
deleted file mode 100644
index 1ee67e1d96..0000000000
--- a/app/styles/spirit-product/_aspect-ratios.css
+++ /dev/null
@@ -1,135 +0,0 @@
-/*
-
- ASPECT RATIOS
-
-*/
-
-/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
- * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
- * Make sure there are no height and width attributes on the embedded media.
- * Adapted from: https://github.com/suitcss/components-flex-embed
- *
- * Example:
- *
- *
- *
- *
- *
- * */
-
-.aspect-ratio {
- height: 0;
- position: relative;
-}
-
-.aspect-ratio--16x9 { padding-bottom: 56.25%; }
-.aspect-ratio--9x16 { padding-bottom: 177.77%; }
-
-.aspect-ratio--4x3 { padding-bottom: 75%; }
-.aspect-ratio--3x4 { padding-bottom: 133.33%; }
-
-.aspect-ratio--6x4 { padding-bottom: 66.6%; }
-.aspect-ratio--4x6 { padding-bottom: 150%; }
-
-.aspect-ratio--8x5 { padding-bottom: 62.5%; }
-.aspect-ratio--5x8 { padding-bottom: 160%; }
-
-.aspect-ratio--7x5 { padding-bottom: 71.42%; }
-.aspect-ratio--5x7 { padding-bottom: 140%; }
-
-.aspect-ratio--1x1 { padding-bottom: 100%; }
-
-.aspect-ratio--object {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 100;
-}
-
-@media (--breakpoint-not-small){
- .aspect-ratio-ns {
- height: 0;
- position: relative;
- }
- .aspect-ratio--16x9-ns { padding-bottom: 56.25%; }
- .aspect-ratio--9x16-ns { padding-bottom: 177.77%; }
- .aspect-ratio--4x3-ns { padding-bottom: 75%; }
- .aspect-ratio--3x4-ns { padding-bottom: 133.33%; }
- .aspect-ratio--6x4-ns { padding-bottom: 66.6%; }
- .aspect-ratio--4x6-ns { padding-bottom: 150%; }
- .aspect-ratio--8x5-ns { padding-bottom: 62.5%; }
- .aspect-ratio--5x8-ns { padding-bottom: 160%; }
- .aspect-ratio--7x5-ns { padding-bottom: 71.42%; }
- .aspect-ratio--5x7-ns { padding-bottom: 140%; }
- .aspect-ratio--1x1-ns { padding-bottom: 100%; }
- .aspect-ratio--object-ns {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 100;
- }
-}
-
-@media (--breakpoint-medium){
- .aspect-ratio-m {
- height: 0;
- position: relative;
- }
- .aspect-ratio--16x9-m { padding-bottom: 56.25%; }
- .aspect-ratio--9x16-m { padding-bottom: 177.77%; }
- .aspect-ratio--4x3-m { padding-bottom: 75%; }
- .aspect-ratio--3x4-m { padding-bottom: 133.33%; }
- .aspect-ratio--6x4-m { padding-bottom: 66.6%; }
- .aspect-ratio--4x6-m { padding-bottom: 150%; }
- .aspect-ratio--8x5-m { padding-bottom: 62.5%; }
- .aspect-ratio--5x8-m { padding-bottom: 160%; }
- .aspect-ratio--7x5-m { padding-bottom: 71.42%; }
- .aspect-ratio--5x7-m { padding-bottom: 140%; }
- .aspect-ratio--1x1-m { padding-bottom: 100%; }
- .aspect-ratio--object-m {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 100;
- }
-}
-
-@media (--breakpoint-large){
- .aspect-ratio-l {
- height: 0;
- position: relative;
- }
- .aspect-ratio--16x9-l { padding-bottom: 56.25%; }
- .aspect-ratio--9x16-l { padding-bottom: 177.77%; }
- .aspect-ratio--4x3-l { padding-bottom: 75%; }
- .aspect-ratio--3x4-l { padding-bottom: 133.33%; }
- .aspect-ratio--6x4-l { padding-bottom: 66.6%; }
- .aspect-ratio--4x6-l { padding-bottom: 150%; }
- .aspect-ratio--8x5-l { padding-bottom: 62.5%; }
- .aspect-ratio--5x8-l { padding-bottom: 160%; }
- .aspect-ratio--7x5-l { padding-bottom: 71.42%; }
- .aspect-ratio--5x7-l { padding-bottom: 140%; }
- .aspect-ratio--1x1-l { padding-bottom: 100%; }
- .aspect-ratio--object-l {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 100;
- }
-}
diff --git a/app/styles/spirit-product/_background-position.css b/app/styles/spirit-product/_background-position.css
deleted file mode 100644
index 4d850b6a55..0000000000
--- a/app/styles/spirit-product/_background-position.css
+++ /dev/null
@@ -1,126 +0,0 @@
-/*
-
- BACKGROUND POSITION
-
- Base:
- bg = background
-
- Modifiers:
- -center = center center
- -top = top center
- -right = center right
- -bottom = bottom center
- -left = center left
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
- */
-
-.bg-center {
- background-repeat: no-repeat;
- background-position: center center;
-}
-
-.bg-top {
- background-repeat: no-repeat;
- background-position: top center;
-}
-
-.bg-right {
- background-repeat: no-repeat;
- background-position: center right;
-}
-
-.bg-bottom {
- background-repeat: no-repeat;
- background-position: bottom center;
-}
-
-.bg-left {
- background-repeat: no-repeat;
- background-position: center left;
-}
-
-@media (--breakpoint-not-small) {
- .bg-center-ns {
- background-repeat: no-repeat;
- background-position: center center;
- }
-
- .bg-top-ns {
- background-repeat: no-repeat;
- background-position: top center;
- }
-
- .bg-right-ns {
- background-repeat: no-repeat;
- background-position: center right;
- }
-
- .bg-bottom-ns {
- background-repeat: no-repeat;
- background-position: bottom center;
- }
-
- .bg-left-ns {
- background-repeat: no-repeat;
- background-position: center left;
- }
-}
-
-@media (--breakpoint-medium) {
- .bg-center-m {
- background-repeat: no-repeat;
- background-position: center center;
- }
-
- .bg-top-m {
- background-repeat: no-repeat;
- background-position: top center;
- }
-
- .bg-right-m {
- background-repeat: no-repeat;
- background-position: center right;
- }
-
- .bg-bottom-m {
- background-repeat: no-repeat;
- background-position: bottom center;
- }
-
- .bg-left-m {
- background-repeat: no-repeat;
- background-position: center left;
- }
-}
-
-@media (--breakpoint-large) {
- .bg-center-l {
- background-repeat: no-repeat;
- background-position: center center;
- }
-
- .bg-top-l {
- background-repeat: no-repeat;
- background-position: top center;
- }
-
- .bg-right-l {
- background-repeat: no-repeat;
- background-position: center right;
- }
-
- .bg-bottom-l {
- background-repeat: no-repeat;
- background-position: bottom center;
- }
-
- .bg-left-l {
- background-repeat: no-repeat;
- background-position: center left;
- }
-}
diff --git a/app/styles/spirit-product/_background-size.css b/app/styles/spirit-product/_background-size.css
deleted file mode 100644
index bcb90a00c8..0000000000
--- a/app/styles/spirit-product/_background-size.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.cover { background-size: cover!important; }
-.contain { background-size: contain!important; }
-
-@media (--breakpoint-not-small) {
- .cover-ns { background-size: cover!important; }
- .contain-ns { background-size: contain!important; }
-}
-
-@media (--breakpoint-medium) {
- .cover-m { background-size: cover!important; }
- .contain-m { background-size: contain!important; }
-}
-
-@media (--breakpoint-large) {
- .cover-l { background-size: cover!important; }
- .contain-l { background-size: contain!important; }
-}
diff --git a/app/styles/spirit-product/_border-colors.css b/app/styles/spirit-product/_border-colors.css
deleted file mode 100644
index cabb1224fb..0000000000
--- a/app/styles/spirit-product/_border-colors.css
+++ /dev/null
@@ -1,129 +0,0 @@
-/*
-
- BORDER COLORS
-
- Border colors can be used to extend the base
- border classes ba,bt,bb,br,bl found in the _borders.css file.
-
- The base border class by default will set the color of the border
- to that of the current text color. These classes are for the cases
- where you desire for the text and border colors to be different.
-
- Base:
- b = border
-
- Modifiers:
- --color-name = each color variable name is also a border color name
-
-*/
-
-.b--blue { border-color: var(--blue); }
-.b--green { border-color: var(--green); }
-.b--purple { border-color: var(--purple); }
-.b--yellow { border-color: var(--yellow); }
-.b--red { border-color: var(--red); }
-.b--pink { border-color: var(--pink); }
-.b--white { border-color: var(--white); }
-
-.b--white-10 { border-color: var(--white-10); }
-.b--white-20 { border-color: var(--white-20); }
-.b--white-30 { border-color: var(--white-30); }
-.b--white-40 { border-color: var(--white-40); }
-.b--white-50 { border-color: var(--white-50); }
-.b--white-60 { border-color: var(--white-60); }
-.b--white-70 { border-color: var(--white-70); }
-.b--white-80 { border-color: var(--white-80); }
-.b--white-90 { border-color: var(--white-90); }
-
-.b--black-10 { border-color: var(--black-10); }
-.b--black-20 { border-color: var(--black-20); }
-.b--black-30 { border-color: var(--black-30); }
-.b--black-40 { border-color: var(--black-40); }
-.b--black-50 { border-color: var(--black-50); }
-.b--black-60 { border-color: var(--black-60); }
-.b--black-70 { border-color: var(--black-70); }
-.b--black-80 { border-color: var(--black-80); }
-.b--black-90 { border-color: var(--black-90); }
-
-.b--darkgrey { border-color: var(--darkgrey); }
-.b--middarkgrey { border-color: var(--middarkgrey); }
-.b--midgrey { border-color: var(--midgrey); }
-.b--midlightgrey { border-color: var(--midlightgrey); }
-.b--lightgrey { border-color: var(--lightgrey); }
-.b--whitegrey { border-color: var(--whitegrey); }
-
-/* Shades */
-.b--blue-p3 { border-color: var(--blue-p3); }
-.b--blue-p2 { border-color: var(--blue-p2); }
-.b--blue-p1 { border-color: var(--blue-p1); }
-.b--blue-m1 { border-color: var(--blue-m1); }
-.b--blue-m2 { border-color: var(--blue-m2); }
-.b--blue-m3 { border-color: var(--blue-m3); }
-
-.b--green-p3 { border-color: var(--green-p3); }
-.b--green-p2 { border-color: var(--green-p2); }
-.b--green-p1 { border-color: var(--green-p1); }
-.b--green-m1 { border-color: var(--green-m1); }
-.b--green-m2 { border-color: var(--green-m2); }
-.b--green-m3 { border-color: var(--green-m3); }
-
-.b--purple-p3 { border-color: var(--purple-p3); }
-.b--purple-p2 { border-color: var(--purple-p2); }
-.b--purple-p1 { border-color: var(--purple-p1); }
-.b--purple-m1 { border-color: var(--purple-m1); }
-.b--purple-m2 { border-color: var(--purple-m2); }
-.b--purple-m3 { border-color: var(--purple-m3); }
-
-.b--yellow-p3 { border-color: var(--yellow-p3); }
-.b--yellow-p2 { border-color: var(--yellow-p2); }
-.b--yellow-p1 { border-color: var(--yellow-p1); }
-.b--yellow-m1 { border-color: var(--yellow-m1); }
-.b--yellow-m2 { border-color: var(--yellow-m2); }
-.b--yellow-m3 { border-color: var(--yellow-m3); }
-
-.b--red-p3 { border-color: var(--red-p3); }
-.b--red-p2 { border-color: var(--red-p2); }
-.b--red-p1 { border-color: var(--red-p1); }
-.b--red-m1 { border-color: var(--red-m1); }
-.b--red-m2 { border-color: var(--red-m2); }
-.b--red-m3 { border-color: var(--red-m3); }
-
-.b--pink-p3 { border-color: var(--pink-p3); }
-.b--pink-p2 { border-color: var(--pink-p2); }
-.b--pink-p1 { border-color: var(--pink-p1); }
-.b--pink-m1 { border-color: var(--pink-m1); }
-.b--pink-m2 { border-color: var(--pink-m2); }
-.b--pink-m3 { border-color: var(--pink-m3); }
-
-.b--darkgrey-p2 { border-color: var(--darkgrey-p2); }
-.b--darkgrey-p1 { border-color: var(--darkgrey-p1); }
-.b--darkgrey-m1 { border-color: var(--darkgrey-m1); }
-.b--darkgrey-m2 { border-color: var(--darkgrey-m2); }
-
-.b--middarkgrey-p2 { border-color: var(--middarkgrey-p2); }
-.b--middarkgrey-p1 { border-color: var(--middarkgrey-p1); }
-.b--middarkgrey-m1 { border-color: var(--middarkgrey-m1); }
-.b--middarkgrey-m2 { border-color: var(--middarkgrey-m2); }
-
-.b--midgrey-p2 { border-color: var(--midgrey-p2); }
-.b--midgrey-p1 { border-color: var(--midgrey-p1); }
-.b--midgrey-m1 { border-color: var(--midgrey-m1); }
-.b--midgrey-m2 { border-color: var(--midgrey-m2); }
-
-.b--midlightgrey-p2 { border-color: var(--midlightgrey-p2); }
-.b--midlightgrey-p1 { border-color: var(--midlightgrey-p1); }
-.b--midlightgrey-m1 { border-color: var(--midlightgrey-m1); }
-.b--midlightgrey-m2 { border-color: var(--midlightgrey-m2); }
-
-.b--lightgrey-p2 { border-color: var(--lightgrey-p2); }
-.b--lightgrey-p1 { border-color: var(--lightgrey-p1); }
-.b--lightgrey-m1 { border-color: var(--lightgrey-m1); }
-.b--lightgrey-m2 { border-color: var(--lightgrey-m2); }
-
-.b--whitegrey-p2 { border-color: var(--whitegrey-p2); }
-.b--whitegrey-p1 { border-color: var(--whitegrey-p1); }
-.b--whitegrey-m1 { border-color: var(--whitegrey-m1); }
-.b--whitegrey-m2 { border-color: var(--whitegrey-m2); }
-
-.b--transparent { border-color: var(--transparent); }
-.b--inherit { border-color: inherit; }
diff --git a/app/styles/spirit-product/_border-radius.css b/app/styles/spirit-product/_border-radius.css
deleted file mode 100644
index 5bdd913769..0000000000
--- a/app/styles/spirit-product/_border-radius.css
+++ /dev/null
@@ -1,126 +0,0 @@
-/*
-
- BORDER RADIUS
-
- Base:
- br = border-radius
-
- Modifiers:
- 0 = 0/none
- 1 = 1st step in scale
- 2 = 2nd step in scale
- 3 = 3rd step in scale
- 4 = 4th step in scale
-
- Literal values:
- -100 = 100%
- -pill = 9999px
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
- .br0 { border-radius: 0; }
- .br1 { border-radius: .2rem; }
- .br2 { border-radius: .3rem; }
- .br3 { border-radius: .4rem; }
- .br4 { border-radius: .8rem; }
- .br-100 { border-radius: 100%; }
- .br-pill { border-radius: 9999px; }
- .br--bottom {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
- .br--top {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- }
- .br--right {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .br--left {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
-@media (--breakpoint-not-small) {
- .br0-ns { border-radius: 0; }
- .br1-ns { border-radius: .2rem; }
- .br2-ns { border-radius: .3rem; }
- .br3-ns { border-radius: .5rem; }
- .br4-ns { border-radius: .8rem; }
- .br-100-ns { border-radius: 100%; }
- .br-pill-ns { border-radius: 9999px; }
- .br--bottom-ns {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
- .br--top-ns {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- }
- .br--right-ns {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .br--left-ns {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-}
-
-@media (--breakpoint-medium) {
- .br0-m { border-radius: 0; }
- .br1-m { border-radius: .2rem; }
- .br2-m { border-radius: .3rem; }
- .br3-m { border-radius: .5rem; }
- .br4-m { border-radius: .8rem; }
- .br-100-m { border-radius: 100%; }
- .br-pill-m { border-radius: 9999px; }
- .br--bottom-m {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
- .br--top-m {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- }
- .br--right-m {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .br--left-m {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-}
-
-@media (--breakpoint-large) {
- .br0-l { border-radius: 0; }
- .br1-l { border-radius: .2rem; }
- .br2-l { border-radius: .3rem; }
- .br3-l { border-radius: .5rem; }
- .br4-l { border-radius: .8rem; }
- .br-100-l { border-radius: 100%; }
- .br-pill-l { border-radius: 9999px; }
- .br--bottom-l {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- }
- .br--top-l {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- }
- .br--right-l {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .br--left-l {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-}
diff --git a/app/styles/spirit-product/_border-style.css b/app/styles/spirit-product/_border-style.css
deleted file mode 100644
index 46c2517e41..0000000000
--- a/app/styles/spirit-product/_border-style.css
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
-
- BORDER STYLES
-
- Depends on base border module in _borders.css
-
- Base:
- b = border-style
-
- Modifiers:
- --none = none
- --dotted = dotted
- --dashed = dashed
- --solid = solid
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
- */
-
-.b--dotted { border-style: dotted; }
-.b--dashed { border-style: dashed; }
-.b--solid { border-style: solid; }
-.b--none { border-style: none; }
-
-@media (--breakpoint-not-small) {
- .b--dotted-ns { border-style: dotted; }
- .b--dashed-ns { border-style: dashed; }
- .b--solid-ns { border-style: solid; }
- .b--none-ns { border-style: none; }
-}
-
-@media (--breakpoint-medium) {
- .b--dotted-m { border-style: dotted; }
- .b--dashed-m { border-style: dashed; }
- .b--solid-m { border-style: solid; }
- .b--none-m { border-style: none; }
-}
-
-@media (--breakpoint-large) {
- .b--dotted-l { border-style: dotted; }
- .b--dashed-l { border-style: dashed; }
- .b--solid-l { border-style: solid; }
- .b--none-l { border-style: none; }
-}
diff --git a/app/styles/spirit-product/_border-widths.css b/app/styles/spirit-product/_border-widths.css
deleted file mode 100644
index 1a95091e57..0000000000
--- a/app/styles/spirit-product/_border-widths.css
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
-
- BORDER WIDTHS
-
- Base:
- bw = border-width
-
- Modifiers:
- 0 = 0 width border
- 1 = 1st step in border-width scale
- 2 = 2nd step in border-width scale
- 3 = 3rd step in border-width scale
- 4 = 4th step in border-width scale
- 5 = 5th step in border-width scale
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.bw0 { border-width: 0; }
-.bw1 { border-width: .125rem; }
-.bw2 { border-width: .25rem; }
-.bw3 { border-width: .5rem; }
-.bw4 { border-width: 1rem; }
-.bw5 { border-width: 2rem; }
-
-/* Resets */
-.bt-0 { border-top-width: 0; }
-.br-0 { border-right-width: 0; }
-.bb-0 { border-bottom-width: 0; }
-.bl-0 { border-left-width: 0; }
-
-@media (--breakpoint-not-small) {
- .bw0-ns { border-width: 0; }
- .bw1-ns { border-width: .125rem; }
- .bw2-ns { border-width: .25rem; }
- .bw3-ns { border-width: .5rem; }
- .bw4-ns { border-width: 1rem; }
- .bw5-ns { border-width: 2rem; }
- .bt-0-ns { border-top-width: 0; }
- .br-0-ns { border-right-width: 0; }
- .bb-0-ns { border-bottom-width: 0; }
- .bl-0-ns { border-left-width: 0; }
-}
-
-@media (--breakpoint-medium) {
- .bw0-m { border-width: 0; }
- .bw1-m { border-width: .125rem; }
- .bw2-m { border-width: .25rem; }
- .bw3-m { border-width: .5rem; }
- .bw4-m { border-width: 1rem; }
- .bw5-m { border-width: 2rem; }
- .bt-0-m { border-top-width: 0; }
- .br-0-m { border-right-width: 0; }
- .bb-0-m { border-bottom-width: 0; }
- .bl-0-m { border-left-width: 0; }
-}
-
-@media (--breakpoint-large) {
- .bw0-l { border-width: 0; }
- .bw1-l { border-width: .125rem; }
- .bw2-l { border-width: .25rem; }
- .bw3-l { border-width: .5rem; }
- .bw4-l { border-width: 1rem; }
- .bw5-l { border-width: 2rem; }
- .bt-0-l { border-top-width: 0; }
- .br-0-l { border-right-width: 0; }
- .bb-0-l { border-bottom-width: 0; }
- .bl-0-l { border-left-width: 0; }
-}
diff --git a/app/styles/spirit-product/_borders.css b/app/styles/spirit-product/_borders.css
deleted file mode 100644
index 1d94312ba9..0000000000
--- a/app/styles/spirit-product/_borders.css
+++ /dev/null
@@ -1,56 +0,0 @@
-/*
-
- BORDERS
-
- Base:
- b = border
-
- Modifiers:
- a = all
- t = top
- r = right
- b = bottom
- l = left
- n = none
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
- .ba { border-style: solid; border-width: 1px; }
- .bt { border-top-style: solid; border-top-width: 1px; }
- .br { border-right-style: solid; border-right-width: 1px; }
- .bb { border-bottom-style: solid; border-bottom-width: 1px; }
- .bl { border-left-style: solid; border-left-width: 1px; }
- .bn { border-style: none; border-width: 0; }
-
-
-@media (--breakpoint-not-small) {
- .ba-ns { border-style: solid; border-width: 1px; }
- .bt-ns { border-top-style: solid; border-top-width: 1px; }
- .br-ns { border-right-style: solid; border-right-width: 1px; }
- .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }
- .bl-ns { border-left-style: solid; border-left-width: 1px; }
- .bn-ns { border-style: none; border-width: 0; }
-}
-
-@media (--breakpoint-medium) {
- .ba-m { border-style: solid; border-width: 1px; }
- .bt-m { border-top-style: solid; border-top-width: 1px; }
- .br-m { border-right-style: solid; border-right-width: 1px; }
- .bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
- .bl-m { border-left-style: solid; border-left-width: 1px; }
- .bn-m { border-style: none; border-width: 0; }
-}
-
-@media (--breakpoint-large) {
- .ba-l { border-style: solid; border-width: 1px; }
- .bt-l { border-top-style: solid; border-top-width: 1px; }
- .br-l { border-right-style: solid; border-right-width: 1px; }
- .bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
- .bl-l { border-left-style: solid; border-left-width: 1px; }
- .bn-l { border-style: none; border-width: 0; }
-}
diff --git a/app/styles/spirit-product/_box-shadow.css b/app/styles/spirit-product/_box-shadow.css
deleted file mode 100644
index f9f63baa2f..0000000000
--- a/app/styles/spirit-product/_box-shadow.css
+++ /dev/null
@@ -1,15 +0,0 @@
-/*
-
- BOX-SHADOW
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
- */
-
-.shadow-1 { box-shadow: 0 0 1px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.03); }
-.shadow-1-strong { box-shadow: 0 0 1px rgba(0,0,0,.15), 0 2px 4px rgba(0,0,0,.03); }
-.shadow-2 { box-shadow: 0 0 1px rgba(0,0,0,.05), 0 5px 18px rgba(0,0,0,.08); }
-.shadow-3 { box-shadow: 0 0 1px rgba(0,0,0,.05), 0 10px 28px rgba(0,0,0,.07); }
diff --git a/app/styles/spirit-product/_box-sizing.css b/app/styles/spirit-product/_box-sizing.css
deleted file mode 100644
index 8a965e0902..0000000000
--- a/app/styles/spirit-product/_box-sizing.css
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
-
- BOX SIZING
-
-*/
-
-html,
-body,
-div,
-article,
-aside,
-section,
-main,
-nav,
-footer,
-header,
-form,
-fieldset,
-legend,
-pre,
-code,
-a,
-h1,h2,h3,h4,h5,h6,
-p,
-ul,
-ol,
-li,
-dl,
-dt,
-dd,
-blockquote,
-figcaption,
-figure,
-textarea,
-table,
-td,
-th,
-tr,
-input[type="email"],
-input[type="number"],
-input[type="password"],
-input[type="tel"],
-input[type="text"],
-input[type="url"],
-.border-box {
- box-sizing: border-box;
-}
-
diff --git a/app/styles/spirit-product/_clears.css b/app/styles/spirit-product/_clears.css
deleted file mode 100644
index 4366b91363..0000000000
--- a/app/styles/spirit-product/_clears.css
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
-
- CLEARFIX
-
-*/
-
-/* Nicolas Gallaghers Clearfix solution
- Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
-
-.cf:before,
-.cf:after { content: " "; display: table; }
-.cf:after { clear: both; }
-.cf { *zoom: 1; }
-
-.cl { clear: left; }
-.cr { clear: right; }
-.cb { clear: both; }
-.cn { clear: none; }
-
-@media (--breakpoint-not-small) {
- .cl-ns { clear: left; }
- .cr-ns { clear: right; }
- .cb-ns { clear: both; }
- .cn-ns { clear: none; }
-}
-
-@media (--breakpoint-medium) {
- .cl-m { clear: left; }
- .cr-m { clear: right; }
- .cb-m { clear: both; }
- .cn-m { clear: none; }
-}
-
-@media (--breakpoint-large) {
- .cl-l { clear: left; }
- .cr-l { clear: right; }
- .cb-l { clear: both; }
- .cn-l { clear: none; }
-}
diff --git a/app/styles/spirit-product/_code.css b/app/styles/spirit-product/_code.css
deleted file mode 100644
index ac691f30d4..0000000000
--- a/app/styles/spirit-product/_code.css
+++ /dev/null
@@ -1,11 +0,0 @@
-/*
-
- CODE
-
-*/
-
-.pre {
- overflow-x: auto;
- overflow-y: hidden;
- overflow: scroll;
-}
diff --git a/app/styles/spirit-product/_colors.css b/app/styles/spirit-product/_colors.css
deleted file mode 100644
index 6b4c1ce9c0..0000000000
--- a/app/styles/spirit-product/_colors.css
+++ /dev/null
@@ -1,119 +0,0 @@
-/*
-
- Ghost color variables
- Modifications use PostCSS color function: https://github.com/postcss/postcss-color-function
-
-*/
-
-:root {
- /* Base colors */
- --blue: #3eb0ef;
- --green: #a4d037;
- --purple: #ad26b4;
- --yellow: #fecd35;
- --red: #f05230;
- --pink: #fa3a57;
- --white: #ffffff;
-
- --white-10: rgba(255, 255, 255, 0.1);
- --white-20: rgba(255, 255, 255, 0.2);
- --white-30: rgba(255, 255, 255, 0.3);
- --white-40: rgba(255, 255, 255, 0.4);
- --white-50: rgba(255, 255, 255, 0.5);
- --white-60: rgba(255, 255, 255, 0.6);
- --white-70: rgba(255, 255, 255, 0.7);
- --white-80: rgba(255, 255, 255, 0.8);
- --white-90: rgba(255, 255, 255, 0.9);
-
- --black-10: rgba(40, 48, 52, 0.1);
- --black-20: rgba(40, 48, 52, 0.2);
- --black-30: rgba(40, 48, 52, 0.3);
- --black-40: rgba(40, 48, 52, 0.4);
- --black-50: rgba(40, 48, 52, 0.5);
- --black-60: rgba(40, 48, 52, 0.6);
- --black-70: rgba(40, 48, 52, 0.7);
- --black-80: rgba(40, 48, 52, 0.8);
- --black-90: rgba(40, 48, 52, 0.9);
-
- --darkgrey: #343f44;
- --middarkgrey: #54666D;
- --midgrey: #738a94;
- --midlightgrey: #9BAEB8;
- --lightgrey: #c5d2d9;
- --whitegrey: #e5eff5;
-
- --transparent:transparent;
-
- /* Tone variations */
- --blue-p3: color(var(--blue) l(+15%));
- --blue-p2: color(var(--blue) l(+10%));
- --blue-p1: color(var(--blue) l(+5%));
- --blue-m1: color(var(--blue) l(-5%));
- --blue-m2: color(var(--blue) l(-10%));
- --blue-m3: color(var(--blue) l(-15%));
-
- --green-p3: color(var(--green) l(+15%));
- --green-p2: color(var(--green) l(+10%));
- --green-p1: color(var(--green) l(+5%));
- --green-m1: color(var(--green) l(-5%));
- --green-m2: color(var(--green) l(-10%));
- --green-m3: color(var(--green) l(-15%));
-
- --purple-p3: color(var(--purple) l(+15%));
- --purple-p2: color(var(--purple) l(+10%));
- --purple-p1: color(var(--purple) l(+5%));
- --purple-m1: color(var(--purple) l(-5%));
- --purple-m2: color(var(--purple) l(-10%));
- --purple-m3: color(var(--purple) l(-15%));
-
- --yellow-p3: color(var(--yellow) l(+15%));
- --yellow-p2: color(var(--yellow) l(+10%));
- --yellow-p1: color(var(--yellow) l(+5%));
- --yellow-m1: color(var(--yellow) l(-5%));
- --yellow-m2: color(var(--yellow) l(-10%));
- --yellow-m3: color(var(--yellow) l(-13%));
-
- --red-p3: color(var(--red) l(+15%));
- --red-p2: color(var(--red) l(+10%));
- --red-p1: color(var(--red) l(+5%));
- --red-m1: color(var(--red) l(-5%));
- --red-m2: color(var(--red) l(-10%));
- --red-m3: color(var(--red) l(-15%));
-
- --pink-p3: color(var(--pink) l(+15%));
- --pink-p2: color(var(--pink) l(+10%));
- --pink-p1: color(var(--pink) l(+5%));
- --pink-m1: color(var(--pink) l(-5%));
- --pink-m2: color(var(--pink) l(-10%));
- --pink-m3: color(var(--pink) l(-15%));
-
- --darkgrey-p2: color(var(--darkgrey) h(-1) l(+7%));
- --darkgrey-p1: color(var(--darkgrey) h(+1) l(+3%));
- --darkgrey-m1: color(var(--darkgrey) l(-3%));
- --darkgrey-m2: color(var(--darkgrey) l(-6%));
-
- --middarkgrey-p2: color(var(--middarkgrey) h(+1%) l(+7%));
- --middarkgrey-p1: color(var(--middarkgrey) h(+2%) l(+4%));
- --middarkgrey-m1: color(var(--middarkgrey) h(+2%) l(-3%));
- --middarkgrey-m2: color(var(--middarkgrey) h(+1%) l(-7%));
-
- --midgrey-p2: color(var(--midgrey) h(+2%) s(+2%) l(+7%));
- --midgrey-p1: color(var(--midgrey) h(+1%) s(+1%) l(+4%));
- --midgrey-m1: color(var(--midgrey) h(+1%) l(-3%));
- --midgrey-m2: color(var(--midgrey) l(-7%));
-
- --midlightgrey-p2: color(var(--midlightgrey) h(-3%) s(+2%) l(+8%));
- --midlightgrey-p1: color(var(--midlightgrey) h(-1%) s(+1%) l(+4%));
- --midlightgrey-m1: color(var(--midlightgrey) h(+1%) s(-1%) l(-3%));
- --midlightgrey-m2: color(var(--midlightgrey) h(-3%) s(-2%) l(-7%));
-
- --lightgrey-p2: color(var(--lightgrey) h(+1%) s(+14%) l(+8%));
- --lightgrey-p1: color(var(--lightgrey) h(+1%) s(+12%) l(+6%));
- --lightgrey-m1: color(var(--lightgrey) s(-1%) l(-4%));
- --lightgrey-m2: color(var(--lightgrey) h(-2%) s(-2%) l(-7%));
-
- --whitegrey-p2: color(var(--whitegrey) h(+7%) s(-4%) l(+5%));
- --whitegrey-p1: color(var(--whitegrey) h(+1%) s(-2%) l(+3%));
- --whitegrey-m1: color(var(--whitegrey) h(-1%) s(-7%) l(-3%));
- --whitegrey-m2: color(var(--whitegrey) h(-1%) s(-11%) l(-6%));
-}
diff --git a/app/styles/spirit-product/_coordinates.css b/app/styles/spirit-product/_coordinates.css
deleted file mode 100644
index 4f2756e758..0000000000
--- a/app/styles/spirit-product/_coordinates.css
+++ /dev/null
@@ -1,468 +0,0 @@
-/*
-
- Base:
- top
- right
- bottom
- left
-
- Value:
- -(n) = (n * grid)
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.top-0 { top: 0; }
-.top-1 { top: calc(var(--grid-size) * 1); }
-.top-2 { top: calc(var(--grid-size) * 2); }
-.top-3 { top: calc(var(--grid-size) * 3); }
-.top-4 { top: calc(var(--grid-size) * 4); }
-.top-5 { top: calc(var(--grid-size) * 5); }
-.top-6 { top: calc(var(--grid-size) * 6); }
-.top-7 { top: calc(var(--grid-size) * 7); }
-.top-8 { top: calc(var(--grid-size) * 8); }
-.top-9 { top: calc(var(--grid-size) * 9); }
-.top-10 { top: calc(var(--grid-size) * 10); }
-.top-11 { top: calc(var(--grid-size) * 11); }
-.top-12 { top: calc(var(--grid-size) * 12); }
-.top-13 { top: calc(var(--grid-size) * 13); }
-.top-14 { top: calc(var(--grid-size) * 14); }
-.top-15 { top: calc(var(--grid-size) * 15); }
-.top-16 { top: calc(var(--grid-size) * 16); }
-.top-17 { top: calc(var(--grid-size) * 17); }
-.top-18 { top: calc(var(--grid-size) * 18); }
-.top-19 { top: calc(var(--grid-size) * 19); }
-.top-20 { top: calc(var(--grid-size) * 20); }
-.top-25 { top: calc(var(--grid-size) * 25); }
-.top-30 { top: calc(var(--grid-size) * 30); }
-.top-40 { top: calc(var(--grid-size) * 40); }
-.top-50 { top: calc(var(--grid-size) * 50); }
-
-.right-0 { right: 0; }
-.right-1 { right: calc(var(--grid-size) * 1); }
-.right-2 { right: calc(var(--grid-size) * 2); }
-.right-3 { right: calc(var(--grid-size) * 3); }
-.right-4 { right: calc(var(--grid-size) * 4); }
-.right-5 { right: calc(var(--grid-size) * 5); }
-.right-6 { right: calc(var(--grid-size) * 6); }
-.right-7 { right: calc(var(--grid-size) * 7); }
-.right-8 { right: calc(var(--grid-size) * 8); }
-.right-9 { right: calc(var(--grid-size) * 9); }
-.right-10 { right: calc(var(--grid-size) * 10); }
-.right-11 { right: calc(var(--grid-size) * 11); }
-.right-12 { right: calc(var(--grid-size) * 12); }
-.right-13 { right: calc(var(--grid-size) * 13); }
-.right-14 { right: calc(var(--grid-size) * 14); }
-.right-15 { right: calc(var(--grid-size) * 15); }
-.right-16 { right: calc(var(--grid-size) * 16); }
-.right-17 { right: calc(var(--grid-size) * 17); }
-.right-18 { right: calc(var(--grid-size) * 18); }
-.right-19 { right: calc(var(--grid-size) * 19); }
-.right-20 { right: calc(var(--grid-size) * 20); }
-.right-25 { right: calc(var(--grid-size) * 25); }
-.right-30 { right: calc(var(--grid-size) * 30); }
-.right-40 { right: calc(var(--grid-size) * 40); }
-.right-50 { right: calc(var(--grid-size) * 50); }
-
-.bottom-0 { bottom: 0; }
-.bottom-1 { bottom: calc(var(--grid-size) * 1); }
-.bottom-2 { bottom: calc(var(--grid-size) * 2); }
-.bottom-3 { bottom: calc(var(--grid-size) * 3); }
-.bottom-4 { bottom: calc(var(--grid-size) * 4); }
-.bottom-5 { bottom: calc(var(--grid-size) * 5); }
-.bottom-6 { bottom: calc(var(--grid-size) * 6); }
-.bottom-7 { bottom: calc(var(--grid-size) * 7); }
-.bottom-8 { bottom: calc(var(--grid-size) * 8); }
-.bottom-9 { bottom: calc(var(--grid-size) * 9); }
-.bottom-10 { bottom: calc(var(--grid-size) * 10); }
-.bottom-11 { bottom: calc(var(--grid-size) * 11); }
-.bottom-12 { bottom: calc(var(--grid-size) * 12); }
-.bottom-13 { bottom: calc(var(--grid-size) * 13); }
-.bottom-14 { bottom: calc(var(--grid-size) * 14); }
-.bottom-15 { bottom: calc(var(--grid-size) * 15); }
-.bottom-16 { bottom: calc(var(--grid-size) * 16); }
-.bottom-17 { bottom: calc(var(--grid-size) * 17); }
-.bottom-18 { bottom: calc(var(--grid-size) * 18); }
-.bottom-19 { bottom: calc(var(--grid-size) * 19); }
-.bottom-20 { bottom: calc(var(--grid-size) * 20); }
-.bottom-25 { bottom: calc(var(--grid-size) * 25); }
-.bottom-30 { bottom: calc(var(--grid-size) * 30); }
-.bottom-40 { bottom: calc(var(--grid-size) * 40); }
-.bottom-50 { bottom: calc(var(--grid-size) * 50); }
-
-.left-0 { left: 0; }
-.left-1 { left: calc(var(--grid-size) * 1); }
-.left-2 { left: calc(var(--grid-size) * 2); }
-.left-3 { left: calc(var(--grid-size) * 3); }
-.left-4 { left: calc(var(--grid-size) * 4); }
-.left-5 { left: calc(var(--grid-size) * 5); }
-.left-6 { left: calc(var(--grid-size) * 6); }
-.left-7 { left: calc(var(--grid-size) * 7); }
-.left-8 { left: calc(var(--grid-size) * 8); }
-.left-9 { left: calc(var(--grid-size) * 9); }
-.left-10 { left: calc(var(--grid-size) * 10); }
-.left-11 { left: calc(var(--grid-size) * 11); }
-.left-12 { left: calc(var(--grid-size) * 12); }
-.left-13 { left: calc(var(--grid-size) * 13); }
-.left-14 { left: calc(var(--grid-size) * 14); }
-.left-15 { left: calc(var(--grid-size) * 15); }
-.left-16 { left: calc(var(--grid-size) * 16); }
-.left-17 { left: calc(var(--grid-size) * 17); }
-.left-18 { left: calc(var(--grid-size) * 18); }
-.left-19 { left: calc(var(--grid-size) * 19); }
-.left-20 { left: calc(var(--grid-size) * 20); }
-.left-25 { left: calc(var(--grid-size) * 25); }
-.left-30 { left: calc(var(--grid-size) * 30); }
-.left-40 { left: calc(var(--grid-size) * 40); }
-.left-50 { left: calc(var(--grid-size) * 50); }
-
-.absolute--fill {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
-}
-
-
-@media (--breakpoint-not-small) {
- .top-0-ns { top: 0; }
- .top-1-ns { top: calc(var(--grid-size) * 1); }
- .top-2-ns { top: calc(var(--grid-size) * 2); }
- .top-3-ns { top: calc(var(--grid-size) * 3); }
- .top-4-ns { top: calc(var(--grid-size) * 4); }
- .top-5-ns { top: calc(var(--grid-size) * 5); }
- .top-6-ns { top: calc(var(--grid-size) * 6); }
- .top-7-ns { top: calc(var(--grid-size) * 7); }
- .top-8-ns { top: calc(var(--grid-size) * 8); }
- .top-9-ns { top: calc(var(--grid-size) * 9); }
- .top-10-ns { top: calc(var(--grid-size) * 10); }
- .top-11-ns { top: calc(var(--grid-size) * 11); }
- .top-12-ns { top: calc(var(--grid-size) * 12); }
- .top-13-ns { top: calc(var(--grid-size) * 13); }
- .top-14-ns { top: calc(var(--grid-size) * 14); }
- .top-15-ns { top: calc(var(--grid-size) * 15); }
- .top-16-ns { top: calc(var(--grid-size) * 16); }
- .top-17-ns { top: calc(var(--grid-size) * 17); }
- .top-18-ns { top: calc(var(--grid-size) * 18); }
- .top-19-ns { top: calc(var(--grid-size) * 19); }
- .top-20-ns { top: calc(var(--grid-size) * 20); }
- .top-25-ns { top: calc(var(--grid-size) * 25); }
- .top-30-ns { top: calc(var(--grid-size) * 30); }
- .top-40-ns { top: calc(var(--grid-size) * 40); }
- .top-50-ns { top: calc(var(--grid-size) * 50); }
-
- .right-0-ns { right: 0; }
- .right-1-ns { right: calc(var(--grid-size) * 1); }
- .right-2-ns { right: calc(var(--grid-size) * 2); }
- .right-3-ns { right: calc(var(--grid-size) * 3); }
- .right-4-ns { right: calc(var(--grid-size) * 4); }
- .right-5-ns { right: calc(var(--grid-size) * 5); }
- .right-6-ns { right: calc(var(--grid-size) * 6); }
- .right-7-ns { right: calc(var(--grid-size) * 7); }
- .right-8-ns { right: calc(var(--grid-size) * 8); }
- .right-9-ns { right: calc(var(--grid-size) * 9); }
- .right-10-ns { right: calc(var(--grid-size) * 10); }
- .right-11-ns { right: calc(var(--grid-size) * 11); }
- .right-12-ns { right: calc(var(--grid-size) * 12); }
- .right-13-ns { right: calc(var(--grid-size) * 13); }
- .right-14-ns { right: calc(var(--grid-size) * 14); }
- .right-15-ns { right: calc(var(--grid-size) * 15); }
- .right-16-ns { right: calc(var(--grid-size) * 16); }
- .right-17-ns { right: calc(var(--grid-size) * 17); }
- .right-18-ns { right: calc(var(--grid-size) * 18); }
- .right-19-ns { right: calc(var(--grid-size) * 19); }
- .right-20-ns { right: calc(var(--grid-size) * 20); }
- .right-25-ns { right: calc(var(--grid-size) * 25); }
- .right-30-ns { right: calc(var(--grid-size) * 30); }
- .right-40-ns { right: calc(var(--grid-size) * 40); }
- .right-50-ns { right: calc(var(--grid-size) * 50); }
-
- .bottom-0-ns { bottom: 0; }
- .bottom-1-ns { bottom: calc(var(--grid-size) * 1); }
- .bottom-2-ns { bottom: calc(var(--grid-size) * 2); }
- .bottom-3-ns { bottom: calc(var(--grid-size) * 3); }
- .bottom-4-ns { bottom: calc(var(--grid-size) * 4); }
- .bottom-5-ns { bottom: calc(var(--grid-size) * 5); }
- .bottom-6-ns { bottom: calc(var(--grid-size) * 6); }
- .bottom-7-ns { bottom: calc(var(--grid-size) * 7); }
- .bottom-8-ns { bottom: calc(var(--grid-size) * 8); }
- .bottom-9-ns { bottom: calc(var(--grid-size) * 9); }
- .bottom-10-ns { bottom: calc(var(--grid-size) * 10); }
- .bottom-11-ns { bottom: calc(var(--grid-size) * 11); }
- .bottom-12-ns { bottom: calc(var(--grid-size) * 12); }
- .bottom-13-ns { bottom: calc(var(--grid-size) * 13); }
- .bottom-14-ns { bottom: calc(var(--grid-size) * 14); }
- .bottom-15-ns { bottom: calc(var(--grid-size) * 15); }
- .bottom-16-ns { bottom: calc(var(--grid-size) * 16); }
- .bottom-17-ns { bottom: calc(var(--grid-size) * 17); }
- .bottom-18-ns { bottom: calc(var(--grid-size) * 18); }
- .bottom-19-ns { bottom: calc(var(--grid-size) * 19); }
- .bottom-20-ns { bottom: calc(var(--grid-size) * 20); }
- .bottom-25-ns { bottom: calc(var(--grid-size) * 25); }
- .bottom-30-ns { bottom: calc(var(--grid-size) * 30); }
- .bottom-40-ns { bottom: calc(var(--grid-size) * 40); }
- .bottom-50-ns { bottom: calc(var(--grid-size) * 50); }
-
- .left-0-ns { left: 0; }
- .left-1-ns { left: calc(var(--grid-size) * 1); }
- .left-2-ns { left: calc(var(--grid-size) * 2); }
- .left-3-ns { left: calc(var(--grid-size) * 3); }
- .left-4-ns { left: calc(var(--grid-size) * 4); }
- .left-5-ns { left: calc(var(--grid-size) * 5); }
- .left-6-ns { left: calc(var(--grid-size) * 6); }
- .left-7-ns { left: calc(var(--grid-size) * 7); }
- .left-8-ns { left: calc(var(--grid-size) * 8); }
- .left-9-ns { left: calc(var(--grid-size) * 9); }
- .left-10-ns { left: calc(var(--grid-size) * 10); }
- .left-11-ns { left: calc(var(--grid-size) * 11); }
- .left-12-ns { left: calc(var(--grid-size) * 12); }
- .left-13-ns { left: calc(var(--grid-size) * 13); }
- .left-14-ns { left: calc(var(--grid-size) * 14); }
- .left-15-ns { left: calc(var(--grid-size) * 15); }
- .left-16-ns { left: calc(var(--grid-size) * 16); }
- .left-17-ns { left: calc(var(--grid-size) * 17); }
- .left-18-ns { left: calc(var(--grid-size) * 18); }
- .left-19-ns { left: calc(var(--grid-size) * 19); }
- .left-20-ns { left: calc(var(--grid-size) * 20); }
- .left-25-ns { left: calc(var(--grid-size) * 25); }
- .left-30-ns { left: calc(var(--grid-size) * 30); }
- .left-40-ns { left: calc(var(--grid-size) * 40); }
- .left-50-ns { left: calc(var(--grid-size) * 50); }
-
- .absolute--fill-ns {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- }
-}
-
-@media (--breakpoint-medium) {
- .top-0-m { top: 0; }
- .top-1-m { top: calc(var(--grid-size) * 1); }
- .top-2-m { top: calc(var(--grid-size) * 2); }
- .top-3-m { top: calc(var(--grid-size) * 3); }
- .top-4-m { top: calc(var(--grid-size) * 4); }
- .top-5-m { top: calc(var(--grid-size) * 5); }
- .top-6-m { top: calc(var(--grid-size) * 6); }
- .top-7-m { top: calc(var(--grid-size) * 7); }
- .top-8-m { top: calc(var(--grid-size) * 8); }
- .top-9-m { top: calc(var(--grid-size) * 9); }
- .top-10-m { top: calc(var(--grid-size) * 10); }
- .top-11-m { top: calc(var(--grid-size) * 11); }
- .top-12-m { top: calc(var(--grid-size) * 12); }
- .top-13-m { top: calc(var(--grid-size) * 13); }
- .top-14-m { top: calc(var(--grid-size) * 14); }
- .top-15-m { top: calc(var(--grid-size) * 15); }
- .top-16-m { top: calc(var(--grid-size) * 16); }
- .top-17-m { top: calc(var(--grid-size) * 17); }
- .top-18-m { top: calc(var(--grid-size) * 18); }
- .top-19-m { top: calc(var(--grid-size) * 19); }
- .top-20-m { top: calc(var(--grid-size) * 20); }
- .top-25-m { top: calc(var(--grid-size) * 25); }
- .top-30-m { top: calc(var(--grid-size) * 30); }
- .top-40-m { top: calc(var(--grid-size) * 40); }
- .top-50-m { top: calc(var(--grid-size) * 50); }
-
- .right-0-m { right: 0; }
- .right-1-m { right: calc(var(--grid-size) * 1); }
- .right-2-m { right: calc(var(--grid-size) * 2); }
- .right-3-m { right: calc(var(--grid-size) * 3); }
- .right-4-m { right: calc(var(--grid-size) * 4); }
- .right-5-m { right: calc(var(--grid-size) * 5); }
- .right-6-m { right: calc(var(--grid-size) * 6); }
- .right-7-m { right: calc(var(--grid-size) * 7); }
- .right-8-m { right: calc(var(--grid-size) * 8); }
- .right-9-m { right: calc(var(--grid-size) * 9); }
- .right-10-m { right: calc(var(--grid-size) * 10); }
- .right-11-m { right: calc(var(--grid-size) * 11); }
- .right-12-m { right: calc(var(--grid-size) * 12); }
- .right-13-m { right: calc(var(--grid-size) * 13); }
- .right-14-m { right: calc(var(--grid-size) * 14); }
- .right-15-m { right: calc(var(--grid-size) * 15); }
- .right-16-m { right: calc(var(--grid-size) * 16); }
- .right-17-m { right: calc(var(--grid-size) * 17); }
- .right-18-m { right: calc(var(--grid-size) * 18); }
- .right-19-m { right: calc(var(--grid-size) * 19); }
- .right-20-m { right: calc(var(--grid-size) * 20); }
- .right-25-m { right: calc(var(--grid-size) * 25); }
- .right-30-m { right: calc(var(--grid-size) * 30); }
- .right-40-m { right: calc(var(--grid-size) * 40); }
- .right-50-m { right: calc(var(--grid-size) * 50); }
-
- .bottom-0-m { bottom: 0; }
- .bottom-1-m { bottom: calc(var(--grid-size) * 1); }
- .bottom-2-m { bottom: calc(var(--grid-size) * 2); }
- .bottom-3-m { bottom: calc(var(--grid-size) * 3); }
- .bottom-4-m { bottom: calc(var(--grid-size) * 4); }
- .bottom-5-m { bottom: calc(var(--grid-size) * 5); }
- .bottom-6-m { bottom: calc(var(--grid-size) * 6); }
- .bottom-7-m { bottom: calc(var(--grid-size) * 7); }
- .bottom-8-m { bottom: calc(var(--grid-size) * 8); }
- .bottom-9-m { bottom: calc(var(--grid-size) * 9); }
- .bottom-10-m { bottom: calc(var(--grid-size) * 10); }
- .bottom-11-m { bottom: calc(var(--grid-size) * 11); }
- .bottom-12-m { bottom: calc(var(--grid-size) * 12); }
- .bottom-13-m { bottom: calc(var(--grid-size) * 13); }
- .bottom-14-m { bottom: calc(var(--grid-size) * 14); }
- .bottom-15-m { bottom: calc(var(--grid-size) * 15); }
- .bottom-16-m { bottom: calc(var(--grid-size) * 16); }
- .bottom-17-m { bottom: calc(var(--grid-size) * 17); }
- .bottom-18-m { bottom: calc(var(--grid-size) * 18); }
- .bottom-19-m { bottom: calc(var(--grid-size) * 19); }
- .bottom-20-m { bottom: calc(var(--grid-size) * 20); }
- .bottom-25-m { bottom: calc(var(--grid-size) * 25); }
- .bottom-30-m { bottom: calc(var(--grid-size) * 30); }
- .bottom-40-m { bottom: calc(var(--grid-size) * 40); }
- .bottom-50-m { bottom: calc(var(--grid-size) * 50); }
-
- .left-0-m { left: 0; }
- .left-1-m { left: calc(var(--grid-size) * 1); }
- .left-2-m { left: calc(var(--grid-size) * 2); }
- .left-3-m { left: calc(var(--grid-size) * 3); }
- .left-4-m { left: calc(var(--grid-size) * 4); }
- .left-5-m { left: calc(var(--grid-size) * 5); }
- .left-6-m { left: calc(var(--grid-size) * 6); }
- .left-7-m { left: calc(var(--grid-size) * 7); }
- .left-8-m { left: calc(var(--grid-size) * 8); }
- .left-9-m { left: calc(var(--grid-size) * 9); }
- .left-10-m { left: calc(var(--grid-size) * 10); }
- .left-11-m { left: calc(var(--grid-size) * 11); }
- .left-12-m { left: calc(var(--grid-size) * 12); }
- .left-13-m { left: calc(var(--grid-size) * 13); }
- .left-14-m { left: calc(var(--grid-size) * 14); }
- .left-15-m { left: calc(var(--grid-size) * 15); }
- .left-16-m { left: calc(var(--grid-size) * 16); }
- .left-17-m { left: calc(var(--grid-size) * 17); }
- .left-18-m { left: calc(var(--grid-size) * 18); }
- .left-19-m { left: calc(var(--grid-size) * 19); }
- .left-20-m { left: calc(var(--grid-size) * 20); }
- .left-25-m { left: calc(var(--grid-size) * 25); }
- .left-30-m { left: calc(var(--grid-size) * 30); }
- .left-40-m { left: calc(var(--grid-size) * 40); }
- .left-50-m { left: calc(var(--grid-size) * 50); }
-
- .absolute--fill-m {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- }
-}
-
-@media (--breakpoint-large) {
- .top-0-l { top: 0; }
- .top-1-l { top: calc(var(--grid-size) * 1); }
- .top-2-l { top: calc(var(--grid-size) * 2); }
- .top-3-l { top: calc(var(--grid-size) * 3); }
- .top-4-l { top: calc(var(--grid-size) * 4); }
- .top-5-l { top: calc(var(--grid-size) * 5); }
- .top-6-l { top: calc(var(--grid-size) * 6); }
- .top-7-l { top: calc(var(--grid-size) * 7); }
- .top-8-l { top: calc(var(--grid-size) * 8); }
- .top-9-l { top: calc(var(--grid-size) * 9); }
- .top-10-l { top: calc(var(--grid-size) * 10); }
- .top-11-l { top: calc(var(--grid-size) * 11); }
- .top-12-l { top: calc(var(--grid-size) * 12); }
- .top-13-l { top: calc(var(--grid-size) * 13); }
- .top-14-l { top: calc(var(--grid-size) * 14); }
- .top-15-l { top: calc(var(--grid-size) * 15); }
- .top-16-l { top: calc(var(--grid-size) * 16); }
- .top-17-l { top: calc(var(--grid-size) * 17); }
- .top-18-l { top: calc(var(--grid-size) * 18); }
- .top-19-l { top: calc(var(--grid-size) * 19); }
- .top-20-l { top: calc(var(--grid-size) * 20); }
- .top-25-l { top: calc(var(--grid-size) * 25); }
- .top-30-l { top: calc(var(--grid-size) * 30); }
- .top-40-l { top: calc(var(--grid-size) * 40); }
- .top-50-l { top: calc(var(--grid-size) * 50); }
-
- .right-0-l { right: 0; }
- .right-1-l { right: calc(var(--grid-size) * 1); }
- .right-2-l { right: calc(var(--grid-size) * 2); }
- .right-3-l { right: calc(var(--grid-size) * 3); }
- .right-4-l { right: calc(var(--grid-size) * 4); }
- .right-5-l { right: calc(var(--grid-size) * 5); }
- .right-6-l { right: calc(var(--grid-size) * 6); }
- .right-7-l { right: calc(var(--grid-size) * 7); }
- .right-8-l { right: calc(var(--grid-size) * 8); }
- .right-9-l { right: calc(var(--grid-size) * 9); }
- .right-10-l { right: calc(var(--grid-size) * 10); }
- .right-11-l { right: calc(var(--grid-size) * 11); }
- .right-12-l { right: calc(var(--grid-size) * 12); }
- .right-13-l { right: calc(var(--grid-size) * 13); }
- .right-14-l { right: calc(var(--grid-size) * 14); }
- .right-15-l { right: calc(var(--grid-size) * 15); }
- .right-16-l { right: calc(var(--grid-size) * 16); }
- .right-17-l { right: calc(var(--grid-size) * 17); }
- .right-18-l { right: calc(var(--grid-size) * 18); }
- .right-19-l { right: calc(var(--grid-size) * 19); }
- .right-20-l { right: calc(var(--grid-size) * 20); }
- .right-25-l { right: calc(var(--grid-size) * 25); }
- .right-30-l { right: calc(var(--grid-size) * 30); }
- .right-40-l { right: calc(var(--grid-size) * 40); }
- .right-50-l { right: calc(var(--grid-size) * 50); }
-
- .bottom-0-l { bottom: 0; }
- .bottom-1-l { bottom: calc(var(--grid-size) * 1); }
- .bottom-2-l { bottom: calc(var(--grid-size) * 2); }
- .bottom-3-l { bottom: calc(var(--grid-size) * 3); }
- .bottom-4-l { bottom: calc(var(--grid-size) * 4); }
- .bottom-5-l { bottom: calc(var(--grid-size) * 5); }
- .bottom-6-l { bottom: calc(var(--grid-size) * 6); }
- .bottom-7-l { bottom: calc(var(--grid-size) * 7); }
- .bottom-8-l { bottom: calc(var(--grid-size) * 8); }
- .bottom-9-l { bottom: calc(var(--grid-size) * 9); }
- .bottom-10-l { bottom: calc(var(--grid-size) * 10); }
- .bottom-11-l { bottom: calc(var(--grid-size) * 11); }
- .bottom-12-l { bottom: calc(var(--grid-size) * 12); }
- .bottom-13-l { bottom: calc(var(--grid-size) * 13); }
- .bottom-14-l { bottom: calc(var(--grid-size) * 14); }
- .bottom-15-l { bottom: calc(var(--grid-size) * 15); }
- .bottom-16-l { bottom: calc(var(--grid-size) * 16); }
- .bottom-17-l { bottom: calc(var(--grid-size) * 17); }
- .bottom-18-l { bottom: calc(var(--grid-size) * 18); }
- .bottom-19-l { bottom: calc(var(--grid-size) * 19); }
- .bottom-20-l { bottom: calc(var(--grid-size) * 20); }
- .bottom-25-l { bottom: calc(var(--grid-size) * 25); }
- .bottom-30-l { bottom: calc(var(--grid-size) * 30); }
- .bottom-40-l { bottom: calc(var(--grid-size) * 40); }
- .bottom-50-l { bottom: calc(var(--grid-size) * 50); }
-
- .left-0-l { left: 0; }
- .left-1-l { left: calc(var(--grid-size) * 1); }
- .left-2-l { left: calc(var(--grid-size) * 2); }
- .left-3-l { left: calc(var(--grid-size) * 3); }
- .left-4-l { left: calc(var(--grid-size) * 4); }
- .left-5-l { left: calc(var(--grid-size) * 5); }
- .left-6-l { left: calc(var(--grid-size) * 6); }
- .left-7-l { left: calc(var(--grid-size) * 7); }
- .left-8-l { left: calc(var(--grid-size) * 8); }
- .left-9-l { left: calc(var(--grid-size) * 9); }
- .left-10-l { left: calc(var(--grid-size) * 10); }
- .left-11-l { left: calc(var(--grid-size) * 11); }
- .left-12-l { left: calc(var(--grid-size) * 12); }
- .left-13-l { left: calc(var(--grid-size) * 13); }
- .left-14-l { left: calc(var(--grid-size) * 14); }
- .left-15-l { left: calc(var(--grid-size) * 15); }
- .left-16-l { left: calc(var(--grid-size) * 16); }
- .left-17-l { left: calc(var(--grid-size) * 17); }
- .left-18-l { left: calc(var(--grid-size) * 18); }
- .left-19-l { left: calc(var(--grid-size) * 19); }
- .left-20-l { left: calc(var(--grid-size) * 20); }
- .left-25-l { left: calc(var(--grid-size) * 25); }
- .left-30-l { left: calc(var(--grid-size) * 30); }
- .left-40-l { left: calc(var(--grid-size) * 40); }
- .left-50-l { left: calc(var(--grid-size) * 50); }
-
- .absolute--fill-l {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- }
-}
diff --git a/app/styles/spirit-product/_custom-styles.css b/app/styles/spirit-product/_custom-styles.css
deleted file mode 100644
index 09cae0babe..0000000000
--- a/app/styles/spirit-product/_custom-styles.css
+++ /dev/null
@@ -1,129 +0,0 @@
-/*
-
- Namespaces:
- kg- = koenig related classes
- gh- = client related classes
-
-*/
-
-/* Buttons */
-button, .btn-base {
- transition: none!important;
- text-decoration: none!important;
- user-select: none;
- outline: none;
-}
-
-.btn-base span {
- padding: 0 14px;
- height: 33px;
- line-height: 33px;
- border-radius: 4px;
-}
-
-/* Blue button */
-.btn-blue {
- padding: 1px;
- background: linear-gradient(
- color(var(--blue) blackness(+10%)),
- color(var(--blue) lightness(-15%) saturation(-15%))
- );
- text-shadow: 0 -1px 0 rgba(0,0,0,.1);
- box-shadow: 0 1px 0 rgba(0,0,0,.12);
-}
-
-.btn-blue span {
- background: linear-gradient(
- color(var(--blue) whiteness(+7%)),
- color(var(--blue) lightness(-7%) saturation(-10%)) 60%,
- color(var(--blue) lightness(-7%) saturation(-10%)) 90%,
- color(var(--blue) lightness(-4%) saturation(-10%))
- );
- box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
-}
-.btn-blue:active,
-.btn-blue:focus {
- background: color(var(--blue) lightness(-20%) saturation(-15%));
-}
-.btn-blue:active span,
-.btn-blue:focus span {
- background: color(var(--blue) lightness(-7%) saturation(-10%));
- box-shadow: none;
-}
-
-/* Green button */
-.btn-green {
- padding: 1px;
- background: linear-gradient(
- color(var(--green) blackness(+7%)),
- color(var(--green) lightness(-10%) saturation(-10%))
- );
- text-shadow: 0 -1px 0 rgba(0,0,0,.1);
- box-shadow: 0 1px 0 rgba(0,0,0,.12);
-}
-
-.btn-green span {
- background: linear-gradient(
- color(var(--green) whiteness(+5%)),
- color(var(--green) lightness(-4%) saturation(-8%)) 60%,
- color(var(--green) lightness(-4%) saturation(-8%)) 90%,
- color(var(--green) lightness(-4%) saturation(-10%))
- );
- box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
-}
-
-.btn-green:active,
-.btn-green:focus {
- background: color(var(--green) lightness(-10%) saturation(-10%));
-}
-.btn-green:active span,
-.btn-green:focus span {
- background: color(var(--green) lightness(-4%) saturation(-8%));
- box-shadow: none;
-}
-
-
-/* Koenig Styles */
-.kg-editor {
- font-family: georgia,
- serif;
-}
-.kg-editor a {
- color: var(--darkgrey-m2);
- text-decoration: none;
- box-shadow: inset 0 -1px 0 var(--blue);
-}
-.kg-editor a:hover {
- color: var(--blue);
-}
-.kg-code-inline {
- padding: 0 5px 2px;
-}
-.kg-link { box-shadow: inset 0 -1px 0 var(--blue); }
-.kg-mark { background-color: ##fdffb6; }
-.kg-card-hover:hover,
-.kg-card-selected {
- border: 1px solid var(--blue);
-}
-/* force a 16:10 aspect ratio */
-.kg-media-placeholder:before {
- content: "";
- float: left;
- padding-bottom: 62.5%;
-}
-.kg-media-placeholder:after {
- clear: left;
- content: " ";
- display: table;
-}
-
-
-/* Client styles */
-.gh-nav-link:hover {
- background: rgba(62,176,239,.15)
-}
-
-.gh-logo svg g {
- fill: white;
- opacity: 1.0;
-}
diff --git a/app/styles/spirit-product/_debug-children.css b/app/styles/spirit-product/_debug-children.css
deleted file mode 100644
index 10204dacc2..0000000000
--- a/app/styles/spirit-product/_debug-children.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/*
-
- DEBUG CHILDREN
- Docs: http://tachyons.io/docs/debug/
-
- Just add the debug class to any element to see outlines on its
- children.
-
-*/
-
-.debug * { outline: 1px solid gold; }
-.debug-white * { outline: 1px solid white; }
-.debug-black * { outline: 1px solid black; }
-
diff --git a/app/styles/spirit-product/_debug-grid.css b/app/styles/spirit-product/_debug-grid.css
deleted file mode 100644
index 8bb85bc567..0000000000
--- a/app/styles/spirit-product/_debug-grid.css
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
-
- DEBUG GRID
- http://tachyons.io/docs/debug-grid/
-
- Can be useful for debugging layout issues
- or helping to make sure things line up perfectly.
- Just tack one of these classes onto a parent element.
-
-*/
-
-.debug-grid {
- background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII=) repeat top left;
-}
-
-.debug-grid-16 {
- background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII=) repeat top left;
-}
-
-.debug-grid-8-solid {
- background:white url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw==) repeat top left;
-}
-
-.debug-grid-16-solid {
- background:white url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7) repeat top left;
-}
diff --git a/app/styles/spirit-product/_debug.css b/app/styles/spirit-product/_debug.css
deleted file mode 100644
index f09f2b5190..0000000000
--- a/app/styles/spirit-product/_debug.css
+++ /dev/null
@@ -1,132 +0,0 @@
-/*
-
- DEBUG (PESTICIDE)
- Docs: http://tachyons.io/docs/debug/
-
- This is a partial you have to manually include in your
- build file. It places a different colored outline on
- each element which can help you debug layout issues.
- There is also a handy chrome extension that can
- be found at http://pesticide.io
-
-*/
-
-body { outline: 1px solid #2980B9!important; }
-article { outline: 1px solid #3498DB!important; }
-nav { outline: 1px solid #0088C3!important; }
-aside { outline: 1px solid #33A0CE!important; }
-section { outline: 1px solid #66B8DA!important; }
-header { outline: 1px solid #99CFE7!important; }
-footer { outline: 1px solid #CCE7F3!important; }
-h1 { outline: 1px solid #162544!important; }
-h2 { outline: 1px solid #314E6E!important; }
-h3 { outline: 1px solid #3E5E85!important; }
-h4 { outline: 1px solid #449BAF!important; }
-h5 { outline: 1px solid #C7D1CB!important; }
-h6 { outline: 1px solid #4371D0!important; }
-main { outline: 1px solid #2F4F90!important; }
-address { outline: 1px solid #1A2C51!important; }
-div { outline: 1px solid #036CDB!important; }
-
-
-p { outline: 1px solid #AC050B!important; }
-hr { outline: 1px solid #FF063F!important; }
-pre { outline: 1px solid #850440!important; }
-blockquote { outline: 1px solid #F1B8E7!important; }
-ol { outline: 1px solid #FF050C!important; }
-ul { outline: 1px solid #D90416!important; }
-li { outline: 1px solid #D90416!important; }
-dl { outline: 1px solid #FD3427!important; }
-dt { outline: 1px solid #FF0043!important; }
-dd { outline: 1px solid #E80174!important; }
-figure { outline: 1px solid #FF00BB!important; }
-figcaption { outline: 1px solid #BF0032!important; }
-
-
-
-table { outline: 1px solid #00CC99!important; }
-caption { outline: 1px solid #37FFC4!important; }
-thead { outline: 1px solid #98DACA!important; }
-tbody { outline: 1px solid #64A7A0!important; }
-tfoot { outline: 1px solid #22746B!important; }
-tr { outline: 1px solid #86C0B2!important; }
-th { outline: 1px solid #A1E7D6!important; }
-td { outline: 1px solid #3F5A54!important; }
-col { outline: 1px solid #6C9A8F!important; }
-colgroup { outline: 1px solid #6C9A9D!important; }
-
-
-button { outline: 1px solid #DA8301!important; }
-datalist { outline: 1px solid #C06000!important; }
-fieldset { outline: 1px solid #D95100!important; }
-form { outline: 1px solid #D23600!important; }
-input { outline: 1px solid #FCA600!important; }
-keygen { outline: 1px solid #B31E00!important; }
-label { outline: 1px solid #EE8900!important; }
-legend { outline: 1px solid #DE6D00!important; }
-meter { outline: 1px solid #E8630C!important; }
-optgroup { outline: 1px solid #B33600!important; }
-option { outline: 1px solid #FF8A00!important; }
-output { outline: 1px solid #FF9619!important; }
-progress { outline: 1px solid #E57C00!important; }
-select { outline: 1px solid #E26E0F!important; }
-textarea { outline: 1px solid #CC5400!important; }
-
-
-
-details { outline: 1px solid #33848F!important; }
-summary { outline: 1px solid #60A1A6!important; }
-command { outline: 1px solid #438DA1!important; }
-menu { outline: 1px solid #449DA6!important; }
-
-
-
-del { outline: 1px solid #BF0000!important; }
-ins { outline: 1px solid #400000!important; }
-
-
-
-img { outline: 1px solid #22746B!important; }
-iframe { outline: 1px solid #64A7A0!important; }
-embed { outline: 1px solid #98DACA!important; }
-object { outline: 1px solid #00CC99!important; }
-param { outline: 1px solid #37FFC4!important; }
-video { outline: 1px solid #6EE866!important; }
-audio { outline: 1px solid #027353!important; }
-source { outline: 1px solid #012426!important; }
-canvas { outline: 1px solid #A2F570!important; }
-track { outline: 1px solid #59A600!important; }
-map { outline: 1px solid #7BE500!important; }
-area { outline: 1px solid #305900!important; }
-
-
-
-a { outline: 1px solid #FF62AB!important; }
-em { outline: 1px solid #800B41!important; }
-strong { outline: 1px solid #FF1583!important; }
-i { outline: 1px solid #803156!important; }
-b { outline: 1px solid #CC1169!important; }
-u { outline: 1px solid #FF0430!important; }
-s { outline: 1px solid #F805E3!important; }
-small { outline: 1px solid #D107B2!important; }
-abbr { outline: 1px solid #4A0263!important; }
-q { outline: 1px solid #240018!important; }
-cite { outline: 1px solid #64003C!important; }
-dfn { outline: 1px solid #B4005A!important; }
-sub { outline: 1px solid #DBA0C8!important; }
-sup { outline: 1px solid #CC0256!important; }
-time { outline: 1px solid #D6606D!important; }
-code { outline: 1px solid #E04251!important; }
-kbd { outline: 1px solid #5E001F!important; }
-samp { outline: 1px solid #9C0033!important; }
-var { outline: 1px solid #D90047!important; }
-mark { outline: 1px solid #FF0053!important; }
-bdi { outline: 1px solid #BF3668!important; }
-bdo { outline: 1px solid #6F1400!important; }
-ruby { outline: 1px solid #FF7B93!important; }
-rt { outline: 1px solid #FF2F54!important; }
-rp { outline: 1px solid #803E49!important; }
-span { outline: 1px solid #CC2643!important; }
-br { outline: 1px solid #DB687D!important; }
-wbr { outline: 1px solid #DB175B!important; }
-
diff --git a/app/styles/spirit-product/_display.css b/app/styles/spirit-product/_display.css
deleted file mode 100644
index d145d07ddf..0000000000
--- a/app/styles/spirit-product/_display.css
+++ /dev/null
@@ -1,100 +0,0 @@
-/*
-
- Base:
- d = display
-
- Modifiers:
- n = none
- b = block
- ib = inline-block
- it = inline-table
- t = table
- tc = table-cell
- t-row = table-row
- t-columm = table-column
- t-column-group = table-column-group
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.dn { display: none; }
-.di { display: inline; }
-.db { display: block; }
-.dib { display: inline-block; }
-.dit { display: inline-table; }
-.dt { display: table; }
-.dtc { display: table-cell; }
-.dt-row { display: table-row; }
-.dt-row-group { display: table-row-group; }
-.dt-column { display: table-column; }
-.dt-column-group { display: table-column-group; }
-
-/*
- This will set table to full width and then
- all cells will be equal width
-*/
-.dt--fixed {
- table-layout: fixed;
- width: 100%;
-}
-
-@media (--breakpoint-not-small) {
- .dn-ns { display: none; }
- .di-ns { display: inline; }
- .db-ns { display: block; }
- .dib-ns { display: inline-block; }
- .dit-ns { display: inline-table; }
- .dt-ns { display: table; }
- .dtc-ns { display: table-cell; }
- .dt-row-ns { display: table-row; }
- .dt-row-group-ns { display: table-row-group; }
- .dt-column-ns { display: table-column; }
- .dt-column-group-ns { display: table-column-group; }
-
- .dt--fixed-ns {
- table-layout: fixed;
- width: 100%;
- }
-}
-
-@media (--breakpoint-medium) {
- .dn-m { display: none; }
- .di-m { display: inline; }
- .db-m { display: block; }
- .dib-m { display: inline-block; }
- .dit-m { display: inline-table; }
- .dt-m { display: table; }
- .dtc-m { display: table-cell; }
- .dt-row-m { display: table-row; }
- .dt-row-group-m { display: table-row-group; }
- .dt-column-m { display: table-column; }
- .dt-column-group-m { display: table-column-group; }
-
- .dt--fixed-m {
- table-layout: fixed;
- width: 100%;
- }
-}
-
-@media (--breakpoint-large) {
- .dn-l { display: none; }
- .di-l { display: inline; }
- .db-l { display: block; }
- .dib-l { display: inline-block; }
- .dit-l { display: inline-table; }
- .dt-l { display: table; }
- .dtc-l { display: table-cell; }
- .dt-row-l { display: table-row; }
- .dt-row-group-l { display: table-row-group; }
- .dt-column-l { display: table-column; }
- .dt-column-group-l { display: table-column-group; }
-
- .dt--fixed-l {
- table-layout: fixed;
- width: 100%;
- }
-}
diff --git a/app/styles/spirit-product/_dropdown.css b/app/styles/spirit-product/_dropdown.css
deleted file mode 100644
index 6028e99ada..0000000000
--- a/app/styles/spirit-product/_dropdown.css
+++ /dev/null
@@ -1,94 +0,0 @@
-/* Ghost Dropdown
-/* -------------------------------------------------------- */
-.trans-from-up { transform: scale(0.9) translateY(-10px); }
-
-.dd-w1,
-.dd-w2,
-.dd-w3 {
- margin-right: 50%;
- pointer-events: none;
-}
-
-.dd-w1 { width: 16rem; right: -8rem; }
-.dd-w2 { width: 20rem; right: -10rem; }
-.dd-w3 { width: 24rem; right: -12rem; }
-
-.gd-drop.active .dd-w1,
-.gd-drop.active .dd-w2,
-.gd-drop.active .dd-w3,
-.gd-drop.dropdown-expanded .dd-w1,
-.gd-drop.dropdown-expanded .dd-w2,
-.gd-drop.dropdown-expanded .dd-w3 {
- opacity: 1;
- transition: all 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
- transform: scale(1) translateY(0px);
- pointer-events: auto;
-}
-
-/* Dropdown triagle */
-.dd-w1:after,
-.dd-w3:after,
-.dd-w2:after {
- content: "";
- position: absolute;
- bottom: 100%;
- width: 0;
- height: 0;
- border-width: 0 0.6rem 0.6rem 0.6rem;
- border-style: solid;
- border-color: #fff transparent;
- left: calc(50% - 6px);
-}
-
-.dd-w1:before,
-.dd-w3:before,
-.dd-w2:before {
- content: "";
- position: absolute;
- bottom: 100%;
- width: 0;
- height: 0;
- border-width: 0 8px 8px 8px;
- border-style: solid;
- border-color: rgba(0,0,0,0.07) transparent;
- left: calc(50% - 8px);
-}
-
-.dd-up {
- top: auto;
- bottom: 85%;
- right: calc(50% - 12rem);
- margin-right: 0;
-}
-
-.dd-up:after,
-.dd-up:before {
- content: "";
- position: absolute;
- top: 100%;
- right: auto;
- bottom: auto;
- width: 0;
- height: 0;
- border-style: solid;
-}
-
-.dd-up:before {
- left: calc(50% - 8px);
- border-width: 8px 8px 0;
- border-color: rgba(0,0,0,.07) transparent;
-}
-
-.dd-up:after {
- left: calc(50% - 6px);
- border-width: 6px 6px 0;
- border-color: #fff transparent;
-}
-
-
-/* TO BE DONE: add all classes (per group) to media queries */
-@media (--breakpoint-not-small) { }
-
-@media (--breakpoint-medium) { }
-
-@media (--breakpoint-large) { }
diff --git a/app/styles/spirit-product/_flexbox.css b/app/styles/spirit-product/_flexbox.css
deleted file mode 100644
index 5002be7cd7..0000000000
--- a/app/styles/spirit-product/_flexbox.css
+++ /dev/null
@@ -1,250 +0,0 @@
-/*
-
- FLEXBOX
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.flex { display: flex; }
-.inline-flex { display: inline-flex; }
-
-/* 1. Fix for Chrome 44 bug.
- * https://code.google.com/p/chromium/issues/detail?id=506893 */
-.flex-auto {
- flex: 1 1 auto;
- min-width: 0; /* 1 */
- min-height: 0; /* 1 */
-}
-
-.flex-none { flex: none; }
-
-.flex-column { flex-direction: column; }
-.flex-row { flex-direction: row; }
-.flex-wrap { flex-wrap: wrap; }
-.flex-nowrap { flex-wrap: nowrap; }
-.flex-wrap-reverse { flex-wrap: wrap-reverse; }
-.flex-column-reverse { flex-direction: column-reverse; }
-.flex-row-reverse { flex-direction: row-reverse; }
-
-.items-start { align-items: flex-start; }
-.items-end { align-items: flex-end; }
-.items-center { align-items: center; }
-.items-baseline { align-items: baseline; }
-.items-stretch { align-items: stretch; }
-
-.self-start { align-self: flex-start; }
-.self-end { align-self: flex-end; }
-.self-center { align-self: center; }
-.self-baseline { align-self: baseline; }
-.self-stretch { align-self: stretch; }
-
-.justify-start { justify-content: flex-start; }
-.justify-end { justify-content: flex-end; }
-.justify-center { justify-content: center; }
-.justify-between { justify-content: space-between; }
-.justify-around { justify-content: space-around; }
-
-.content-start { align-content: flex-start; }
-.content-end { align-content: flex-end; }
-.content-center { align-content: center; }
-.content-between { align-content: space-between; }
-.content-around { align-content: space-around; }
-.content-stretch { align-content: stretch; }
-
-.order-0 { order: 0; }
-.order-1 { order: 1; }
-.order-2 { order: 2; }
-.order-3 { order: 3; }
-.order-4 { order: 4; }
-.order-5 { order: 5; }
-.order-6 { order: 6; }
-.order-7 { order: 7; }
-.order-8 { order: 8; }
-.order-last { order: 99999; }
-
-.flex-grow-0 { flex-grow: 0; }
-.flex-grow-1 { flex-grow: 1; }
-
-.flex-shrink-0 { flex-shrink: 0; }
-.flex-shrink-1 { flex-shrink: 1; }
-
-@media (--breakpoint-not-small) {
- .flex-ns { display: flex; }
- .inline-flex-ns { display: inline-flex; }
- .flex-auto-ns {
- flex: 1 1 auto;
- min-width: 0; /* 1 */
- min-height: 0; /* 1 */
- }
- .flex-none-ns { flex: none; }
- .flex-column-ns { flex-direction: column; }
- .flex-row-ns { flex-direction: row; }
- .flex-wrap-ns { flex-wrap: wrap; }
- .flex-nowrap-ns { flex-wrap: nowrap; }
- .flex-wrap-reverse-ns { flex-wrap: wrap-reverse; }
- .flex-column-reverse-ns { flex-direction: column-reverse; }
- .flex-row-reverse-ns { flex-direction: row-reverse; }
- .items-start-ns { align-items: flex-start; }
- .items-end-ns { align-items: flex-end; }
- .items-center-ns { align-items: center; }
- .items-baseline-ns { align-items: baseline; }
- .items-stretch-ns { align-items: stretch; }
-
- .self-start-ns { align-self: flex-start; }
- .self-end-ns { align-self: flex-end; }
- .self-center-ns { align-self: center; }
- .self-baseline-ns { align-self: baseline; }
- .self-stretch-ns { align-self: stretch; }
-
- .justify-start-ns { justify-content: flex-start; }
- .justify-end-ns { justify-content: flex-end; }
- .justify-center-ns { justify-content: center; }
- .justify-between-ns { justify-content: space-between; }
- .justify-around-ns { justify-content: space-around; }
-
- .content-start-ns { align-content: flex-start; }
- .content-end-ns { align-content: flex-end; }
- .content-center-ns { align-content: center; }
- .content-between-ns { align-content: space-between; }
- .content-around-ns { align-content: space-around; }
- .content-stretch-ns { align-content: stretch; }
-
- .order-0-ns { order: 0; }
- .order-1-ns { order: 1; }
- .order-2-ns { order: 2; }
- .order-3-ns { order: 3; }
- .order-4-ns { order: 4; }
- .order-5-ns { order: 5; }
- .order-6-ns { order: 6; }
- .order-7-ns { order: 7; }
- .order-8-ns { order: 8; }
- .order-last-ns { order: 99999; }
-
- .flex-grow-0-ns { flex-grow: 0; }
- .flex-grow-1-ns { flex-grow: 1; }
-
- .flex-shrink-0-ns { flex-shrink: 0; }
- .flex-shrink-1-ns { flex-shrink: 1; }
-}
-@media (--breakpoint-medium) {
- .flex-m { display: flex; }
- .inline-flex-m { display: inline-flex; }
- .flex-auto-m {
- flex: 1 1 auto;
- min-width: 0; /* 1 */
- min-height: 0; /* 1 */
- }
- .flex-none-m { flex: none; }
- .flex-column-m { flex-direction: column; }
- .flex-row-m { flex-direction: row; }
- .flex-wrap-m { flex-wrap: wrap; }
- .flex-nowrap-m { flex-wrap: nowrap; }
- .flex-wrap-reverse-m { flex-wrap: wrap-reverse; }
- .flex-column-reverse-m { flex-direction: column-reverse; }
- .flex-row-reverse-m { flex-direction: row-reverse; }
- .items-start-m { align-items: flex-start; }
- .items-end-m { align-items: flex-end; }
- .items-center-m { align-items: center; }
- .items-baseline-m { align-items: baseline; }
- .items-stretch-m { align-items: stretch; }
-
- .self-start-m { align-self: flex-start; }
- .self-end-m { align-self: flex-end; }
- .self-center-m { align-self: center; }
- .self-baseline-m { align-self: baseline; }
- .self-stretch-m { align-self: stretch; }
-
- .justify-start-m { justify-content: flex-start; }
- .justify-end-m { justify-content: flex-end; }
- .justify-center-m { justify-content: center; }
- .justify-between-m { justify-content: space-between; }
- .justify-around-m { justify-content: space-around; }
-
- .content-start-m { align-content: flex-start; }
- .content-end-m { align-content: flex-end; }
- .content-center-m { align-content: center; }
- .content-between-m { align-content: space-between; }
- .content-around-m { align-content: space-around; }
- .content-stretch-m { align-content: stretch; }
-
- .order-0-m { order: 0; }
- .order-1-m { order: 1; }
- .order-2-m { order: 2; }
- .order-3-m { order: 3; }
- .order-4-m { order: 4; }
- .order-5-m { order: 5; }
- .order-6-m { order: 6; }
- .order-7-m { order: 7; }
- .order-8-m { order: 8; }
- .order-last-m { order: 99999; }
-
- .flex-grow-0-m { flex-grow: 0; }
- .flex-grow-1-m { flex-grow: 1; }
-
- .flex-shrink-0-m { flex-shrink: 0; }
- .flex-shrink-1-m { flex-shrink: 1; }
-}
-
-@media (--breakpoint-large) {
- .flex-l { display: flex; }
- .inline-flex-l { display: inline-flex; }
- .flex-auto-l {
- flex: 1 1 auto;
- min-width: 0; /* 1 */
- min-height: 0; /* 1 */
- }
- .flex-none-l { flex: none; }
- .flex-column-l { flex-direction: column; }
- .flex-row-l { flex-direction: row; }
- .flex-wrap-l { flex-wrap: wrap; }
- .flex-nowrap-l { flex-wrap: nowrap; }
- .flex-wrap-reverse-l { flex-wrap: wrap-reverse; }
- .flex-column-reverse-l { flex-direction: column-reverse; }
- .flex-row-reverse-l { flex-direction: row-reverse; }
-
- .items-start-l { align-items: flex-start; }
- .items-end-l { align-items: flex-end; }
- .items-center-l { align-items: center; }
- .items-baseline-l { align-items: baseline; }
- .items-stretch-l { align-items: stretch; }
-
- .self-start-l { align-self: flex-start; }
- .self-end-l { align-self: flex-end; }
- .self-center-l { align-self: center; }
- .self-baseline-l { align-self: baseline; }
- .self-stretch-l { align-self: stretch; }
-
- .justify-start-l { justify-content: flex-start; }
- .justify-end-l { justify-content: flex-end; }
- .justify-center-l { justify-content: center; }
- .justify-between-l { justify-content: space-between; }
- .justify-around-l { justify-content: space-around; }
-
- .content-start-l { align-content: flex-start; }
- .content-end-l { align-content: flex-end; }
- .content-center-l { align-content: center; }
- .content-between-l { align-content: space-between; }
- .content-around-l { align-content: space-around; }
- .content-stretch-l { align-content: stretch; }
-
- .order-0-l { order: 0; }
- .order-1-l { order: 1; }
- .order-2-l { order: 2; }
- .order-3-l { order: 3; }
- .order-4-l { order: 4; }
- .order-5-l { order: 5; }
- .order-6-l { order: 6; }
- .order-7-l { order: 7; }
- .order-8-l { order: 8; }
- .order-last-l { order: 99999; }
-
- .flex-grow-0-l { flex-grow: 0; }
- .flex-grow-1-l { flex-grow: 1; }
-
- .flex-shrink-0-l { flex-shrink: 0; }
- .flex-shrink-1-l { flex-shrink: 1; }
-}
diff --git a/app/styles/spirit-product/_floats.css b/app/styles/spirit-product/_floats.css
deleted file mode 100644
index 5b878917eb..0000000000
--- a/app/styles/spirit-product/_floats.css
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
-
- 1. Floated elements are automatically rendered as block level elements.
- Setting floats to display inline will fix the double margin bug in
- ie6. You know... just in case.
-
- 2. Don't forget to clearfix your floats with .cf
-
- Base:
- f = float
-
- Modifiers:
- l = left
- r = right
- n = none
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-
-
-.fl { float: left; _display: inline; }
-.fr { float: right; _display: inline; }
-.fn { float: none; }
-
-@media (--breakpoint-not-small) {
- .fl-ns { float: left; _display: inline; }
- .fr-ns { float: right; _display: inline; }
- .fn-ns { float: none; }
-}
-
-@media (--breakpoint-medium) {
- .fl-m { float: left; _display: inline; }
- .fr-m { float: right; _display: inline; }
- .fn-m { float: none; }
-}
-
-@media (--breakpoint-large) {
- .fl-l { float: left; _display: inline; }
- .fr-l { float: right; _display: inline; }
- .fn-l { float: none; }
-}
diff --git a/app/styles/spirit-product/_font-family.css b/app/styles/spirit-product/_font-family.css
deleted file mode 100644
index c8b9a238aa..0000000000
--- a/app/styles/spirit-product/_font-family.css
+++ /dev/null
@@ -1,44 +0,0 @@
-.sans-serif {
- font-family: -apple-system, BlinkMacSystemFont,
- 'avenir next', avenir,
- 'helvetica neue', helvetica,
- ubuntu,
- roboto, noto,
- 'segoe ui', arial,
- sans-serif;
-}
-
-.serif {
- font-family: georgia,
- serif;
-}
-
-.system-sans-serif {
- font-family: sans-serif;
-}
-
-.system-serif {
- font-family: serif;
-}
-
-
-/* Monospaced Typefaces (for code) */
-
-/* From http://cssfontstack.com */
-code, .code {
- font-family: monospace,monospace;
-}
-
-.courier {
- font-family: 'Courier Next',
- courier,
- monospace;
-}
-
-
-/* Sans-Serif Typefaces */
-
-.whitney {
- font-family: "Whitney SSm A", "Whitney SSm B",
- sans-serif;
-}
diff --git a/app/styles/spirit-product/_font-style.css b/app/styles/spirit-product/_font-style.css
deleted file mode 100644
index f8869f9ee7..0000000000
--- a/app/styles/spirit-product/_font-style.css
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.i { font-style: italic; }
-.fs-normal { font-style: normal; }
-
-@media (--breakpoint-not-small) {
- .i-ns { font-style: italic; }
- .fs-normal-ns { font-style: normal; }
-}
-
-@media (--breakpoint-medium) {
- .i-m { font-style: italic; }
- .fs-normal-m { font-style: normal; }
-}
-
-@media (--breakpoint-large) {
- .i-l { font-style: italic; }
- .fs-normal-l { font-style: normal; }
-}
diff --git a/app/styles/spirit-product/_font-weight.css b/app/styles/spirit-product/_font-weight.css
deleted file mode 100644
index de85fd76b3..0000000000
--- a/app/styles/spirit-product/_font-weight.css
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.normal { font-weight: 300; }
-.b, strong { font-weight: 700; }
-
-.fw1 { font-weight: 100; }
-.fw3 { font-weight: 300; }
-.fw4 { font-weight: 400; }
-.fw6 { font-weight: 600; }
-.fw7 { font-weight: 700; }
-
-
-@media (--breakpoint-not-small) {
- .fw1-ns { font-weight: 100; }
- .fw3-ns { font-weight: 300; }
- .fw4-ns { font-weight: 400; }
- .fw6-ns { font-weight: 600; }
- .fw7-ns { font-weight: 700; }
-}
-
-@media (--breakpoint-medium) {
- .fw1-m { font-weight: 100; }
- .fw3-m { font-weight: 300; }
- .fw4-m { font-weight: 400; }
- .fw6-m { font-weight: 600; }
- .fw7-m { font-weight: 700; }
-}
-
-@media (--breakpoint-large) {
- .fw1-l { font-weight: 100; }
- .fw3-l { font-weight: 300; }
- .fw4-l { font-weight: 400; }
- .fw6-l { font-weight: 600; }
- .fw7-l { font-weight: 700; }
-}
diff --git a/app/styles/spirit-product/_forms.css b/app/styles/spirit-product/_forms.css
deleted file mode 100644
index 710db66aad..0000000000
--- a/app/styles/spirit-product/_forms.css
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
-
- FORMS
-
-*/
-
-.input-reset {
- -webkit-appearance: none;
- -moz-appearance: none;
-}
-
-.button-reset::-moz-focus-inner,
-.input-reset::-moz-focus-inner {
- border: 0;
- padding: 0;
-}
-
-.form-icon {
- position: absolute;
- top: calc(50% + 2px);
- left: 12px;
- z-index: 100;
- height: 14px;
- fill: #a6bac5;
-}
-
-.form-text {
- user-select: none;
- transition: border-color .15s linear;
- -webkit-appearance: none;
- outline: none;
-}
-
-.form-text::placeholder {
- color: var(--midlightgrey);
-}
-
-.form-input-w-icon {
- padding-left: 35px;
-}
-
-.form-input-w-button {
- padding-right: 77px;
-}
-
-.form-btn-forgot {
- right: 1px;
- padding: 5px 11px 5px 12px;
- border: none;
- border-left: 1px solid var(--lightgrey);
- background-color: transparent;
- top: 27px;
- line-height: 1.1em;
-}
-
-.form-response {
- top: 0;
- right: 0;
-}
diff --git a/app/styles/spirit-product/_gradients.css b/app/styles/spirit-product/_gradients.css
deleted file mode 100644
index cf6cc3a758..0000000000
--- a/app/styles/spirit-product/_gradients.css
+++ /dev/null
@@ -1,83 +0,0 @@
-.bg-lgr-blue {
- background: linear-gradient(color(var(--blue-p3)), color(var(--blue)));
-}
-.bg-rgr-blue {
- background: radial-gradient(circle farthest-corner at left bottom, color(var(--blue-p3)) 0%, color(var(--blue))) 100%;
-}
-
-.bg-lgr-green {
- background: linear-gradient(color(var(--green-p3)), color(var(--green)));
-}
-.bg-rgr-green {
- background: radial-gradient(circle farthest-corner at left bottom, color(var(--green-p3)) 0%, color(var(--green))) 100%;
-}
-
-.bg-lgr-purple {
- background: linear-gradient(color(var(--purple-p3)), color(var(--purple)));
-}
-.bg-rgr-purple {
- background: radial-gradient(circle farthest-corner at left bottom, color(var(--purple-p3)) 0%, color(var(--purple))) 100%;
-}
-
-.bg-lgr-yellow {
- background: linear-gradient(color(var(--yellow-p3)), color(var(--yellow)));
-}
-.bg-rgr-yellow {
- background: radial-gradient(circle farthest-corner at left bottom, color(var(--yellow-p3)) 0%, color(var(--yellow))) 100%;
-}
-
-.bg-lgr-red {
- background: linear-gradient(color(var(--red-p3)), color(var(--red)));
-}
-.bg-rgr-red {
- background: radial-gradient(circle farthest-corner at left bottom, color(var(--red-p3)) 0%, color(var(--red))) 100%;
-}
-
-.bg-lgr-pink {
- background: linear-gradient(color(var(--pink-p3)), color(var(--pink)));
-}
-.bg-rgr-pink {
- background: radial-gradient(circle farthest-corner at left bottom, color(var(--pink-p3)) 0%, color(var(--pink))) 100%;
-}
-
-.bg-lgr-whitegrey {
- background: linear-gradient(color(var(--whitegrey-p2)), color(var(--whitegrey)));
-}
-.bg-rgr-whitegrey {
- background: radial-gradient(circle farthest-corner at left bottom, color(var(--whitegrey-p2)) 0%, color(var(--whitegrey))) 100%;
-}
-
-.bg-lgr-lightgrey {
- background: linear-gradient(color(var(--lightgrey-p2)), color(var(--lightgrey)));
-}
-.bg-rgr-lightgrey {
- background: radial-gradient(circle farthest-corner at left bottom, color(var(--lightgrey-p2)) 0%, color(var(--lightgrey))) 100%;
-}
-
-.bg-lgr-midlightgrey {
- background: linear-gradient(color(var(--midlightgrey-p2)), color(var(--midlightgrey)));
-}
-.bg-rgr-midlightgrey {
- background: radial-gradient(circle farthest-corner at left bottom, color(var(--midlightgrey-p2)) 0%, color(var(--midlightgrey))) 100%;
-}
-
-.bg-lgr-midgrey {
- background: linear-gradient(color(var(--midgrey-p2)), color(var(--midgrey-m1)));
-}
-.bg-rgr-midgrey {
- background: radial-gradient(circle farthest-corner at left bottom, color(var(--midgrey-p2)) 0%, color(var(--midgrey-m1))) 100%;
-}
-
-.bg-lgr-middarkgrey {
- background: linear-gradient(color(var(--middarkgrey-p2)), color(var(--middarkgrey-m1)));
-}
-.bg-rgr-middarkgrey {
- background: radial-gradient(circle farthest-corner at left bottom, color(var(--middarkgrey-p2)) 0%, color(var(--middarkgrey-m1))) 100%;
-}
-
-.bg-lgr-darkgrey {
- background: linear-gradient(color(var(--darkgrey-p2)), color(var(--darkgrey-m2)));
-}
-.bg-rgr-darkgrey {
- background: radial-gradient(circle farthest-corner at left bottom, color(var(--darkgrey-p2)) 0%, color(var(--darkgrey-m2))) 100%;
-}
diff --git a/app/styles/spirit-product/_heights.css b/app/styles/spirit-product/_heights.css
deleted file mode 100644
index 95c6875327..0000000000
--- a/app/styles/spirit-product/_heights.css
+++ /dev/null
@@ -1,187 +0,0 @@
-/*
-
- Base:
- h = height
-
- Value:
- (n) = (n * grid size)
- -(m) = (m)%
- -auto = auto
- -inherit = inherit
-
- ---------------------------------------------
-
- Base:
- vh = viewport based height
-
- Value:
- -(m) = (m)vh
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.h1 { height: calc(var(--grid-size) * 1); }
-.h2 { height: calc(var(--grid-size) * 2); }
-.h3 { height: calc(var(--grid-size) * 3); }
-.h4 { height: calc(var(--grid-size) * 4); }
-.h5 { height: calc(var(--grid-size) * 5); }
-.h6 { height: calc(var(--grid-size) * 6); }
-.h7 { height: calc(var(--grid-size) * 7); }
-.h8 { height: calc(var(--grid-size) * 8); }
-.h9 { height: calc(var(--grid-size) * 9); }
-.h10 { height: calc(var(--grid-size) * 10); }
-.h11 { height: calc(var(--grid-size) * 11); }
-.h12 { height: calc(var(--grid-size) * 12); }
-.h13 { height: calc(var(--grid-size) * 13); }
-.h14 { height: calc(var(--grid-size) * 14); }
-.h15 { height: calc(var(--grid-size) * 15); }
-.h16 { height: calc(var(--grid-size) * 16); }
-.h17 { height: calc(var(--grid-size) * 17); }
-.h18 { height: calc(var(--grid-size) * 18); }
-.h19 { height: calc(var(--grid-size) * 19); }
-.h20 { height: calc(var(--grid-size) * 20); }
-.h25 { height: calc(var(--grid-size) * 25); }
-.h30 { height: calc(var(--grid-size) * 30); }
-.h40 { height: calc(var(--grid-size) * 40); }
-.h50 { height: calc(var(--grid-size) * 50); }
-.h70 { height: calc(var(--grid-size) * 70); }
-
-.h-25 { height: 25%; }
-.h-50 { height: 50%; }
-.h-75 { height: 75%; }
-.h-100 { height: 100%; }
-
-.vh-25 { height: 25vh; }
-.vh-50 { height: 50vh; }
-.vh-75 { height: 75vh; }
-.vh-100 { height: 100vh; }
-
-.h-auto { height: auto; }
-.h-inherit { height: inherit; }
-
-@media (--breakpoint-not-small) {
- .h1-ns { height: calc(var(--grid-size) * 1); }
- .h2-ns { height: calc(var(--grid-size) * 2); }
- .h3-ns { height: calc(var(--grid-size) * 3); }
- .h4-ns { height: calc(var(--grid-size) * 4); }
- .h5-ns { height: calc(var(--grid-size) * 5); }
- .h6-ns { height: calc(var(--grid-size) * 6); }
- .h7-ns { height: calc(var(--grid-size) * 7); }
- .h8-ns { height: calc(var(--grid-size) * 8); }
- .h9-ns { height: calc(var(--grid-size) * 9); }
- .h10-ns { height: calc(var(--grid-size) * 10); }
- .h11-ns { height: calc(var(--grid-size) * 11); }
- .h12-ns { height: calc(var(--grid-size) * 12); }
- .h13-ns { height: calc(var(--grid-size) * 13); }
- .h14-ns { height: calc(var(--grid-size) * 14); }
- .h15-ns { height: calc(var(--grid-size) * 15); }
- .h16-ns { height: calc(var(--grid-size) * 16); }
- .h17-ns { height: calc(var(--grid-size) * 17); }
- .h18-ns { height: calc(var(--grid-size) * 18); }
- .h19-ns { height: calc(var(--grid-size) * 19); }
- .h20-ns { height: calc(var(--grid-size) * 20); }
- .h25-ns { height: calc(var(--grid-size) * 25); }
- .h30-ns { height: calc(var(--grid-size) * 30); }
- .h40-ns { height: calc(var(--grid-size) * 40); }
- .h50-ns { height: calc(var(--grid-size) * 50); }
- .h70-ns { height: calc(var(--grid-size) * 70); }
-
- .h-25-ns { height: 25%; }
- .h-50-ns { height: 50%; }
- .h-75-ns { height: 75%; }
- .h-100-ns { height: 100%; }
-
- .vh-25-ns { height: 25vh; }
- .vh-50-ns { height: 50vh; }
- .vh-75-ns { height: 75vh; }
- .vh-100-ns { height: 100vh; }
-
- .h-auto-ns { height: auto; }
- .h-inherit-ns { height: inherit; }
-}
-
-@media (--breakpoint-medium) {
- .h1-m { height: calc(var(--grid-size) * 1); }
- .h2-m { height: calc(var(--grid-size) * 2); }
- .h3-m { height: calc(var(--grid-size) * 3); }
- .h4-m { height: calc(var(--grid-size) * 4); }
- .h5-m { height: calc(var(--grid-size) * 5); }
- .h6-m { height: calc(var(--grid-size) * 6); }
- .h7-m { height: calc(var(--grid-size) * 7); }
- .h8-m { height: calc(var(--grid-size) * 8); }
- .h9-m { height: calc(var(--grid-size) * 9); }
- .h10-m { height: calc(var(--grid-size) * 10); }
- .h11-m { height: calc(var(--grid-size) * 11); }
- .h12-m { height: calc(var(--grid-size) * 12); }
- .h13-m { height: calc(var(--grid-size) * 13); }
- .h14-m { height: calc(var(--grid-size) * 14); }
- .h15-m { height: calc(var(--grid-size) * 15); }
- .h16-m { height: calc(var(--grid-size) * 16); }
- .h17-m { height: calc(var(--grid-size) * 17); }
- .h18-m { height: calc(var(--grid-size) * 18); }
- .h19-m { height: calc(var(--grid-size) * 19); }
- .h20-m { height: calc(var(--grid-size) * 20); }
- .h25-m { height: calc(var(--grid-size) * 25); }
- .h30-m { height: calc(var(--grid-size) * 30); }
- .h40-m { height: calc(var(--grid-size) * 40); }
- .h50-m { height: calc(var(--grid-size) * 50); }
- .h70-m { height: calc(var(--grid-size) * 70); }
-
- .h-25-m { height: 25%; }
- .h-50-m { height: 50%; }
- .h-75-m { height: 75%; }
- .h-100-m { height: 100%; }
-
- .vh-25-m { height: 25vh; }
- .vh-50-m { height: 50vh; }
- .vh-75-m { height: 75vh; }
- .vh-100-m { height: 100vh; }
-
- .h-auto-m { height: auto; }
- .h-inherit-m { height: inherit; }
-}
-
-@media (--breakpoint-large) {
- .h1-l { height: calc(var(--grid-size) * 1); }
- .h2-l { height: calc(var(--grid-size) * 2); }
- .h3-l { height: calc(var(--grid-size) * 3); }
- .h4-l { height: calc(var(--grid-size) * 4); }
- .h5-l { height: calc(var(--grid-size) * 5); }
- .h6-l { height: calc(var(--grid-size) * 6); }
- .h7-l { height: calc(var(--grid-size) * 7); }
- .h8-l { height: calc(var(--grid-size) * 8); }
- .h9-l { height: calc(var(--grid-size) * 9); }
- .h10-l { height: calc(var(--grid-size) * 10); }
- .h11-l { height: calc(var(--grid-size) * 11); }
- .h12-l { height: calc(var(--grid-size) * 12); }
- .h13-l { height: calc(var(--grid-size) * 13); }
- .h14-l { height: calc(var(--grid-size) * 14); }
- .h15-l { height: calc(var(--grid-size) * 15); }
- .h16-l { height: calc(var(--grid-size) * 16); }
- .h17-l { height: calc(var(--grid-size) * 17); }
- .h18-l { height: calc(var(--grid-size) * 18); }
- .h19-l { height: calc(var(--grid-size) * 19); }
- .h20-l { height: calc(var(--grid-size) * 20); }
- .h25-l { height: calc(var(--grid-size) * 25); }
- .h30-l { height: calc(var(--grid-size) * 30); }
- .h40-l { height: calc(var(--grid-size) * 40); }
- .h50-l { height: calc(var(--grid-size) * 50); }
- .h70-l { height: calc(var(--grid-size) * 70); }
-
- .h-25-l { height: 25%; }
- .h-50-l { height: 50%; }
- .h-75-l { height: 75%; }
- .h-100-l { height: 100%; }
-
- .vh-25-l { height: 25vh; }
- .vh-50-l { height: 50vh; }
- .vh-75-l { height: 75vh; }
- .vh-100-l { height: 100vh; }
-
- .h-auto-l { height: auto; }
- .h-inherit-l { height: inherit; }
-}
diff --git a/app/styles/spirit-product/_hovers.css b/app/styles/spirit-product/_hovers.css
deleted file mode 100644
index 30d3bbc031..0000000000
--- a/app/styles/spirit-product/_hovers.css
+++ /dev/null
@@ -1,403 +0,0 @@
-/* Text colors */
-
-.hover-blue:hover,
-.hover-blue:focus { color: var(--blue); }
-.hover-green:hover,
-.hover-green:focus { color: var(--green); }
-.hover-purple:hover,
-.hover-purple:focus { color: var(--purple); }
-.hover-yellow:hover,
-.hover-yellow:focus { color: var(--yellow); }
-.hover-red:hover,
-.hover-red:focus { color: var(--red); }
-.hover-pink:hover,
-.hover-pink:focus { color: var(--pink); }
-.hover-white:hover,
-.hover-white:focus { color: var(--white); }
-
-.hover-white-10:hover,
-.hover-white-10:focus { color: var(--white-10); }
-.hover-white-20:hover,
-.hover-white-20:focus { color: var(--white-20); }
-.hover-white-30:hover,
-.hover-white-30:focus { color: var(--white-30); }
-.hover-white-40:hover,
-.hover-white-40:focus { color: var(--white-40); }
-.hover-white-50:hover,
-.hover-white-50:focus { color: var(--white-50); }
-.hover-white-60:hover,
-.hover-white-60:focus { color: var(--white-60); }
-.hover-white-70:hover,
-.hover-white-70:focus { color: var(--white-70); }
-.hover-white-80:hover,
-.hover-white-80:focus { color: var(--white-80); }
-.hover-white-90:hover,
-.hover-white-90:focus { color: var(--white-90); }
-
-.hover-black-10:hover,
-.hover-black-10:focus { color: var(--black-10); }
-.hover-black-20:hover,
-.hover-black-20:focus { color: var(--black-20); }
-.hover-black-30:hover,
-.hover-black-30:focus { color: var(--black-30); }
-.hover-black-40:hover,
-.hover-black-40:focus { color: var(--black-40); }
-.hover-black-50:hover,
-.hover-black-50:focus { color: var(--black-50); }
-.hover-black-60:hover,
-.hover-black-60:focus { color: var(--black-60); }
-.hover-black-70:hover,
-.hover-black-70:focus { color: var(--black-70); }
-.hover-black-80:hover,
-.hover-black-80:focus { color: var(--black-80); }
-.hover-black-90:hover,
-.hover-black-90:focus { color: var(--black-90); }
-
-.hover-darkgrey:hover,
-.hover-darkgrey:focus { color: var(--darkgrey); }
-.hover-middarkgrey:hover,
-.hover-middarkgrey:focus { color: var(--middarkgrey); }
-.hover-midgrey:hover,
-.hover-midgrey:focus { color: var(--midgrey); }
-.hover-midlightgrey:hover,
-.hover-midlightgrey:focus { color: var(--midlightgrey); }
-.hover-lightgrey:hover,
-.hover-lightgrey:focus { color: var(--lightgrey); }
-.hover-whitegrey:hover,
-.hover-whitegrey:focus { color: var(--whitegrey); }
-
-/* Shades */
-.hover-blue-p3:hover,
-.hover-blue-p3:focus { color: var(--blue-p3); }
-.hover-blue-p2:hover,
-.hover-blue-p2:focus { color: var(--blue-p2); }
-.hover-blue-p1:hover,
-.hover-blue-p1:focus { color: var(--blue-p1); }
-.hover-blue-m1:hover,
-.hover-blue-m1:focus { color: var(--blue-m1); }
-.hover-blue-m2:hover,
-.hover-blue-m2:focus { color: var(--blue-m2); }
-.hover-blue-m3:hover,
-.hover-blue-m3:focus { color: var(--blue-m3); }
-
-.hover-green-p3:hover,
-.hover-green-p3:focus { color: var(--green-p3); }
-.hover-green-p2:hover,
-.hover-green-p2:focus { color: var(--green-p2); }
-.hover-green-p1:hover,
-.hover-green-p1:focus { color: var(--green-p1); }
-.hover-green-m1:hover,
-.hover-green-m1:focus { color: var(--green-m1); }
-.hover-green-m2:hover,
-.hover-green-m2:focus { color: var(--green-m2); }
-.hover-green-m3:hover,
-.hover-green-m3:focus { color: var(--green-m3); }
-
-.hover-purple-p3:hover,
-.hover-purple-p3:focus { color: var(--purple-p3); }
-.hover-purple-p2:hover,
-.hover-purple-p2:focus { color: var(--purple-p2); }
-.hover-purple-p1:hover,
-.hover-purple-p1:focus { color: var(--purple-p1); }
-.hover-purple-m1:hover,
-.hover-purple-m1:focus { color: var(--purple-m1); }
-.hover-purple-m2:hover,
-.hover-purple-m2:focus { color: var(--purple-m2); }
-.hover-purple-m3:hover,
-.hover-purple-m3:focus { color: var(--purple-m3); }
-
-.hover-yellow-p3:hover,
-.hover-yellow-p3:focus { color: var(--yellow-p3); }
-.hover-yellow-p2:hover,
-.hover-yellow-p2:focus { color: var(--yellow-p2); }
-.hover-yellow-p1:hover,
-.hover-yellow-p1:focus { color: var(--yellow-p1); }
-.hover-yellow-m1:hover,
-.hover-yellow-m1:focus { color: var(--yellow-m1); }
-.hover-yellow-m2:hover,
-.hover-yellow-m2:focus { color: var(--yellow-m2); }
-.hover-yellow-m3:hover,
-.hover-yellow-m3:focus { color: var(--yellow-m3); }
-
-.hover-red-p3:hover,
-.hover-red-p3:focus { color: var(--red-p3); }
-.hover-red-p2:hover,
-.hover-red-p2:focus { color: var(--red-p2); }
-.hover-red-p1:hover,
-.hover-red-p1:focus { color: var(--red-p1); }
-.hover-red-m1:hover,
-.hover-red-m1:focus { color: var(--red-m1); }
-.hover-red-m2:hover,
-.hover-red-m2:focus { color: var(--red-m2); }
-.hover-red-m3:hover,
-.hover-red-m3:focus { color: var(--red-m3); }
-
-.hover-pink-p3:hover,
-.hover-pink-p3:focus { color: var(--pink-p3); }
-.hover-pink-p2:hover,
-.hover-pink-p2:focus { color: var(--pink-p2); }
-.hover-pink-p1:hover,
-.hover-pink-p1:focus { color: var(--pink-p1); }
-.hover-pink-m1:hover,
-.hover-pink-m1:focus { color: var(--pink-m1); }
-.hover-pink-m2:hover,
-.hover-pink-m2:focus { color: var(--pink-m2); }
-.hover-pink-m3:hover,
-.hover-pink-m3:focus { color: var(--pink-m3); }
-
-.hover-darkgrey-p2:hover,
-.hover-darkgrey-p2:focus { color: var(--darkgrey-p2); }
-.hover-darkgrey-p1:hover,
-.hover-darkgrey-p1:focus { color: var(--darkgrey-p1); }
-.hover-darkgrey-m1:hover,
-.hover-darkgrey-m1:focus { color: var(--darkgrey-m1); }
-.hover-darkgrey-m2:hover,
-.hover-darkgrey-m2:focus { color: var(--darkgrey-m2); }
-
-.hover-middarkgrey-p2:hover,
-.hover-middarkgrey-p2:focus { color: var(--middarkgrey-p2); }
-.hover-middarkgrey-p1:hover,
-.hover-middarkgrey-p1:focus { color: var(--middarkgrey-p1); }
-.hover-middarkgrey-m1:hover,
-.hover-middarkgrey-m1:focus { color: var(--middarkgrey-m1); }
-.hover-middarkgrey-m2:hover,
-.hover-middarkgrey-m2:focus { color: var(--middarkgrey-m2); }
-
-.hover-midgrey-p2:hover,
-.hover-midgrey-p2:focus { color: var(--midgrey-p2); }
-.hover-midgrey-p1:hover,
-.hover-midgrey-p1:focus { color: var(--midgrey-p1); }
-.hover-midgrey-m1:hover,
-.hover-midgrey-m1:focus { color: var(--midgrey-m1); }
-.hover-midgrey-m2:hover,
-.hover-midgrey-m2:focus { color: var(--midgrey-m2); }
-
-.hover-midlightgrey-p2:hover,
-.hover-midlightgrey-p2:focus { color: var(--midlightgrey-p2); }
-.hover-midlightgrey-p1:hover,
-.hover-midlightgrey-p1:focus { color: var(--midlightgrey-p1); }
-.hover-midlightgrey-m1:hover,
-.hover-midlightgrey-m1:focus { color: var(--midlightgrey-m1); }
-.hover-midlightgrey-m2:hover,
-.hover-midlightgrey-m2:focus { color: var(--midlightgrey-m2); }
-
-.hover-lightgrey-p2:hover,
-.hover-lightgrey-p2:focus { color: var(--lightgrey-p2); }
-.hover-lightgrey-p1:hover,
-.hover-lightgrey-p1:focus { color: var(--lightgrey-p1); }
-.hover-lightgrey-m1:hover,
-.hover-lightgrey-m1:focus { color: var(--lightgrey-m1); }
-.hover-lightgrey-m2:hover,
-.hover-lightgrey-m2:focus { color: var(--lightgrey-m2); }
-
-.hover-whitegrey-p2:hover,
-.hover-whitegrey-p2:focus { color: var(--whitegrey-p2); }
-.hover-whitegrey-p1:hover,
-.hover-whitegrey-p1:focus { color: var(--whitegrey-p1); }
-.hover-whitegrey-m1:hover,
-.hover-whitegrey-m1:focus { color: var(--whitegrey-m1); }
-.hover-whitegrey-m2:hover,
-.hover-whitegrey-m2:focus { color: var(--whitegrey-m2); }
-
-.hover-color-inherit:hover,
-.hover-color-inherit:focus { color: inherit; }
-
-/* Background colors */
-.hover-bg-blue:hover,
-.hover-bg-blue:focus { background-color: var(--blue); }
-.hover-bg-green:hover,
-.hover-bg-green:focus { background-color: var(--green); }
-.hover-bg-purple:hover,
-.hover-bg-purple:focus { background-color: var(--purple); }
-.hover-bg-yellow:hover,
-.hover-bg-yellow:focus { background-color: var(--yellow); }
-.hover-bg-red:hover,
-.hover-bg-red:focus { background-color: var(--red); }
-.hover-bg-pink:hover,
-.hover-bg-pink:focus { background-color: var(--pink); }
-.hover-bg-white:hover,
-.hover-bg-white:focus { background-color: var(--white); }
-
-.hover-bg-white-10:hover,
-.hover-bg-white-10:focus { background-color: var(--white-10); }
-.hover-bg-white-20:hover,
-.hover-bg-white-20:focus { background-color: var(--white-20); }
-.hover-bg-white-30:hover,
-.hover-bg-white-30:focus { background-color: var(--white-30); }
-.hover-bg-white-40:hover,
-.hover-bg-white-40:focus { background-color: var(--white-40); }
-.hover-bg-white-50:hover,
-.hover-bg-white-50:focus { background-color: var(--white-50); }
-.hover-bg-white-60:hover,
-.hover-bg-white-60:focus { background-color: var(--white-60); }
-.hover-bg-white-70:hover,
-.hover-bg-white-70:focus { background-color: var(--white-70); }
-.hover-bg-white-80:hover,
-.hover-bg-white-80:focus { background-color: var(--white-80); }
-.hover-bg-white-90:hover,
-.hover-bg-white-90:focus { background-color: var(--white-90); }
-
-.hover-bg-black-10:hover,
-.hover-bg-black-10:focus { background-color: var(--black-10); }
-.hover-bg-black-20:hover,
-.hover-bg-black-20:focus { background-color: var(--black-20); }
-.hover-bg-black-30:hover,
-.hover-bg-black-30:focus { background-color: var(--black-30); }
-.hover-bg-black-40:hover,
-.hover-bg-black-40:focus { background-color: var(--black-40); }
-.hover-bg-black-50:hover,
-.hover-bg-black-50:focus { background-color: var(--black-50); }
-.hover-bg-black-60:hover,
-.hover-bg-black-60:focus { background-color: var(--black-60); }
-.hover-bg-black-70:hover,
-.hover-bg-black-70:focus { background-color: var(--black-70); }
-.hover-bg-black-80:hover,
-.hover-bg-black-80:focus { background-color: var(--black-80); }
-.hover-bg-black-90:hover,
-.hover-bg-black-90:focus { background-color: var(--black-90); }
-
-.hover-bg-darkgrey:hover,
-.hover-bg-darkgrey:focus { background-color: var(--darkgrey); }
-.hover-bg-middarkgrey:hover,
-.hover-bg-middarkgrey:focus { background-color: var(--middarkgrey); }
-.hover-bg-midgrey:hover,
-.hover-bg-midgrey:focus { background-color: var(--midgrey); }
-.hover-bg-midlightgrey:hover,
-.hover-bg-midlightgrey:focus { background-color: var(--midlightgrey); }
-.hover-bg-lightgrey:hover,
-.hover-bg-lightgrey:focus { background-color: var(--lightgrey); }
-.hover-bg-whitegrey:hover,
-.hover-bg-whitegrey:focus { background-color: var(--whitegrey); }
-
-/* Shades */
-.hover-bg-blue-p3:hover,
-.hover-bg-blue-p3:focus { background-color: var(--blue-p3); }
-.hover-bg-blue-p2:hover,
-.hover-bg-blue-p2:focus { background-color: var(--blue-p2); }
-.hover-bg-blue-p1:hover,
-.hover-bg-blue-p1:focus { background-color: var(--blue-p1); }
-.hover-bg-blue-m1:hover,
-.hover-bg-blue-m1:focus { background-color: var(--blue-m1); }
-.hover-bg-blue-m2:hover,
-.hover-bg-blue-m2:focus { background-color: var(--blue-m2); }
-.hover-bg-blue-m3:hover,
-.hover-bg-blue-m3:focus { background-color: var(--blue-m3); }
-
-.hover-bg-green-p3:hover,
-.hover-bg-green-p3:focus { background-color: var(--green-p3); }
-.hover-bg-green-p2:hover,
-.hover-bg-green-p2:focus { background-color: var(--green-p2); }
-.hover-bg-green-p1:hover,
-.hover-bg-green-p1:focus { background-color: var(--green-p1); }
-.hover-bg-green-m1:hover,
-.hover-bg-green-m1:focus { background-color: var(--green-m1); }
-.hover-bg-green-m2:hover,
-.hover-bg-green-m2:focus { background-color: var(--green-m2); }
-.hover-bg-green-m3:hover,
-.hover-bg-green-m3:focus { background-color: var(--green-m3); }
-
-.hover-bg-purple-p3:hover,
-.hover-bg-purple-p3:focus { background-color: var(--purple-p3); }
-.hover-bg-purple-p2:hover,
-.hover-bg-purple-p2:focus { background-color: var(--purple-p2); }
-.hover-bg-purple-p1:hover,
-.hover-bg-purple-p1:focus { background-color: var(--purple-p1); }
-.hover-bg-purple-m1:hover,
-.hover-bg-purple-m1:focus { background-color: var(--purple-m1); }
-.hover-bg-purple-m2:hover,
-.hover-bg-purple-m2:focus { background-color: var(--purple-m2); }
-.hover-bg-purple-m3:hover,
-.hover-bg-purple-m3:focus { background-color: var(--purple-m3); }
-
-.hover-bg-yellow-p3:hover,
-.hover-bg-yellow-p3:focus { background-color: var(--yellow-p3); }
-.hover-bg-yellow-p2:hover,
-.hover-bg-yellow-p2:focus { background-color: var(--yellow-p2); }
-.hover-bg-yellow-p1:hover,
-.hover-bg-yellow-p1:focus { background-color: var(--yellow-p1); }
-.hover-bg-yellow-m1:hover,
-.hover-bg-yellow-m1:focus { background-color: var(--yellow-m1); }
-.hover-bg-yellow-m2:hover,
-.hover-bg-yellow-m2:focus { background-color: var(--yellow-m2); }
-.hover-bg-yellow-m3:hover,
-.hover-bg-yellow-m3:focus { background-color: var(--yellow-m3); }
-
-.hover-bg-red-p3:hover,
-.hover-bg-red-p3:focus { background-color: var(--red-p3); }
-.hover-bg-red-p2:hover,
-.hover-bg-red-p2:focus { background-color: var(--red-p2); }
-.hover-bg-red-p1:hover,
-.hover-bg-red-p1:focus { background-color: var(--red-p1); }
-.hover-bg-red-m1:hover,
-.hover-bg-red-m1:focus { background-color: var(--red-m1); }
-.hover-bg-red-m2:hover,
-.hover-bg-red-m2:focus { background-color: var(--red-m2); }
-.hover-bg-red-m3:hover,
-.hover-bg-red-m3:focus { background-color: var(--red-m3); }
-
-.hover-bg-pink-p3:hover,
-.hover-bg-pink-p3:focus { background-color: var(--pink-p3); }
-.hover-bg-pink-p2:hover,
-.hover-bg-pink-p2:focus { background-color: var(--pink-p2); }
-.hover-bg-pink-p1:hover,
-.hover-bg-pink-p1:focus { background-color: var(--pink-p1); }
-.hover-bg-pink-m1:hover,
-.hover-bg-pink-m1:focus { background-color: var(--pink-m1); }
-.hover-bg-pink-m2:hover,
-.hover-bg-pink-m2:focus { background-color: var(--pink-m2); }
-.hover-bg-pink-m3:hover,
-.hover-bg-pink-m3:focus { background-color: var(--pink-m3); }
-
-.hover-bg-darkgrey-p2:hover,
-.hover-bg-darkgrey-p2:focus { background-color: var(--darkgrey-p2); }
-.hover-bg-darkgrey-p1:hover,
-.hover-bg-darkgrey-p1:focus { background-color: var(--darkgrey-p1); }
-.hover-bg-darkgrey-m1:hover,
-.hover-bg-darkgrey-m1:focus { background-color: var(--darkgrey-m1); }
-.hover-bg-darkgrey-m2:hover,
-.hover-bg-darkgrey-m2:focus { background-color: var(--darkgrey-m2); }
-
-.hover-bg-middarkgrey-p2:hover,
-.hover-bg-middarkgrey-p2:focus { background-color: var(--middarkgrey-p2); }
-.hover-bg-middarkgrey-p1:hover,
-.hover-bg-middarkgrey-p1:focus { background-color: var(--middarkgrey-p1); }
-.hover-bg-middarkgrey-m1:hover,
-.hover-bg-middarkgrey-m1:focus { background-color: var(--middarkgrey-m1); }
-.hover-bg-middarkgrey-m2:hover,
-.hover-bg-middarkgrey-m2:focus { background-color: var(--middarkgrey-m2); }
-
-.hover-bg-midgrey-p2:hover,
-.hover-bg-midgrey-p2:focus { background-color: var(--midgrey-p2); }
-.hover-bg-midgrey-p1:hover,
-.hover-bg-midgrey-p1:focus { background-color: var(--midgrey-p1); }
-.hover-bg-midgrey-m1:hover,
-.hover-bg-midgrey-m1:focus { background-color: var(--midgrey-m1); }
-.hover-bg-midgrey-m2:hover,
-.hover-bg-midgrey-m2:focus { background-color: var(--midgrey-m2); }
-
-.hover-bg-midlightgrey-p2:hover,
-.hover-bg-midlightgrey-p2:focus { background-color: var(--midlightgrey-p2); }
-.hover-bg-midlightgrey-p1:hover,
-.hover-bg-midlightgrey-p1:focus { background-color: var(--midlightgrey-p1); }
-.hover-bg-midlightgrey-m1:hover,
-.hover-bg-midlightgrey-m1:focus { background-color: var(--midlightgrey-m1); }
-.hover-bg-midlightgrey-m2:hover,
-.hover-bg-midlightgrey-m2:focus { background-color: var(--midlightgrey-m2); }
-
-.hover-bg-lightgrey-p2:hover,
-.hover-bg-lightgrey-p2:focus { background-color: var(--lightgrey-p2); }
-.hover-bg-lightgrey-p1:hover,
-.hover-bg-lightgrey-p1:focus { background-color: var(--lightgrey-p1); }
-.hover-bg-lightgrey-m1:hover,
-.hover-bg-lightgrey-m1:focus { background-color: var(--lightgrey-m1); }
-.hover-bg-lightgrey-m2:hover,
-.hover-bg-lightgrey-m2:focus { background-color: var(--lightgrey-m2); }
-
-.hover-bg-whitegrey-p2:hover,
-.hover-bg-whitegrey-p2:focus { background-color: var(--whitegrey-p2); }
-.hover-bg-whitegrey-p1:hover,
-.hover-bg-whitegrey-p1:focus { background-color: var(--whitegrey-p1); }
-.hover-bg-whitegrey-m1:hover,
-.hover-bg-whitegrey-m1:focus { background-color: var(--whitegrey-m1); }
-.hover-bg-whitegrey-m2:hover,
-.hover-bg-whitegrey-m2:focus { background-color: var(--whitegrey-m2); }
diff --git a/app/styles/spirit-product/_icons.css b/app/styles/spirit-product/_icons.css
deleted file mode 100644
index c3cd36fa52..0000000000
--- a/app/styles/spirit-product/_icons.css
+++ /dev/null
@@ -1,510 +0,0 @@
-/*
-
- COLORING ICONS
- ----------------------------------------
- Base:
- fill = filled icon
- stroke = outlined icon
-
- Value:
- -(color) = color
-
- See _colors.css for available colors.
-
-
- ICON SIZES
- ----------------------------------------
- Base:
- iw = icon width
- ih = icon height
-
- Value:
- 1-6 = size scale
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-/* Icon fill colors */
-.filter-invert { filter: invert(100%); }
-
-.fill-blue path,
-.fill-blue g { fill: var(--blue); }
-.fill-green path,
-.fill-green g { fill: var(--green); }
-.fill-purple path,
-.fill-purple g { fill: var(--purple); }
-.fill-yellow path,
-.fill-yellow g { fill: var(--yellow); }
-.fill-red path,
-.fill-red g { fill: var(--red); }
-.fill-pink path,
-.fill-pink g { fill: var(--pink); }
-.fill-white path,
-.fill-white g { fill: var(--white); }
-
-.fill-white-10 path,
-.fill-white-10 g { fill: var(--white-10); }
-.fill-white-20 path,
-.fill-white-20 g { fill: var(--white-20); }
-.fill-white-30 path,
-.fill-white-30 g { fill: var(--white-30); }
-.fill-white-40 path,
-.fill-white-40 g { fill: var(--white-40); }
-.fill-white-50 path,
-.fill-white-50 g { fill: var(--white-50); }
-.fill-white-60 path,
-.fill-white-60 g { fill: var(--white-60); }
-.fill-white-70 path,
-.fill-white-70 g { fill: var(--white-70); }
-.fill-white-80 path,
-.fill-white-80 g { fill: var(--white-80); }
-.fill-white-90 path,
-.fill-white-90 g { fill: var(--white-90); }
-
-.fill-black-10 path,
-.fill-black-10 g { fill: var(--black-10); }
-.fill-black-20 path,
-.fill-black-20 g { fill: var(--black-20); }
-.fill-black-30 path,
-.fill-black-30 g { fill: var(--black-30); }
-.fill-black-40 path,
-.fill-black-40 g { fill: var(--black-40); }
-.fill-black-50 path,
-.fill-black-50 g { fill: var(--black-50); }
-.fill-black-60 path,
-.fill-black-60 g { fill: var(--black-60); }
-.fill-black-70 path,
-.fill-black-70 g { fill: var(--black-70); }
-.fill-black-80 path,
-.fill-black-80 g { fill: var(--black-80); }
-.fill-black-90 path,
-.fill-black-90 g { fill: var(--black-90); }
-
-.fill-darkgrey path,
-.fill-darkgrey g { fill: var(--darkgrey); }
-.fill-middarkgrey path,
-.fill-middarkgrey g { fill: var(--middarkgrey); }
-.fill-midgrey path,
-.fill-midgrey g { fill: var(--midgrey); }
-.fill-midlightgrey path,
-.fill-midlightgrey g { fill: var(--midlightgrey); }
-.fill-lightgrey path,
-.fill-lightgrey g { fill: var(--lightgrey); }
-.fill-whitegrey path,
-.fill-whitegrey g { fill: var(--whitegrey); }
-
-/* Shades */
-.fill-blue-p3 path,
-.fill-blue-p3 g { fill: var(--blue-p3); }
-.fill-blue-p2 path,
-.fill-blue-p2 g { fill: var(--blue-p2); }
-.fill-blue-p1 path,
-.fill-blue-p1 g { fill: var(--blue-p1); }
-.fill-blue-m1 path,
-.fill-blue-m1 g { fill: var(--blue-m1); }
-.fill-blue-m2 path,
-.fill-blue-m2 g { fill: var(--blue-m2); }
-.fill-blue-m3 path,
-.fill-blue-m3 g { fill: var(--blue-m3); }
-
-.fill-green-p3 path,
-.fill-green-p3 g { fill: var(--green-p3); }
-.fill-green-p2 path,
-.fill-green-p2 g { fill: var(--green-p2); }
-.fill-green-p1 path,
-.fill-green-p1 g { fill: var(--green-p1); }
-.fill-green-m1 path,
-.fill-green-m1 g { fill: var(--green-m1); }
-.fill-green-m2 path,
-.fill-green-m2 g { fill: var(--green-m2); }
-.fill-green-m3 path,
-.fill-green-m3 g { fill: var(--green-m3); }
-
-.fill-purple-p3 path,
-.fill-purple-p3 g { fill: var(--purple-p3); }
-.fill-purple-p2 path,
-.fill-purple-p2 g { fill: var(--purple-p2); }
-.fill-purple-p1 path,
-.fill-purple-p1 g { fill: var(--purple-p1); }
-.fill-purple-m1 path,
-.fill-purple-m1 g { fill: var(--purple-m1); }
-.fill-purple-m2 path,
-.fill-purple-m2 g { fill: var(--purple-m2); }
-.fill-purple-m3 path,
-.fill-purple-m3 g { fill: var(--purple-m3); }
-
-.fill-yellow-p3 path,
-.fill-yellow-p3 g { fill: var(--yellow-p3); }
-.fill-yellow-p2 path,
-.fill-yellow-p2 g { fill: var(--yellow-p2); }
-.fill-yellow-p1 path,
-.fill-yellow-p1 g { fill: var(--yellow-p1); }
-.fill-yellow-m1 path,
-.fill-yellow-m1 g { fill: var(--yellow-m1); }
-.fill-yellow-m2 path,
-.fill-yellow-m2 g { fill: var(--yellow-m2); }
-.fill-yellow-m3 path,
-.fill-yellow-m3 g { fill: var(--yellow-m3); }
-
-.fill-red-p3 path,
-.fill-red-p3 g { fill: var(--red-p3); }
-.fill-red-p2 path,
-.fill-red-p2 g { fill: var(--red-p2); }
-.fill-red-p1 path,
-.fill-red-p1 g { fill: var(--red-p1); }
-.fill-red-m1 path,
-.fill-red-m1 g { fill: var(--red-m1); }
-.fill-red-m2 path,
-.fill-red-m2 g { fill: var(--red-m2); }
-.fill-red-m3 path,
-.fill-red-m3 g { fill: var(--red-m3); }
-
-.fill-pink-p3 path,
-.fill-pink-p3 g { fill: var(--pink-p3); }
-.fill-pink-p2 path,
-.fill-pink-p2 g { fill: var(--pink-p2); }
-.fill-pink-p1 path,
-.fill-pink-p1 g { fill: var(--pink-p1); }
-.fill-pink-m1 path,
-.fill-pink-m1 g { fill: var(--pink-m1); }
-.fill-pink-m2 path,
-.fill-pink-m2 g { fill: var(--pink-m2); }
-.fill-pink-m3 path,
-.fill-pink-m3 g { fill: var(--pink-m3); }
-
-.fill-darkgrey-p2 path,
-.fill-darkgrey-p2 g { fill: var(--darkgrey-p2); }
-.fill-darkgrey-p1 path,
-.fill-darkgrey-p1 g { fill: var(--darkgrey-p1); }
-.fill-darkgrey-m1 path,
-.fill-darkgrey-m1 g { fill: var(--darkgrey-m1); }
-.fill-darkgrey-m2 path,
-.fill-darkgrey-m2 g { fill: var(--darkgrey-m2); }
-
-.fill-middarkgrey-p2 path,
-.fill-middarkgrey-p2 g { fill: var(--middarkgrey-p2); }
-.fill-middarkgrey-p1 path,
-.fill-middarkgrey-p1 g { fill: var(--middarkgrey-p1); }
-.fill-middarkgrey-m1 path,
-.fill-middarkgrey-m1 g { fill: var(--middarkgrey-m1); }
-.fill-middarkgrey-m2 path,
-.fill-middarkgrey-m2 g { fill: var(--middarkgrey-m2); }
-
-.fill-midgrey-p2 path,
-.fill-midgrey-p2 g { fill: var(--midgrey-p2); }
-.fill-midgrey-p1 path,
-.fill-midgrey-p1 g { fill: var(--midgrey-p1); }
-.fill-midgrey-m1 path,
-.fill-midgrey-m1 g { fill: var(--midgrey-m1); }
-.fill-midgrey-m2 path,
-.fill-midgrey-m2 g { fill: var(--midgrey-m2); }
-
-.fill-midlightgrey-p2 path,
-.fill-midlightgrey-p2 g { fill: var(--midlightgrey-p2); }
-.fill-midlightgrey-p1 path,
-.fill-midlightgrey-p1 g { fill: var(--midlightgrey-p1); }
-.fill-midlightgrey-m1 path,
-.fill-midlightgrey-m1 g { fill: var(--midlightgrey-m1); }
-.fill-midlightgrey-m2 path,
-.fill-midlightgrey-m2 g { fill: var(--midlightgrey-m2); }
-
-.fill-lightgrey-p2 path,
-.fill-lightgrey-p2 g { fill: var(--lightgrey-p2); }
-.fill-lightgrey-p1 path,
-.fill-lightgrey-p1 g { fill: var(--lightgrey-p1); }
-.fill-lightgrey-m1 path,
-.fill-lightgrey-m1 g { fill: var(--lightgrey-m1); }
-.fill-lightgrey-m2 path,
-.fill-lightgrey-m2 g { fill: var(--lightgrey-m2); }
-
-.fill-whitegrey-p2 path,
-.fill-whitegrey-p2 g { fill: var(--whitegrey-p2); }
-.fill-whitegrey-p1 path,
-.fill-whitegrey-p1 g { fill: var(--whitegrey-p1); }
-.fill-whitegrey-m1 path,
-.fill-whitegrey-m1 g { fill: var(--whitegrey-m1); }
-.fill-whitegrey-m2 path,
-.fill-whitegrey-m2 g { fill: var(--whitegrey-m2); }
-
-.fill-color-inherit path,
-.fill-color-inherit g { fill: inherit; }
-
-.fill-white path,
-.fill-white g { fill: var(--white) }
-
-
-.stroke-blue path,
-.stroke-blue path path,
-.stroke-blue g { stroke: var(--blue); }
-.stroke-green path,
-.stroke-green g { stroke: var(--green); }
-.stroke-purple path,
-.stroke-purple g { stroke: var(--purple); }
-.stroke-yellow path,
-.stroke-yellow g { stroke: var(--yellow); }
-.stroke-red path,
-.stroke-red g { stroke: var(--red); }
-.stroke-pink path,
-.stroke-pink g { stroke: var(--pink); }
-.stroke-white path,
-.stroke-white g { stroke: var(--white); }
-
-.stroke-white-10 path,
-.stroke-white-10 g { stroke: var(--white-10); }
-.stroke-white-20 path,
-.stroke-white-20 g { stroke: var(--white-20); }
-.stroke-white-30 path,
-.stroke-white-30 g { stroke: var(--white-30); }
-.stroke-white-40 path,
-.stroke-white-40 g { stroke: var(--white-40); }
-.stroke-white-50 path,
-.stroke-white-50 g { stroke: var(--white-50); }
-.stroke-white-60 path,
-.stroke-white-60 g { stroke: var(--white-60); }
-.stroke-white-70 path,
-.stroke-white-70 g { stroke: var(--white-70); }
-.stroke-white-80 path,
-.stroke-white-80 g { stroke: var(--white-80); }
-.stroke-white-90 path,
-.stroke-white-90 g { stroke: var(--white-90); }
-
-.stroke-black-10 path,
-.stroke-black-10 g { stroke: var(--black-10); }
-.stroke-black-20 path,
-.stroke-black-20 g { stroke: var(--black-20); }
-.stroke-black-30 path,
-.stroke-black-30 g { stroke: var(--black-30); }
-.stroke-black-40 path,
-.stroke-black-40 g { stroke: var(--black-40); }
-.stroke-black-50 path,
-.stroke-black-50 g { stroke: var(--black-50); }
-.stroke-black-60 path,
-.stroke-black-60 g { stroke: var(--black-60); }
-.stroke-black-70 path,
-.stroke-black-70 g { stroke: var(--black-70); }
-.stroke-black-80 path,
-.stroke-black-80 g { stroke: var(--black-80); }
-.stroke-black-90 path,
-.stroke-black-90 g { stroke: var(--black-90); }
-
-.stroke-darkgrey path,
-.stroke-darkgrey g { stroke: var(--darkgrey); }
-.stroke-middarkgrey path,
-.stroke-middarkgrey g { stroke: var(--middarkgrey); }
-.stroke-midgrey path,
-.stroke-midgrey g { stroke: var(--midgrey); }
-.stroke-midlightgrey path,
-.stroke-midlightgrey g { stroke: var(--midlightgrey); }
-.stroke-lightgrey path,
-.stroke-lightgrey g { stroke: var(--lightgrey); }
-.stroke-whitegrey path,
-.stroke-whitegrey g { stroke: var(--whitegrey); }
-
-/* Shades */
-.stroke-blue-p3 path,
-.stroke-blue-p3 g { stroke: var(--blue-p3); }
-.stroke-blue-p2 path,
-.stroke-blue-p2 g { stroke: var(--blue-p2); }
-.stroke-blue-p1 path,
-.stroke-blue-p1 g { stroke: var(--blue-p1); }
-.stroke-blue-m1 path,
-.stroke-blue-m1 g { stroke: var(--blue-m1); }
-.stroke-blue-m2 path,
-.stroke-blue-m2 g { stroke: var(--blue-m2); }
-.stroke-blue-m3 path,
-.stroke-blue-m3 g { stroke: var(--blue-m3); }
-
-.stroke-green-p3 path,
-.stroke-green-p3 g { stroke: var(--green-p3); }
-.stroke-green-p2 path,
-.stroke-green-p2 g { stroke: var(--green-p2); }
-.stroke-green-p1 path,
-.stroke-green-p1 g { stroke: var(--green-p1); }
-.stroke-green-m1 path,
-.stroke-green-m1 g { stroke: var(--green-m1); }
-.stroke-green-m2 path,
-.stroke-green-m2 g { stroke: var(--green-m2); }
-.stroke-green-m3 path,
-.stroke-green-m3 g { stroke: var(--green-m3); }
-
-.stroke-purple-p3 path,
-.stroke-purple-p3 g { stroke: var(--purple-p3); }
-.stroke-purple-p2 path,
-.stroke-purple-p2 g { stroke: var(--purple-p2); }
-.stroke-purple-p1 path,
-.stroke-purple-p1 g { stroke: var(--purple-p1); }
-.stroke-purple-m1 path,
-.stroke-purple-m1 g { stroke: var(--purple-m1); }
-.stroke-purple-m2 path,
-.stroke-purple-m2 g { stroke: var(--purple-m2); }
-.stroke-purple-m3 path,
-.stroke-purple-m3 g { stroke: var(--purple-m3); }
-
-.stroke-yellow-p3 path,
-.stroke-yellow-p3 g { stroke: var(--yellow-p3); }
-.stroke-yellow-p2 path,
-.stroke-yellow-p2 g { stroke: var(--yellow-p2); }
-.stroke-yellow-p1 path,
-.stroke-yellow-p1 g { stroke: var(--yellow-p1); }
-.stroke-yellow-m1 path,
-.stroke-yellow-m1 g { stroke: var(--yellow-m1); }
-.stroke-yellow-m2 path,
-.stroke-yellow-m2 g { stroke: var(--yellow-m2); }
-.stroke-yellow-m3 path,
-.stroke-yellow-m3 g { stroke: var(--yellow-m3); }
-
-.stroke-red-p3 path,
-.stroke-red-p3 g { stroke: var(--red-p3); }
-.stroke-red-p2 path,
-.stroke-red-p2 g { stroke: var(--red-p2); }
-.stroke-red-p1 path,
-.stroke-red-p1 g { stroke: var(--red-p1); }
-.stroke-red-m1 path,
-.stroke-red-m1 g { stroke: var(--red-m1); }
-.stroke-red-m2 path,
-.stroke-red-m2 g { stroke: var(--red-m2); }
-.stroke-red-m3 path,
-.stroke-red-m3 g { stroke: var(--red-m3); }
-
-.stroke-pink-p3 path,
-.stroke-pink-p3 g { stroke: var(--pink-p3); }
-.stroke-pink-p2 path,
-.stroke-pink-p2 g { stroke: var(--pink-p2); }
-.stroke-pink-p1 path,
-.stroke-pink-p1 g { stroke: var(--pink-p1); }
-.stroke-pink-m1 path,
-.stroke-pink-m1 g { stroke: var(--pink-m1); }
-.stroke-pink-m2 path,
-.stroke-pink-m2 g { stroke: var(--pink-m2); }
-.stroke-pink-m3 path,
-.stroke-pink-m3 g { stroke: var(--pink-m3); }
-
-.stroke-darkgrey-p2 path,
-.stroke-darkgrey-p2 g { stroke: var(--darkgrey-p2); }
-.stroke-darkgrey-p1 path,
-.stroke-darkgrey-p1 g { stroke: var(--darkgrey-p1); }
-.stroke-darkgrey-m1 path,
-.stroke-darkgrey-m1 g { stroke: var(--darkgrey-m1); }
-.stroke-darkgrey-m2 path,
-.stroke-darkgrey-m2 g { stroke: var(--darkgrey-m2); }
-
-.stroke-middarkgrey-p2 path,
-.stroke-middarkgrey-p2 g { stroke: var(--middarkgrey-p2); }
-.stroke-middarkgrey-p1 path,
-.stroke-middarkgrey-p1 g { stroke: var(--middarkgrey-p1); }
-.stroke-middarkgrey-m1 path,
-.stroke-middarkgrey-m1 g { stroke: var(--middarkgrey-m1); }
-.stroke-middarkgrey-m2 path,
-.stroke-middarkgrey-m2 g { stroke: var(--middarkgrey-m2); }
-
-.stroke-midgrey-p2 path,
-.stroke-midgrey-p2 g { stroke: var(--midgrey-p2); }
-.stroke-midgrey-p1 path,
-.stroke-midgrey-p1 g { stroke: var(--midgrey-p1); }
-.stroke-midgrey-m1 path,
-.stroke-midgrey-m1 g { stroke: var(--midgrey-m1); }
-.stroke-midgrey-m2 path,
-.stroke-midgrey-m2 g { stroke: var(--midgrey-m2); }
-
-.stroke-midlightgrey-p2 path,
-.stroke-midlightgrey-p2 g { stroke: var(--midlightgrey-p2); }
-.stroke-midlightgrey-p1 path,
-.stroke-midlightgrey-p1 g { stroke: var(--midlightgrey-p1); }
-.stroke-midlightgrey-m1 path,
-.stroke-midlightgrey-m1 g { stroke: var(--midlightgrey-m1); }
-.stroke-midlightgrey-m2 path,
-.stroke-midlightgrey-m2 g { stroke: var(--midlightgrey-m2); }
-
-.stroke-lightgrey-p2 path,
-.stroke-lightgrey-p2 g { stroke: var(--lightgrey-p2); }
-.stroke-lightgrey-p1 path,
-.stroke-lightgrey-p1 g { stroke: var(--lightgrey-p1); }
-.stroke-lightgrey-m1 path,
-.stroke-lightgrey-m1 g { stroke: var(--lightgrey-m1); }
-.stroke-lightgrey-m2 path,
-.stroke-lightgrey-m2 g { stroke: var(--lightgrey-m2); }
-
-.stroke-whitegrey-p2 path,
-.stroke-whitegrey-p2 g { stroke: var(--whitegrey-p2); }
-.stroke-whitegrey-p1 path,
-.stroke-whitegrey-p1 g { stroke: var(--whitegrey-p1); }
-.stroke-whitegrey-m1 path,
-.stroke-whitegrey-m1 g { stroke: var(--whitegrey-m1); }
-.stroke-whitegrey-m2 path,
-.stroke-whitegrey-m2 g { stroke: var(--whitegrey-m2); }
-
-.stroke-color-inherit path,
-.stroke-color-inherit g { stroke: inherit; }
-
-.stroke-white path,
-.stroke-white g { stroke: var(--white) }
-
-
-/* Custom icon sizes */
-.ih1 { height: .8rem; }
-.iw1 { width: .8rem; }
-
-.ih2 { height: 1.2rem; }
-.iw2 { width: 1.2rem; }
-
-.ih3 { height: 1.6rem; }
-.iw3 { width: 1.6rem; }
-
-.ih4 { height: 2.0rem; }
-.iw4 { width: 2.0rem; }
-
-.ih5 { height: 2.4rem; }
-.iw5 { width: 2.4rem; }
-
-.ih6 { height: 3.2rem; }
-.iw6 { width: 3.2rem; }
-
-
-@media (--breakpoint-not-small) {
- .ih1-ns { height: .8rem; }
- .iw1-ns { width: .8rem; }
- .ih2-ns { height: 1.2rem; }
- .iw2-ns { width: 1.2rem; }
- .ih3-ns { height: 1.6rem; }
- .iw3-ns { width: 1.6rem; }
- .ih4-ns { height: 2.0rem; }
- .iw4-ns { width: 2.0rem; }
- .ih5-ns { height: 2.4rem; }
- .iw5-ns { width: 2.4rem; }
- .ih6-ns { height: 3.2rem; }
- .iw6-ns { width: 3.2rem; }
-}
-
-@media (--breakpoint-medium) {
- .ih1-m { height: .8rem; }
- .iw1-m { width: .8rem; }
- .ih2-m { height: 1.2rem; }
- .iw2-m { width: 1.2rem; }
- .ih3-m { height: 1.6rem; }
- .iw3-m { width: 1.6rem; }
- .ih4-m { height: 2.0rem; }
- .iw4-m { width: 2.0rem; }
- .ih5-m { height: 2.4rem; }
- .iw5-m { width: 2.4rem; }
- .ih6-m { height: 3.2rem; }
- .iw6-m { width: 3.2rem; }
-}
-
-@media (--breakpoint-large) {
- .ih1-l { height: .8rem; }
- .iw1-l { width: .8rem; }
- .ih2-l { height: 1.2rem; }
- .iw2-l { width: 1.2rem; }
- .ih3-l { height: 1.6rem; }
- .iw3-l { width: 1.6rem; }
- .ih4-l { height: 2.0rem; }
- .iw4-l { width: 2.0rem; }
- .ih5-l { height: 2.4rem; }
- .iw5-l { width: 2.4rem; }
- .ih6-l { height: 3.2rem; }
- .iw6-l { width: 3.2rem; }
-}
diff --git a/app/styles/spirit-product/_images.css b/app/styles/spirit-product/_images.css
deleted file mode 100644
index 73380eacd7..0000000000
--- a/app/styles/spirit-product/_images.css
+++ /dev/null
@@ -1,3 +0,0 @@
-/* Responsive images! */
-
-img { max-width: 100%; }
diff --git a/app/styles/spirit-product/_letter-spacing.css b/app/styles/spirit-product/_letter-spacing.css
deleted file mode 100644
index 37e111a4e0..0000000000
--- a/app/styles/spirit-product/_letter-spacing.css
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-
-.tracked-1 { letter-spacing: .02rem; }
-.tracked-2 { letter-spacing: .04rem; }
-.tracked-3 { letter-spacing: .06rem; }
-
-
-@media (--breakpoint-not-small) {
- .tracked-1-ns { letter-spacing: .02rem; }
- .tracked-2-ns { letter-spacing: .04rem; }
- .tracked-3-ns { letter-spacing: .06rem; }
-}
-
-@media (--breakpoint-medium) {
- .tracked-1-m { letter-spacing: .02rem; }
- .tracked-2-m { letter-spacing: .04rem; }
- .tracked-3-m { letter-spacing: .06rem; }
-}
-
-@media (--breakpoint-large) {
- .tracked-1-l { letter-spacing: .02rem; }
- .tracked-2-l { letter-spacing: .04rem; }
- .tracked-3-l { letter-spacing: .06rem; }
-}
diff --git a/app/styles/spirit-product/_line-height.css b/app/styles/spirit-product/_line-height.css
deleted file mode 100644
index 2ee1182545..0000000000
--- a/app/styles/spirit-product/_line-height.css
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-:root {
- --lh-1-1: 1.1em;
- --lh-1-3: 1.333em;
- --lh-1-4: 1.4em;
- --lh-1-6: 1.6em;
- --lh-2-0: 2.0em;
-}
-
-.lh-solid { line-height: var(--lh-1-1); }
-.lh-heading { line-height: var(--lh-1-3); }
-.lh-title { line-height: var(--lh-1-4); }
-.lh-copy { line-height: var(--lh-1-6); }
-.lh-list { line-height: 3.2rem; }
-.lh-code { line-height: var(--lh-1-3); }
-
-@media (--breakpoint-not-small) {
- .lh-solid-ns { line-height: var(--lh-1-1); }
- .lh-heading-ns { line-height: var(--lh-1-3); }
- .lh-title-ns { line-height: var(--lh-1-4); }
- .lh-copy-ns { line-height: var(--lh-1-6); }
- .lh-list-ns { line-height: var(--lh-2-0); }
- .lh-code-ns { line-height: var(--lh-1-3); }
-}
-
-@media (--breakpoint-medium) {
- .lh-solid-m { line-height: var(--lh-1-1); }
- .lh-heading-m { line-height: var(--lh-1-3); }
- .lh-title-m { line-height: var(--lh-1-4); }
- .lh-copy-m { line-height: var(--lh-1-6); }
- .lh-list-m { line-height: var(--lh-2-0); }
- .lh-code-m { line-height: var(--lh-1-3); }
-}
-
-@media (--breakpoint-large) {
- .lh-solid-l { line-height: var(--lh-1-1); }
- .lh-heading-l { line-height: var(--lh-1-3); }
- .lh-title-l { line-height: var(--lh-1-4); }
- .lh-copy-l { line-height: var(--lh-1-6); }
- .lh-list-l { line-height: var(--lh-2-0); }
- .lh-code-l { line-height: var(--lh-1-3); }
-}
diff --git a/app/styles/spirit-product/_links.css b/app/styles/spirit-product/_links.css
deleted file mode 100644
index 35ef50903f..0000000000
--- a/app/styles/spirit-product/_links.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.link {
- text-decoration: none;
- transition: color .15s ease-in;
-}
-
-.link:link,
-.link:visited {
- transition: color .15s ease-in;
-}
-.link:hover {
- transition: color .15s ease-in;
-}
-.link:active {
- transition: color .15s ease-in;
-}
-.link:focus {
- transition: color .15s ease-in;
- outline: 1px dotted currentColor;
-}
diff --git a/app/styles/spirit-product/_lists.css b/app/styles/spirit-product/_lists.css
deleted file mode 100644
index 8015f12f62..0000000000
--- a/app/styles/spirit-product/_lists.css
+++ /dev/null
@@ -1 +0,0 @@
-.list { list-style-type: none; }
diff --git a/app/styles/spirit-product/_max-widths.css b/app/styles/spirit-product/_max-widths.css
deleted file mode 100644
index f5e6c0b1f8..0000000000
--- a/app/styles/spirit-product/_max-widths.css
+++ /dev/null
@@ -1,178 +0,0 @@
-/*
-
- Base:
- mw = max width
-
- Value:
- (n) = (n * grid size)
- -(m) = (m)%
- -s = small
- -m = medium
- -l = large
- -xl = extra large
- -none = none
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.mw1 { max-width: calc(var(--grid-size) * 1); }
-.mw2 { max-width: calc(var(--grid-size) * 2); }
-.mw3 { max-width: calc(var(--grid-size) * 3); }
-.mw4 { max-width: calc(var(--grid-size) * 4); }
-.mw5 { max-width: calc(var(--grid-size) * 5); }
-.mw6 { max-width: calc(var(--grid-size) * 6); }
-.mw7 { max-width: calc(var(--grid-size) * 7); }
-.mw8 { max-width: calc(var(--grid-size) * 8); }
-.mw9 { max-width: calc(var(--grid-size) * 9); }
-.mw10 { max-width: calc(var(--grid-size) * 10); }
-.mw11 { max-width: calc(var(--grid-size) * 11); }
-.mw12 { max-width: calc(var(--grid-size) * 12); }
-.mw13 { max-width: calc(var(--grid-size) * 13); }
-.mw14 { max-width: calc(var(--grid-size) * 14); }
-.mw15 { max-width: calc(var(--grid-size) * 15); }
-.mw16 { max-width: calc(var(--grid-size) * 16); }
-.mw17 { max-width: calc(var(--grid-size) * 17); }
-.mw18 { max-width: calc(var(--grid-size) * 18); }
-.mw19 { max-width: calc(var(--grid-size) * 19); }
-.mw20 { max-width: calc(var(--grid-size) * 20); }
-.mw25 { max-width: calc(var(--grid-size) * 25); }
-.mw30 { max-width: calc(var(--grid-size) * 30); }
-.mw40 { max-width: calc(var(--grid-size) * 40); }
-.mw50 { max-width: calc(var(--grid-size) * 50); }
-.mw70 { max-width: calc(var(--grid-size) * 70); }
-.mw88 { max-width: calc(var(--grid-size) * 88); }
-
-.mw-70 { max-width: 70%; }
-.mw-80 { max-width: 80%; }
-.mw-90 { max-width: 90%; }
-.mw-100 { max-width: 100%; }
-
-.mw-s { max-width: 48rem; }
-.mw-m { max-width: 68rem; }
-.mw-l { max-width: 98rem; }
-.mw-xl { max-width: 114rem; }
-.mw-none { max-width: none; }
-
-@media (--breakpoint-not-small) {
- .mw1-ns { max-width: calc(var(--grid-size) * 1); }
- .mw2-ns { max-width: calc(var(--grid-size) * 2); }
- .mw3-ns { max-width: calc(var(--grid-size) * 3); }
- .mw4-ns { max-width: calc(var(--grid-size) * 4); }
- .mw5-ns { max-width: calc(var(--grid-size) * 5); }
- .mw6-ns { max-width: calc(var(--grid-size) * 6); }
- .mw7-ns { max-width: calc(var(--grid-size) * 7); }
- .mw8-ns { max-width: calc(var(--grid-size) * 8); }
- .mw9-ns { max-width: calc(var(--grid-size) * 9); }
- .mw10-ns { max-width: calc(var(--grid-size) * 10); }
- .mw11-ns { max-width: calc(var(--grid-size) * 11); }
- .mw12-ns { max-width: calc(var(--grid-size) * 12); }
- .mw13-ns { max-width: calc(var(--grid-size) * 13); }
- .mw14-ns { max-width: calc(var(--grid-size) * 14); }
- .mw15-ns { max-width: calc(var(--grid-size) * 15); }
- .mw16-ns { max-width: calc(var(--grid-size) * 16); }
- .mw17-ns { max-width: calc(var(--grid-size) * 17); }
- .mw18-ns { max-width: calc(var(--grid-size) * 18); }
- .mw19-ns { max-width: calc(var(--grid-size) * 19); }
- .mw20-ns { max-width: calc(var(--grid-size) * 20); }
- .mw25-ns { max-width: calc(var(--grid-size) * 25); }
- .mw30-ns { max-width: calc(var(--grid-size) * 30); }
- .mw40-ns { max-width: calc(var(--grid-size) * 40); }
- .mw50-ns { max-width: calc(var(--grid-size) * 50); }
- .mw70-ns { max-width: calc(var(--grid-size) * 70); }
- .mw88-ns { max-width: calc(var(--grid-size) * 88); }
-
- .mw-70-ns { max-width: 70%; }
- .mw-80-ns { max-width: 80%; }
- .mw-90-ns { max-width: 90%; }
- .mw-100-ns { max-width: 100%; }
-
- .mw-s-ns { max-width: 48rem; }
- .mw-m-ns { max-width: 68rem; }
- .mw-l-ns { max-width: 98rem; }
- .mw-xl-ns { max-width: 114rem; }
- .mw-none-ns { max-width: none; }
-}
-
-@media (--breakpoint-medium) {
- .mw1-m { max-width: calc(var(--grid-size) * 1); }
- .mw2-m { max-width: calc(var(--grid-size) * 2); }
- .mw3-m { max-width: calc(var(--grid-size) * 3); }
- .mw4-m { max-width: calc(var(--grid-size) * 4); }
- .mw5-m { max-width: calc(var(--grid-size) * 5); }
- .mw6-m { max-width: calc(var(--grid-size) * 6); }
- .mw7-m { max-width: calc(var(--grid-size) * 7); }
- .mw8-m { max-width: calc(var(--grid-size) * 8); }
- .mw9-m { max-width: calc(var(--grid-size) * 9); }
- .mw10-m { max-width: calc(var(--grid-size) * 10); }
- .mw11-m { max-width: calc(var(--grid-size) * 11); }
- .mw12-m { max-width: calc(var(--grid-size) * 12); }
- .mw13-m { max-width: calc(var(--grid-size) * 13); }
- .mw14-m { max-width: calc(var(--grid-size) * 14); }
- .mw15-m { max-width: calc(var(--grid-size) * 15); }
- .mw16-m { max-width: calc(var(--grid-size) * 16); }
- .mw17-m { max-width: calc(var(--grid-size) * 17); }
- .mw18-m { max-width: calc(var(--grid-size) * 18); }
- .mw19-m { max-width: calc(var(--grid-size) * 19); }
- .mw20-m { max-width: calc(var(--grid-size) * 20); }
- .mw25-m { max-width: calc(var(--grid-size) * 25); }
- .mw30-m { max-width: calc(var(--grid-size) * 30); }
- .mw40-m { max-width: calc(var(--grid-size) * 40); }
- .mw50-m { max-width: calc(var(--grid-size) * 50); }
- .mw70-m { max-width: calc(var(--grid-size) * 70); }
- .mw88-m { max-width: calc(var(--grid-size) * 88); }
-
- .mw-70-m { max-width: 70%; }
- .mw-80-m { max-width: 80%; }
- .mw-90-m { max-width: 90%; }
- .mw-100-m { max-width: 100%; }
-
- .mw-s-m { max-width: 48rem; }
- .mw-m-m { max-width: 68rem; }
- .mw-l-m { max-width: 98rem; }
- .mw-xl-m { max-width: 114rem; }
- .mw-none-m { max-width: none; }
-}
-
-@media (--breakpoint-large) {
- .mw1-l { max-width: calc(var(--grid-size) * 1); }
- .mw2-l { max-width: calc(var(--grid-size) * 2); }
- .mw3-l { max-width: calc(var(--grid-size) * 3); }
- .mw4-l { max-width: calc(var(--grid-size) * 4); }
- .mw5-l { max-width: calc(var(--grid-size) * 5); }
- .mw6-l { max-width: calc(var(--grid-size) * 6); }
- .mw7-l { max-width: calc(var(--grid-size) * 7); }
- .mw8-l { max-width: calc(var(--grid-size) * 8); }
- .mw9-l { max-width: calc(var(--grid-size) * 9); }
- .mw10-l { max-width: calc(var(--grid-size) * 10); }
- .mw11-l { max-width: calc(var(--grid-size) * 11); }
- .mw12-l { max-width: calc(var(--grid-size) * 12); }
- .mw13-l { max-width: calc(var(--grid-size) * 13); }
- .mw14-l { max-width: calc(var(--grid-size) * 14); }
- .mw15-l { max-width: calc(var(--grid-size) * 15); }
- .mw16-l { max-width: calc(var(--grid-size) * 16); }
- .mw17-l { max-width: calc(var(--grid-size) * 17); }
- .mw18-l { max-width: calc(var(--grid-size) * 18); }
- .mw19-l { max-width: calc(var(--grid-size) * 19); }
- .mw20-l { max-width: calc(var(--grid-size) * 20); }
- .mw25-l { max-width: calc(var(--grid-size) * 25); }
- .mw30-l { max-width: calc(var(--grid-size) * 30); }
- .mw40-l { max-width: calc(var(--grid-size) * 40); }
- .mw50-l { max-width: calc(var(--grid-size) * 50); }
- .mw70-l { max-width: calc(var(--grid-size) * 70); }
- .mw88-l { max-width: calc(var(--grid-size) * 88); }
-
- .mw-70-l { max-width: 70%; }
- .mw-80-l { max-width: 80%; }
- .mw-90-l { max-width: 90%; }
- .mw-100-l { max-width: 100%; }
-
- .mw-s-l { max-width: 48rem; }
- .mw-l-l { max-width: 68rem; }
- .mw-l-l { max-width: 98rem; }
- .mw-xl-l { max-width: 114rem; }
- .mw-none-l { max-width: none; }
-}
diff --git a/app/styles/spirit-product/_media-queries.css b/app/styles/spirit-product/_media-queries.css
deleted file mode 100644
index 2853aa6a02..0000000000
--- a/app/styles/spirit-product/_media-queries.css
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
-
- The media queries can be referenced like so:
-
- @media (--breakpoint-not-small) {
- .medium-and-larger-specific-style {
- background-color: red;
- }
- }
-
- @media (--breakpoint-medium) {
- .medium-screen-specific-style {
- background-color: red;
- }
- }
-
- @media (--breakpoint-large) {
- .large-and-larger-screen-specific-style {
- background-color: red;
- }
- }
-
-*/
-
-/* Media Queries */
-@custom-media --breakpoint-not-small screen and (min-width: 44rem);
-@custom-media --breakpoint-medium screen and (min-width: 44rem) and (max-width: 66rem);
-@custom-media --breakpoint-large screen and (min-width: 66rem);
diff --git a/app/styles/spirit-product/_min-heights.css b/app/styles/spirit-product/_min-heights.css
deleted file mode 100644
index d9c4834972..0000000000
--- a/app/styles/spirit-product/_min-heights.css
+++ /dev/null
@@ -1,158 +0,0 @@
-/*
-
- Base:
- mih = min height
-
- Value:
- (n) = (n * grid size)
- -(m) = percentage value
- -none = none
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.mih1 { min-height: calc(var(--grid-size) * 1); }
-.mih2 { min-height: calc(var(--grid-size) * 2); }
-.mih3 { min-height: calc(var(--grid-size) * 3); }
-.mih4 { min-height: calc(var(--grid-size) * 4); }
-.mih5 { min-height: calc(var(--grid-size) * 5); }
-.mih6 { min-height: calc(var(--grid-size) * 6); }
-.mih7 { min-height: calc(var(--grid-size) * 7); }
-.mih8 { min-height: calc(var(--grid-size) * 8); }
-.mih9 { min-height: calc(var(--grid-size) * 9); }
-.mih10 { min-height: calc(var(--grid-size) * 10); }
-.mih11 { min-height: calc(var(--grid-size) * 11); }
-.mih12 { min-height: calc(var(--grid-size) * 12); }
-.mih13 { min-height: calc(var(--grid-size) * 13); }
-.mih14 { min-height: calc(var(--grid-size) * 14); }
-.mih15 { min-height: calc(var(--grid-size) * 15); }
-.mih16 { min-height: calc(var(--grid-size) * 16); }
-.mih17 { min-height: calc(var(--grid-size) * 17); }
-.mih18 { min-height: calc(var(--grid-size) * 18); }
-.mih19 { min-height: calc(var(--grid-size) * 19); }
-.mih20 { min-height: calc(var(--grid-size) * 20); }
-.mih25 { min-height: calc(var(--grid-size) * 25); }
-.mih30 { min-height: calc(var(--grid-size) * 30); }
-.mih40 { min-height: calc(var(--grid-size) * 40); }
-.mih50 { min-height: calc(var(--grid-size) * 50); }
-.mih70 { min-height: calc(var(--grid-size) * 70); }
-.mih88 { min-height: calc(var(--grid-size) * 88); }
-
-.mih-70 { min-height: 70%; }
-.mih-80 { min-height: 80%; }
-.mih-90 { min-height: 90%; }
-.mih-100 { min-height: 100%; }
-
-.mih-none { min-height: none; }
-
-@media (--breakpoint-not-small) {
- .mih1-ns { min-height: calc(var(--grid-size) * 1); }
- .mih2-ns { min-height: calc(var(--grid-size) * 2); }
- .mih3-ns { min-height: calc(var(--grid-size) * 3); }
- .mih4-ns { min-height: calc(var(--grid-size) * 4); }
- .mih5-ns { min-height: calc(var(--grid-size) * 5); }
- .mih6-ns { min-height: calc(var(--grid-size) * 6); }
- .mih7-ns { min-height: calc(var(--grid-size) * 7); }
- .mih8-ns { min-height: calc(var(--grid-size) * 8); }
- .mih9-ns { min-height: calc(var(--grid-size) * 9); }
- .mih10-ns { min-height: calc(var(--grid-size) * 10); }
- .mih11-ns { min-height: calc(var(--grid-size) * 11); }
- .mih12-ns { min-height: calc(var(--grid-size) * 12); }
- .mih13-ns { min-height: calc(var(--grid-size) * 13); }
- .mih14-ns { min-height: calc(var(--grid-size) * 14); }
- .mih15-ns { min-height: calc(var(--grid-size) * 15); }
- .mih16-ns { min-height: calc(var(--grid-size) * 16); }
- .mih17-ns { min-height: calc(var(--grid-size) * 17); }
- .mih18-ns { min-height: calc(var(--grid-size) * 18); }
- .mih19-ns { min-height: calc(var(--grid-size) * 19); }
- .mih20-ns { min-height: calc(var(--grid-size) * 20); }
- .mih25-ns { min-height: calc(var(--grid-size) * 25); }
- .mih30-ns { min-height: calc(var(--grid-size) * 30); }
- .mih40-ns { min-height: calc(var(--grid-size) * 40); }
- .mih50-ns { min-height: calc(var(--grid-size) * 50); }
- .mih70-ns { min-height: calc(var(--grid-size) * 70); }
- .mih88-ns { min-height: calc(var(--grid-size) * 88); }
-
- .mih-70-ns { min-height: 70%; }
- .mih-80-ns { min-height: 80%; }
- .mih-90-ns { min-height: 90%; }
- .mih-100-ns { min-height: 100%; }
-
- .mih-none-ns { min-height: none; }
-}
-
-@media (--breakpoint-medium) {
- .mih1-m { min-height: calc(var(--grid-size) * 1); }
- .mih2-m { min-height: calc(var(--grid-size) * 2); }
- .mih3-m { min-height: calc(var(--grid-size) * 3); }
- .mih4-m { min-height: calc(var(--grid-size) * 4); }
- .mih5-m { min-height: calc(var(--grid-size) * 5); }
- .mih6-m { min-height: calc(var(--grid-size) * 6); }
- .mih7-m { min-height: calc(var(--grid-size) * 7); }
- .mih8-m { min-height: calc(var(--grid-size) * 8); }
- .mih9-m { min-height: calc(var(--grid-size) * 9); }
- .mih10-m { min-height: calc(var(--grid-size) * 10); }
- .mih11-m { min-height: calc(var(--grid-size) * 11); }
- .mih12-m { min-height: calc(var(--grid-size) * 12); }
- .mih13-m { min-height: calc(var(--grid-size) * 13); }
- .mih14-m { min-height: calc(var(--grid-size) * 14); }
- .mih15-m { min-height: calc(var(--grid-size) * 15); }
- .mih16-m { min-height: calc(var(--grid-size) * 16); }
- .mih17-m { min-height: calc(var(--grid-size) * 17); }
- .mih18-m { min-height: calc(var(--grid-size) * 18); }
- .mih19-m { min-height: calc(var(--grid-size) * 19); }
- .mih20-m { min-height: calc(var(--grid-size) * 20); }
- .mih25-m { min-height: calc(var(--grid-size) * 25); }
- .mih30-m { min-height: calc(var(--grid-size) * 30); }
- .mih40-m { min-height: calc(var(--grid-size) * 40); }
- .mih50-m { min-height: calc(var(--grid-size) * 50); }
- .mih70-m { min-height: calc(var(--grid-size) * 70); }
- .mih88-m { min-height: calc(var(--grid-size) * 88); }
-
- .mih-70-m { min-height: 70%; }
- .mih-80-m { min-height: 80%; }
- .mih-90-m { min-height: 90%; }
- .mih-100-m { min-height: 100%; }
-
- .mih-none-m { min-height: none; }
-}
-
-@media (--breakpoint-large) {
- .mih-70-l { min-height: 70%; }
- .mih-80-l { min-height: 80%; }
- .mih-90-l { min-height: 90%; }
- .mih-100-l { min-height: 100%; }
-
- .mih1-l { min-height: calc(var(--grid-size) * 1); }
- .mih2-l { min-height: calc(var(--grid-size) * 2); }
- .mih3-l { min-height: calc(var(--grid-size) * 3); }
- .mih4-l { min-height: calc(var(--grid-size) * 4); }
- .mih5-l { min-height: calc(var(--grid-size) * 5); }
- .mih6-l { min-height: calc(var(--grid-size) * 6); }
- .mih7-l { min-height: calc(var(--grid-size) * 7); }
- .mih8-l { min-height: calc(var(--grid-size) * 8); }
- .mih9-l { min-height: calc(var(--grid-size) * 9); }
- .mih10-l { min-height: calc(var(--grid-size) * 10); }
- .mih11-l { min-height: calc(var(--grid-size) * 11); }
- .mih12-l { min-height: calc(var(--grid-size) * 12); }
- .mih13-l { min-height: calc(var(--grid-size) * 13); }
- .mih14-l { min-height: calc(var(--grid-size) * 14); }
- .mih15-l { min-height: calc(var(--grid-size) * 15); }
- .mih16-l { min-height: calc(var(--grid-size) * 16); }
- .mih17-l { min-height: calc(var(--grid-size) * 17); }
- .mih18-l { min-height: calc(var(--grid-size) * 18); }
- .mih19-l { min-height: calc(var(--grid-size) * 19); }
- .mih20-l { min-height: calc(var(--grid-size) * 20); }
- .mih25-l { min-height: calc(var(--grid-size) * 25); }
- .mih30-l { min-height: calc(var(--grid-size) * 30); }
- .mih40-l { min-height: calc(var(--grid-size) * 40); }
- .mih50-l { min-height: calc(var(--grid-size) * 50); }
- .mih70-l { min-height: calc(var(--grid-size) * 70); }
- .mih88-l { min-height: calc(var(--grid-size) * 88); }
-
- .mih-none-l { min-height: none; }
-}
diff --git a/app/styles/spirit-product/_min-widths.css b/app/styles/spirit-product/_min-widths.css
deleted file mode 100644
index 40b298c6a3..0000000000
--- a/app/styles/spirit-product/_min-widths.css
+++ /dev/null
@@ -1,178 +0,0 @@
-/*
-
- Base:
- miw = min width
-
- Value:
- (n) = (n * grid size)
- -(m) = (m)%
- -s = small
- -m = medium
- -l = large
- -xl = extra large
- -none = none
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.miw1 { min-width: calc(var(--grid-size) * 1); }
-.miw2 { min-width: calc(var(--grid-size) * 2); }
-.miw3 { min-width: calc(var(--grid-size) * 3); }
-.miw4 { min-width: calc(var(--grid-size) * 4); }
-.miw5 { min-width: calc(var(--grid-size) * 5); }
-.miw6 { min-width: calc(var(--grid-size) * 6); }
-.miw7 { min-width: calc(var(--grid-size) * 7); }
-.miw8 { min-width: calc(var(--grid-size) * 8); }
-.miw9 { min-width: calc(var(--grid-size) * 9); }
-.miw10 { min-width: calc(var(--grid-size) * 10); }
-.miw11 { min-width: calc(var(--grid-size) * 11); }
-.miw12 { min-width: calc(var(--grid-size) * 12); }
-.miw13 { min-width: calc(var(--grid-size) * 13); }
-.miw14 { min-width: calc(var(--grid-size) * 14); }
-.miw15 { min-width: calc(var(--grid-size) * 15); }
-.miw16 { min-width: calc(var(--grid-size) * 16); }
-.miw17 { min-width: calc(var(--grid-size) * 17); }
-.miw18 { min-width: calc(var(--grid-size) * 18); }
-.miw19 { min-width: calc(var(--grid-size) * 19); }
-.miw20 { min-width: calc(var(--grid-size) * 20); }
-.miw25 { min-width: calc(var(--grid-size) * 25); }
-.miw30 { min-width: calc(var(--grid-size) * 30); }
-.miw40 { min-width: calc(var(--grid-size) * 40); }
-.miw50 { min-width: calc(var(--grid-size) * 50); }
-.miw70 { min-width: calc(var(--grid-size) * 70); }
-.miw88 { min-width: calc(var(--grid-size) * 88); }
-
-.miw-70 { min-width: 70%; }
-.miw-80 { min-width: 80%; }
-.miw-90 { min-width: 90%; }
-.miw-100 { min-width: 100%; }
-
-.miw-s { min-width: 48rem; }
-.miw-m { min-width: 68rem; }
-.miw-l { min-width: 98rem; }
-.miw-xl { min-width: 114rem; }
-.miw-none { min-width: none; }
-
-@media (--breakpoint-not-small) {
- .miw1-ns { min-width: calc(var(--grid-size) * 1); }
- .miw2-ns { min-width: calc(var(--grid-size) * 2); }
- .miw3-ns { min-width: calc(var(--grid-size) * 3); }
- .miw4-ns { min-width: calc(var(--grid-size) * 4); }
- .miw5-ns { min-width: calc(var(--grid-size) * 5); }
- .miw6-ns { min-width: calc(var(--grid-size) * 6); }
- .miw7-ns { min-width: calc(var(--grid-size) * 7); }
- .miw8-ns { min-width: calc(var(--grid-size) * 8); }
- .miw9-ns { min-width: calc(var(--grid-size) * 9); }
- .miw10-ns { min-width: calc(var(--grid-size) * 10); }
- .miw11-ns { min-width: calc(var(--grid-size) * 11); }
- .miw12-ns { min-width: calc(var(--grid-size) * 12); }
- .miw13-ns { min-width: calc(var(--grid-size) * 13); }
- .miw14-ns { min-width: calc(var(--grid-size) * 14); }
- .miw15-ns { min-width: calc(var(--grid-size) * 15); }
- .miw16-ns { min-width: calc(var(--grid-size) * 16); }
- .miw17-ns { min-width: calc(var(--grid-size) * 17); }
- .miw18-ns { min-width: calc(var(--grid-size) * 18); }
- .miw19-ns { min-width: calc(var(--grid-size) * 19); }
- .miw20-ns { min-width: calc(var(--grid-size) * 20); }
- .miw25-ns { min-width: calc(var(--grid-size) * 25); }
- .miw30-ns { min-width: calc(var(--grid-size) * 30); }
- .miw40-ns { min-width: calc(var(--grid-size) * 40); }
- .miw50-ns { min-width: calc(var(--grid-size) * 50); }
- .miw70-ns { min-width: calc(var(--grid-size) * 70); }
- .miw88-ns { min-width: calc(var(--grid-size) * 88); }
-
- .miw-70-ns { min-width: 70%; }
- .miw-80-ns { min-width: 80%; }
- .miw-90-ns { min-width: 90%; }
- .miw-100-ns { min-width: 100%; }
-
- .miw-s-ns { min-width: 48rem; }
- .miw-m-ns { min-width: 68rem; }
- .miw-l-ns { min-width: 98rem; }
- .miw-xl-ns { min-width: 114rem; }
- .miw-none-ns { min-width: none; }
-}
-
-@media (--breakpoint-medium) {
- .miw1-m { min-width: calc(var(--grid-size) * 1); }
- .miw2-m { min-width: calc(var(--grid-size) * 2); }
- .miw3-m { min-width: calc(var(--grid-size) * 3); }
- .miw4-m { min-width: calc(var(--grid-size) * 4); }
- .miw5-m { min-width: calc(var(--grid-size) * 5); }
- .miw6-m { min-width: calc(var(--grid-size) * 6); }
- .miw7-m { min-width: calc(var(--grid-size) * 7); }
- .miw8-m { min-width: calc(var(--grid-size) * 8); }
- .miw9-m { min-width: calc(var(--grid-size) * 9); }
- .miw10-m { min-width: calc(var(--grid-size) * 10); }
- .miw11-m { min-width: calc(var(--grid-size) * 11); }
- .miw12-m { min-width: calc(var(--grid-size) * 12); }
- .miw13-m { min-width: calc(var(--grid-size) * 13); }
- .miw14-m { min-width: calc(var(--grid-size) * 14); }
- .miw15-m { min-width: calc(var(--grid-size) * 15); }
- .miw16-m { min-width: calc(var(--grid-size) * 16); }
- .miw17-m { min-width: calc(var(--grid-size) * 17); }
- .miw18-m { min-width: calc(var(--grid-size) * 18); }
- .miw19-m { min-width: calc(var(--grid-size) * 19); }
- .miw20-m { min-width: calc(var(--grid-size) * 20); }
- .miw25-m { min-width: calc(var(--grid-size) * 25); }
- .miw30-m { min-width: calc(var(--grid-size) * 30); }
- .miw40-m { min-width: calc(var(--grid-size) * 40); }
- .miw50-m { min-width: calc(var(--grid-size) * 50); }
- .miw70-m { min-width: calc(var(--grid-size) * 70); }
- .miw88-m { min-width: calc(var(--grid-size) * 88); }
-
- .miw-70-m { min-width: 70%; }
- .miw-80-m { min-width: 80%; }
- .miw-90-m { min-width: 90%; }
- .miw-100-m { min-width: 100%; }
-
- .miw-s-m { min-width: 48rem; }
- .miw-m-m { min-width: 68rem; }
- .miw-l-m { min-width: 98rem; }
- .miw-xl-m { min-width: 114rem; }
- .miw-none-m { min-width: none; }
-}
-
-@media (--breakpoint-large) {
- .miw1-l { min-width: calc(var(--grid-size) * 1); }
- .miw2-l { min-width: calc(var(--grid-size) * 2); }
- .miw3-l { min-width: calc(var(--grid-size) * 3); }
- .miw4-l { min-width: calc(var(--grid-size) * 4); }
- .miw5-l { min-width: calc(var(--grid-size) * 5); }
- .miw6-l { min-width: calc(var(--grid-size) * 6); }
- .miw7-l { min-width: calc(var(--grid-size) * 7); }
- .miw8-l { min-width: calc(var(--grid-size) * 8); }
- .miw9-l { min-width: calc(var(--grid-size) * 9); }
- .miw10-l { min-width: calc(var(--grid-size) * 10); }
- .miw11-l { min-width: calc(var(--grid-size) * 11); }
- .miw12-l { min-width: calc(var(--grid-size) * 12); }
- .miw13-l { min-width: calc(var(--grid-size) * 13); }
- .miw14-l { min-width: calc(var(--grid-size) * 14); }
- .miw15-l { min-width: calc(var(--grid-size) * 15); }
- .miw16-l { min-width: calc(var(--grid-size) * 16); }
- .miw17-l { min-width: calc(var(--grid-size) * 17); }
- .miw18-l { min-width: calc(var(--grid-size) * 18); }
- .miw19-l { min-width: calc(var(--grid-size) * 19); }
- .miw20-l { min-width: calc(var(--grid-size) * 20); }
- .miw25-l { min-width: calc(var(--grid-size) * 25); }
- .miw30-l { min-width: calc(var(--grid-size) * 30); }
- .miw40-l { min-width: calc(var(--grid-size) * 40); }
- .miw50-l { min-width: calc(var(--grid-size) * 50); }
- .miw70-l { min-width: calc(var(--grid-size) * 70); }
- .miw88-l { min-width: calc(var(--grid-size) * 88); }
-
- .miw-70-l { min-width: 70%; }
- .miw-80-l { min-width: 80%; }
- .miw-90-l { min-width: 90%; }
- .miw-100-l { min-width: 100%; }
-
- .miw-s-l { min-width: 48rem; }
- .miw-m-l { min-width: 68rem; }
- .miw-l-l { min-width: 98rem; }
- .miw-xl-l { min-width: 114rem; }
- .miw-none-l { min-width: none; }
-}
diff --git a/app/styles/spirit-product/_module-template.css b/app/styles/spirit-product/_module-template.css
deleted file mode 100644
index 0447e0c1e4..0000000000
--- a/app/styles/spirit-product/_module-template.css
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
-
- MODULE NAME
-
- Use this scaffolding to create or extend your own modules with tachyons
- style architecture.
-
-*/
-
-
-@media (--breakpoint-not-small) {
-
-}
-
-@media (--breakpoint-medium) {
-
-}
-
-@media (--breakpoint-large) {
-
-}
-
diff --git a/app/styles/spirit-product/_negative-margins.css b/app/styles/spirit-product/_negative-margins.css
deleted file mode 100644
index fd885d4270..0000000000
--- a/app/styles/spirit-product/_negative-margins.css
+++ /dev/null
@@ -1,526 +0,0 @@
-.na0 { margin: 0; }
-.na1 { margin: calc(-var(--grid-size) * 1); }
-.na2 { margin: calc(-var(--grid-size) * 2); }
-.na3 { margin: calc(-var(--grid-size) * 3); }
-.na4 { margin: calc(-var(--grid-size) * 4); }
-.na5 { margin: calc(-var(--grid-size) * 5); }
-.na6 { margin: calc(-var(--grid-size) * 6); }
-.na7 { margin: calc(-var(--grid-size) * 7); }
-.na8 { margin: calc(-var(--grid-size) * 8); }
-.na9 { margin: calc(-var(--grid-size) * 9); }
-.na10 { margin: calc(-var(--grid-size) * 10); }
-.na11 { margin: calc(-var(--grid-size) * 11); }
-.na12 { margin: calc(-var(--grid-size) * 12); }
-.na13 { margin: calc(-var(--grid-size) * 13); }
-.na14 { margin: calc(-var(--grid-size) * 14); }
-.na15 { margin: calc(-var(--grid-size) * 15); }
-.na16 { margin: calc(-var(--grid-size) * 16); }
-.na17 { margin: calc(-var(--grid-size) * 17); }
-.na18 { margin: calc(-var(--grid-size) * 18); }
-.na19 { margin: calc(-var(--grid-size) * 19); }
-.na20 { margin: calc(-var(--grid-size) * 20); }
-.na25 { margin: calc(-var(--grid-size) * 25); }
-.na30 { margin: calc(-var(--grid-size) * 30); }
-.na40 { margin: calc(-var(--grid-size) * 40); }
-.na50 { margin: calc(-var(--grid-size) * 50); }
-
-.nr0 { margin-right: 0; }
-.nr1 { margin-right: calc(-var(--grid-size) * 1); }
-.nr2 { margin-right: calc(-var(--grid-size) * 2); }
-.nr3 { margin-right: calc(-var(--grid-size) * 3); }
-.nr4 { margin-right: calc(-var(--grid-size) * 4); }
-.nr5 { margin-right: calc(-var(--grid-size) * 5); }
-.nr6 { margin-right: calc(-var(--grid-size) * 6); }
-.nr7 { margin-right: calc(-var(--grid-size) * 7); }
-.nr8 { margin-right: calc(-var(--grid-size) * 8); }
-.nr9 { margin-right: calc(-var(--grid-size) * 9); }
-.nr10 { margin-right: calc(-var(--grid-size) * 10); }
-.nr11 { margin-right: calc(-var(--grid-size) * 11); }
-.nr12 { margin-right: calc(-var(--grid-size) * 12); }
-.nr13 { margin-right: calc(-var(--grid-size) * 13); }
-.nr14 { margin-right: calc(-var(--grid-size) * 14); }
-.nr15 { margin-right: calc(-var(--grid-size) * 15); }
-.nr16 { margin-right: calc(-var(--grid-size) * 16); }
-.nr17 { margin-right: calc(-var(--grid-size) * 17); }
-.nr18 { margin-right: calc(-var(--grid-size) * 18); }
-.nr19 { margin-right: calc(-var(--grid-size) * 19); }
-.nr20 { margin-right: calc(-var(--grid-size) * 20); }
-.nr25 { margin-right: calc(-var(--grid-size) * 25); }
-.nr30 { margin-right: calc(-var(--grid-size) * 30); }
-.nr40 { margin-right: calc(-var(--grid-size) * 40); }
-.nr50 { margin-right: calc(-var(--grid-size) * 50); }
-
-.nb0 { margin-bottom: 0; }
-.nb1 { margin-bottom: calc(-var(--grid-size) * 1); }
-.nb2 { margin-bottom: calc(-var(--grid-size) * 2); }
-.nb3 { margin-bottom: calc(-var(--grid-size) * 3); }
-.nb4 { margin-bottom: calc(-var(--grid-size) * 4); }
-.nb5 { margin-bottom: calc(-var(--grid-size) * 5); }
-.nb6 { margin-bottom: calc(-var(--grid-size) * 6); }
-.nb7 { margin-bottom: calc(-var(--grid-size) * 7); }
-.nb8 { margin-bottom: calc(-var(--grid-size) * 8); }
-.nb9 { margin-bottom: calc(-var(--grid-size) * 9); }
-.nb10 { margin-bottom: calc(-var(--grid-size) * 10); }
-.nb11 { margin-bottom: calc(-var(--grid-size) * 11); }
-.nb12 { margin-bottom: calc(-var(--grid-size) * 12); }
-.nb13 { margin-bottom: calc(-var(--grid-size) * 13); }
-.nb14 { margin-bottom: calc(-var(--grid-size) * 14); }
-.nb15 { margin-bottom: calc(-var(--grid-size) * 15); }
-.nb16 { margin-bottom: calc(-var(--grid-size) * 16); }
-.nb17 { margin-bottom: calc(-var(--grid-size) * 17); }
-.nb18 { margin-bottom: calc(-var(--grid-size) * 18); }
-.nb19 { margin-bottom: calc(-var(--grid-size) * 19); }
-.nb20 { margin-bottom: calc(-var(--grid-size) * 20); }
-.nb25 { margin-bottom: calc(-var(--grid-size) * 25); }
-.nb30 { margin-bottom: calc(-var(--grid-size) * 30); }
-.nb40 { margin-bottom: calc(-var(--grid-size) * 40); }
-.nb50 { margin-bottom: calc(-var(--grid-size) * 50); }
-
-.nl0 { margin-left: 0; }
-.nl1 { margin-left: calc(-var(--grid-size) * 1); }
-.nl2 { margin-left: calc(-var(--grid-size) * 2); }
-.nl3 { margin-left: calc(-var(--grid-size) * 3); }
-.nl4 { margin-left: calc(-var(--grid-size) * 4); }
-.nl5 { margin-left: calc(-var(--grid-size) * 5); }
-.nl6 { margin-left: calc(-var(--grid-size) * 6); }
-.nl7 { margin-left: calc(-var(--grid-size) * 7); }
-.nl8 { margin-left: calc(-var(--grid-size) * 8); }
-.nl9 { margin-left: calc(-var(--grid-size) * 9); }
-.nl10 { margin-left: calc(-var(--grid-size) * 10); }
-.nl11 { margin-left: calc(-var(--grid-size) * 11); }
-.nl12 { margin-left: calc(-var(--grid-size) * 12); }
-.nl13 { margin-left: calc(-var(--grid-size) * 13); }
-.nl14 { margin-left: calc(-var(--grid-size) * 14); }
-.nl15 { margin-left: calc(-var(--grid-size) * 15); }
-.nl16 { margin-left: calc(-var(--grid-size) * 16); }
-.nl17 { margin-left: calc(-var(--grid-size) * 17); }
-.nl18 { margin-left: calc(-var(--grid-size) * 18); }
-.nl19 { margin-left: calc(-var(--grid-size) * 19); }
-.nl20 { margin-left: calc(-var(--grid-size) * 20); }
-.nl25 { margin-left: calc(-var(--grid-size) * 25); }
-.nl30 { margin-left: calc(-var(--grid-size) * 30); }
-.nl40 { margin-left: calc(-var(--grid-size) * 40); }
-.nl50 { margin-left: calc(-var(--grid-size) * 50); }
-
-.nt0 { margin-top: 0; }
-.nt1 { margin-top: calc(-var(--grid-size) * 1); }
-.nt2 { margin-top: calc(-var(--grid-size) * 2); }
-.nt3 { margin-top: calc(-var(--grid-size) * 3); }
-.nt4 { margin-top: calc(-var(--grid-size) * 4); }
-.nt5 { margin-top: calc(-var(--grid-size) * 5); }
-.nt6 { margin-top: calc(-var(--grid-size) * 6); }
-.nt7 { margin-top: calc(-var(--grid-size) * 7); }
-.nt8 { margin-top: calc(-var(--grid-size) * 8); }
-.nt9 { margin-top: calc(-var(--grid-size) * 9); }
-.nt10 { margin-top: calc(-var(--grid-size) * 10); }
-.nt11 { margin-top: calc(-var(--grid-size) * 11); }
-.nt12 { margin-top: calc(-var(--grid-size) * 12); }
-.nt13 { margin-top: calc(-var(--grid-size) * 13); }
-.nt14 { margin-top: calc(-var(--grid-size) * 14); }
-.nt15 { margin-top: calc(-var(--grid-size) * 15); }
-.nt16 { margin-top: calc(-var(--grid-size) * 16); }
-.nt17 { margin-top: calc(-var(--grid-size) * 17); }
-.nt18 { margin-top: calc(-var(--grid-size) * 18); }
-.nt19 { margin-top: calc(-var(--grid-size) * 19); }
-.nt20 { margin-top: calc(-var(--grid-size) * 20); }
-.nt25 { margin-top: calc(-var(--grid-size) * 25); }
-.nt30 { margin-top: calc(-var(--grid-size) * 30); }
-.nt40 { margin-top: calc(-var(--grid-size) * 40); }
-.nt50 { margin-top: calc(-var(--grid-size) * 50); }
-
-
-@media (--breakpoint-not-small) {
- .na0-ns { margin: 0; }
- .na1-ns { margin: calc(-var(--grid-size) * 1); }
- .na2-ns { margin: calc(-var(--grid-size) * 2); }
- .na3-ns { margin: calc(-var(--grid-size) * 3); }
- .na4-ns { margin: calc(-var(--grid-size) * 4); }
- .na5-ns { margin: calc(-var(--grid-size) * 5); }
- .na6-ns { margin: calc(-var(--grid-size) * 6); }
- .na7-ns { margin: calc(-var(--grid-size) * 7); }
- .na8-ns { margin: calc(-var(--grid-size) * 8); }
- .na9-ns { margin: calc(-var(--grid-size) * 9); }
- .na10-ns { margin: calc(-var(--grid-size) * 10); }
- .na11-ns { margin: calc(-var(--grid-size) * 11); }
- .na12-ns { margin: calc(-var(--grid-size) * 12); }
- .na13-ns { margin: calc(-var(--grid-size) * 13); }
- .na14-ns { margin: calc(-var(--grid-size) * 14); }
- .na15-ns { margin: calc(-var(--grid-size) * 15); }
- .na16-ns { margin: calc(-var(--grid-size) * 16); }
- .na17-ns { margin: calc(-var(--grid-size) * 17); }
- .na18-ns { margin: calc(-var(--grid-size) * 18); }
- .na19-ns { margin: calc(-var(--grid-size) * 19); }
- .na20-ns { margin: calc(-var(--grid-size) * 20); }
- .na25-ns { margin: calc(-var(--grid-size) * 25); }
- .na30-ns { margin: calc(-var(--grid-size) * 30); }
- .na40-ns { margin: calc(-var(--grid-size) * 40); }
- .na50-ns { margin: calc(-var(--grid-size) * 50); }
-
- .nr0-ns { margin-right: 0; }
- .nr1-ns { margin-right: calc(-var(--grid-size) * 1); }
- .nr2-ns { margin-right: calc(-var(--grid-size) * 2); }
- .nr3-ns { margin-right: calc(-var(--grid-size) * 3); }
- .nr4-ns { margin-right: calc(-var(--grid-size) * 4); }
- .nr5-ns { margin-right: calc(-var(--grid-size) * 5); }
- .nr6-ns { margin-right: calc(-var(--grid-size) * 6); }
- .nr7-ns { margin-right: calc(-var(--grid-size) * 7); }
- .nr8-ns { margin-right: calc(-var(--grid-size) * 8); }
- .nr9-ns { margin-right: calc(-var(--grid-size) * 9); }
- .nr10-ns { margin-right: calc(-var(--grid-size) * 10); }
- .nr11-ns { margin-right: calc(-var(--grid-size) * 11); }
- .nr12-ns { margin-right: calc(-var(--grid-size) * 12); }
- .nr13-ns { margin-right: calc(-var(--grid-size) * 13); }
- .nr14-ns { margin-right: calc(-var(--grid-size) * 14); }
- .nr15-ns { margin-right: calc(-var(--grid-size) * 15); }
- .nr16-ns { margin-right: calc(-var(--grid-size) * 16); }
- .nr17-ns { margin-right: calc(-var(--grid-size) * 17); }
- .nr18-ns { margin-right: calc(-var(--grid-size) * 18); }
- .nr19-ns { margin-right: calc(-var(--grid-size) * 19); }
- .nr20-ns { margin-right: calc(-var(--grid-size) * 20); }
- .nr25-ns { margin-right: calc(-var(--grid-size) * 25); }
- .nr30-ns { margin-right: calc(-var(--grid-size) * 30); }
- .nr40-ns { margin-right: calc(-var(--grid-size) * 40); }
- .nr50-ns { margin-right: calc(-var(--grid-size) * 50); }
-
- .nb0-ns { margin-bottom: 0; }
- .nb1-ns { margin-bottom: calc(-var(--grid-size) * 1); }
- .nb2-ns { margin-bottom: calc(-var(--grid-size) * 2); }
- .nb3-ns { margin-bottom: calc(-var(--grid-size) * 3); }
- .nb4-ns { margin-bottom: calc(-var(--grid-size) * 4); }
- .nb5-ns { margin-bottom: calc(-var(--grid-size) * 5); }
- .nb6-ns { margin-bottom: calc(-var(--grid-size) * 6); }
- .nb7-ns { margin-bottom: calc(-var(--grid-size) * 7); }
- .nb8-ns { margin-bottom: calc(-var(--grid-size) * 8); }
- .nb9-ns { margin-bottom: calc(-var(--grid-size) * 9); }
- .nb10-ns { margin-bottom: calc(-var(--grid-size) * 10); }
- .nb11-ns { margin-bottom: calc(-var(--grid-size) * 11); }
- .nb12-ns { margin-bottom: calc(-var(--grid-size) * 12); }
- .nb13-ns { margin-bottom: calc(-var(--grid-size) * 13); }
- .nb14-ns { margin-bottom: calc(-var(--grid-size) * 14); }
- .nb15-ns { margin-bottom: calc(-var(--grid-size) * 15); }
- .nb16-ns { margin-bottom: calc(-var(--grid-size) * 16); }
- .nb17-ns { margin-bottom: calc(-var(--grid-size) * 17); }
- .nb18-ns { margin-bottom: calc(-var(--grid-size) * 18); }
- .nb19-ns { margin-bottom: calc(-var(--grid-size) * 19); }
- .nb20-ns { margin-bottom: calc(-var(--grid-size) * 20); }
- .nb25-ns { margin-bottom: calc(-var(--grid-size) * 25); }
- .nb30-ns { margin-bottom: calc(-var(--grid-size) * 30); }
- .nb40-ns { margin-bottom: calc(-var(--grid-size) * 40); }
- .nb50-ns { margin-bottom: calc(-var(--grid-size) * 50); }
-
- .nl0-ns { margin-left: 0; }
- .nl1-ns { margin-left: calc(-var(--grid-size) * 1); }
- .nl2-ns { margin-left: calc(-var(--grid-size) * 2); }
- .nl3-ns { margin-left: calc(-var(--grid-size) * 3); }
- .nl4-ns { margin-left: calc(-var(--grid-size) * 4); }
- .nl5-ns { margin-left: calc(-var(--grid-size) * 5); }
- .nl6-ns { margin-left: calc(-var(--grid-size) * 6); }
- .nl7-ns { margin-left: calc(-var(--grid-size) * 7); }
- .nl8-ns { margin-left: calc(-var(--grid-size) * 8); }
- .nl9-ns { margin-left: calc(-var(--grid-size) * 9); }
- .nl10-ns { margin-left: calc(-var(--grid-size) * 10); }
- .nl11-ns { margin-left: calc(-var(--grid-size) * 11); }
- .nl12-ns { margin-left: calc(-var(--grid-size) * 12); }
- .nl13-ns { margin-left: calc(-var(--grid-size) * 13); }
- .nl14-ns { margin-left: calc(-var(--grid-size) * 14); }
- .nl15-ns { margin-left: calc(-var(--grid-size) * 15); }
- .nl16-ns { margin-left: calc(-var(--grid-size) * 16); }
- .nl17-ns { margin-left: calc(-var(--grid-size) * 17); }
- .nl18-ns { margin-left: calc(-var(--grid-size) * 18); }
- .nl19-ns { margin-left: calc(-var(--grid-size) * 19); }
- .nl20-ns { margin-left: calc(-var(--grid-size) * 20); }
- .nl25-ns { margin-left: calc(-var(--grid-size) * 25); }
- .nl30-ns { margin-left: calc(-var(--grid-size) * 30); }
- .nl40-ns { margin-left: calc(-var(--grid-size) * 40); }
- .nl50-ns { margin-left: calc(-var(--grid-size) * 50); }
-
- .nt0-ns { margin-top: 0; }
- .nt1-ns { margin-top: calc(-var(--grid-size) * 1); }
- .nt2-ns { margin-top: calc(-var(--grid-size) * 2); }
- .nt3-ns { margin-top: calc(-var(--grid-size) * 3); }
- .nt4-ns { margin-top: calc(-var(--grid-size) * 4); }
- .nt5-ns { margin-top: calc(-var(--grid-size) * 5); }
- .nt6-ns { margin-top: calc(-var(--grid-size) * 6); }
- .nt7-ns { margin-top: calc(-var(--grid-size) * 7); }
- .nt8-ns { margin-top: calc(-var(--grid-size) * 8); }
- .nt9-ns { margin-top: calc(-var(--grid-size) * 9); }
- .nt10-ns { margin-top: calc(-var(--grid-size) * 10); }
- .nt11-ns { margin-top: calc(-var(--grid-size) * 11); }
- .nt12-ns { margin-top: calc(-var(--grid-size) * 12); }
- .nt13-ns { margin-top: calc(-var(--grid-size) * 13); }
- .nt14-ns { margin-top: calc(-var(--grid-size) * 14); }
- .nt15-ns { margin-top: calc(-var(--grid-size) * 15); }
- .nt16-ns { margin-top: calc(-var(--grid-size) * 16); }
- .nt17-ns { margin-top: calc(-var(--grid-size) * 17); }
- .nt18-ns { margin-top: calc(-var(--grid-size) * 18); }
- .nt19-ns { margin-top: calc(-var(--grid-size) * 19); }
- .nt20-ns { margin-top: calc(-var(--grid-size) * 20); }
- .nt25-ns { margin-top: calc(-var(--grid-size) * 25); }
- .nt30-ns { margin-top: calc(-var(--grid-size) * 30); }
- .nt40-ns { margin-top: calc(-var(--grid-size) * 40); }
- .nt50-ns { margin-top: calc(-var(--grid-size) * 50); }
-}
-
-@media (--breakpoint-medium) {
- .na0-m { margin: 0; }
- .na1-m { margin: calc(-var(--grid-size) * 1); }
- .na2-m { margin: calc(-var(--grid-size) * 2); }
- .na3-m { margin: calc(-var(--grid-size) * 3); }
- .na4-m { margin: calc(-var(--grid-size) * 4); }
- .na5-m { margin: calc(-var(--grid-size) * 5); }
- .na6-m { margin: calc(-var(--grid-size) * 6); }
- .na7-m { margin: calc(-var(--grid-size) * 7); }
- .na8-m { margin: calc(-var(--grid-size) * 8); }
- .na9-m { margin: calc(-var(--grid-size) * 9); }
- .na10-m { margin: calc(-var(--grid-size) * 10); }
- .na11-m { margin: calc(-var(--grid-size) * 11); }
- .na12-m { margin: calc(-var(--grid-size) * 12); }
- .na13-m { margin: calc(-var(--grid-size) * 13); }
- .na14-m { margin: calc(-var(--grid-size) * 14); }
- .na15-m { margin: calc(-var(--grid-size) * 15); }
- .na16-m { margin: calc(-var(--grid-size) * 16); }
- .na17-m { margin: calc(-var(--grid-size) * 17); }
- .na18-m { margin: calc(-var(--grid-size) * 18); }
- .na19-m { margin: calc(-var(--grid-size) * 19); }
- .na20-m { margin: calc(-var(--grid-size) * 20); }
- .na25-m { margin: calc(-var(--grid-size) * 25); }
- .na30-m { margin: calc(-var(--grid-size) * 30); }
- .na40-m { margin: calc(-var(--grid-size) * 40); }
- .na50-m { margin: calc(-var(--grid-size) * 50); }
-
- .nr0-m { margin-right: 0; }
- .nr1-m { margin-right: calc(-var(--grid-size) * 1); }
- .nr2-m { margin-right: calc(-var(--grid-size) * 2); }
- .nr3-m { margin-right: calc(-var(--grid-size) * 3); }
- .nr4-m { margin-right: calc(-var(--grid-size) * 4); }
- .nr5-m { margin-right: calc(-var(--grid-size) * 5); }
- .nr6-m { margin-right: calc(-var(--grid-size) * 6); }
- .nr7-m { margin-right: calc(-var(--grid-size) * 7); }
- .nr8-m { margin-right: calc(-var(--grid-size) * 8); }
- .nr9-m { margin-right: calc(-var(--grid-size) * 9); }
- .nr10-m { margin-right: calc(-var(--grid-size) * 10); }
- .nr11-m { margin-right: calc(-var(--grid-size) * 11); }
- .nr12-m { margin-right: calc(-var(--grid-size) * 12); }
- .nr13-m { margin-right: calc(-var(--grid-size) * 13); }
- .nr14-m { margin-right: calc(-var(--grid-size) * 14); }
- .nr15-m { margin-right: calc(-var(--grid-size) * 15); }
- .nr16-m { margin-right: calc(-var(--grid-size) * 16); }
- .nr17-m { margin-right: calc(-var(--grid-size) * 17); }
- .nr18-m { margin-right: calc(-var(--grid-size) * 18); }
- .nr19-m { margin-right: calc(-var(--grid-size) * 19); }
- .nr20-m { margin-right: calc(-var(--grid-size) * 20); }
- .nr25-m { margin-right: calc(-var(--grid-size) * 25); }
- .nr30-m { margin-right: calc(-var(--grid-size) * 30); }
- .nr40-m { margin-right: calc(-var(--grid-size) * 40); }
- .nr50-m { margin-right: calc(-var(--grid-size) * 50); }
-
- .nb0-m { margin-bottom: 0; }
- .nb1-m { margin-bottom: calc(-var(--grid-size) * 1); }
- .nb2-m { margin-bottom: calc(-var(--grid-size) * 2); }
- .nb3-m { margin-bottom: calc(-var(--grid-size) * 3); }
- .nb4-m { margin-bottom: calc(-var(--grid-size) * 4); }
- .nb5-m { margin-bottom: calc(-var(--grid-size) * 5); }
- .nb6-m { margin-bottom: calc(-var(--grid-size) * 6); }
- .nb7-m { margin-bottom: calc(-var(--grid-size) * 7); }
- .nb8-m { margin-bottom: calc(-var(--grid-size) * 8); }
- .nb9-m { margin-bottom: calc(-var(--grid-size) * 9); }
- .nb10-m { margin-bottom: calc(-var(--grid-size) * 10); }
- .nb11-m { margin-bottom: calc(-var(--grid-size) * 11); }
- .nb12-m { margin-bottom: calc(-var(--grid-size) * 12); }
- .nb13-m { margin-bottom: calc(-var(--grid-size) * 13); }
- .nb14-m { margin-bottom: calc(-var(--grid-size) * 14); }
- .nb15-m { margin-bottom: calc(-var(--grid-size) * 15); }
- .nb16-m { margin-bottom: calc(-var(--grid-size) * 16); }
- .nb17-m { margin-bottom: calc(-var(--grid-size) * 17); }
- .nb18-m { margin-bottom: calc(-var(--grid-size) * 18); }
- .nb19-m { margin-bottom: calc(-var(--grid-size) * 19); }
- .nb20-m { margin-bottom: calc(-var(--grid-size) * 20); }
- .nb25-m { margin-bottom: calc(-var(--grid-size) * 25); }
- .nb30-m { margin-bottom: calc(-var(--grid-size) * 30); }
- .nb40-m { margin-bottom: calc(-var(--grid-size) * 40); }
- .nb50-m { margin-bottom: calc(-var(--grid-size) * 50); }
-
- .nl0-m { margin-left: 0; }
- .nl1-m { margin-left: calc(-var(--grid-size) * 1); }
- .nl2-m { margin-left: calc(-var(--grid-size) * 2); }
- .nl3-m { margin-left: calc(-var(--grid-size) * 3); }
- .nl4-m { margin-left: calc(-var(--grid-size) * 4); }
- .nl5-m { margin-left: calc(-var(--grid-size) * 5); }
- .nl6-m { margin-left: calc(-var(--grid-size) * 6); }
- .nl7-m { margin-left: calc(-var(--grid-size) * 7); }
- .nl8-m { margin-left: calc(-var(--grid-size) * 8); }
- .nl9-m { margin-left: calc(-var(--grid-size) * 9); }
- .nl10-m { margin-left: calc(-var(--grid-size) * 10); }
- .nl11-m { margin-left: calc(-var(--grid-size) * 11); }
- .nl12-m { margin-left: calc(-var(--grid-size) * 12); }
- .nl13-m { margin-left: calc(-var(--grid-size) * 13); }
- .nl14-m { margin-left: calc(-var(--grid-size) * 14); }
- .nl15-m { margin-left: calc(-var(--grid-size) * 15); }
- .nl16-m { margin-left: calc(-var(--grid-size) * 16); }
- .nl17-m { margin-left: calc(-var(--grid-size) * 17); }
- .nl18-m { margin-left: calc(-var(--grid-size) * 18); }
- .nl19-m { margin-left: calc(-var(--grid-size) * 19); }
- .nl20-m { margin-left: calc(-var(--grid-size) * 20); }
- .nl25-m { margin-left: calc(-var(--grid-size) * 25); }
- .nl30-m { margin-left: calc(-var(--grid-size) * 30); }
- .nl40-m { margin-left: calc(-var(--grid-size) * 40); }
- .nl50-m { margin-left: calc(-var(--grid-size) * 50); }
-
- .nt0-m { margin-top: 0; }
- .nt1-m { margin-top: calc(-var(--grid-size) * 1); }
- .nt2-m { margin-top: calc(-var(--grid-size) * 2); }
- .nt3-m { margin-top: calc(-var(--grid-size) * 3); }
- .nt4-m { margin-top: calc(-var(--grid-size) * 4); }
- .nt5-m { margin-top: calc(-var(--grid-size) * 5); }
- .nt6-m { margin-top: calc(-var(--grid-size) * 6); }
- .nt7-m { margin-top: calc(-var(--grid-size) * 7); }
- .nt8-m { margin-top: calc(-var(--grid-size) * 8); }
- .nt9-m { margin-top: calc(-var(--grid-size) * 9); }
- .nt10-m { margin-top: calc(-var(--grid-size) * 10); }
- .nt11-m { margin-top: calc(-var(--grid-size) * 11); }
- .nt12-m { margin-top: calc(-var(--grid-size) * 12); }
- .nt13-m { margin-top: calc(-var(--grid-size) * 13); }
- .nt14-m { margin-top: calc(-var(--grid-size) * 14); }
- .nt15-m { margin-top: calc(-var(--grid-size) * 15); }
- .nt16-m { margin-top: calc(-var(--grid-size) * 16); }
- .nt17-m { margin-top: calc(-var(--grid-size) * 17); }
- .nt18-m { margin-top: calc(-var(--grid-size) * 18); }
- .nt19-m { margin-top: calc(-var(--grid-size) * 19); }
- .nt20-m { margin-top: calc(-var(--grid-size) * 20); }
- .nt25-m { margin-top: calc(-var(--grid-size) * 25); }
- .nt30-m { margin-top: calc(-var(--grid-size) * 30); }
- .nt40-m { margin-top: calc(-var(--grid-size) * 40); }
- .nt50-m { margin-top: calc(-var(--grid-size) * 50); }
-}
-
-@media (--breakpoint-large) {
- .na0-l { margin: 0; }
- .na1-l { margin: calc(-var(--grid-size) * 1); }
- .na2-l { margin: calc(-var(--grid-size) * 2); }
- .na3-l { margin: calc(-var(--grid-size) * 3); }
- .na4-l { margin: calc(-var(--grid-size) * 4); }
- .na5-l { margin: calc(-var(--grid-size) * 5); }
- .na6-l { margin: calc(-var(--grid-size) * 6); }
- .na7-l { margin: calc(-var(--grid-size) * 7); }
- .na8-l { margin: calc(-var(--grid-size) * 8); }
- .na9-l { margin: calc(-var(--grid-size) * 9); }
- .na10-l { margin: calc(-var(--grid-size) * 10); }
- .na11-l { margin: calc(-var(--grid-size) * 11); }
- .na12-l { margin: calc(-var(--grid-size) * 12); }
- .na13-l { margin: calc(-var(--grid-size) * 13); }
- .na14-l { margin: calc(-var(--grid-size) * 14); }
- .na15-l { margin: calc(-var(--grid-size) * 15); }
- .na16-l { margin: calc(-var(--grid-size) * 16); }
- .na17-l { margin: calc(-var(--grid-size) * 17); }
- .na18-l { margin: calc(-var(--grid-size) * 18); }
- .na19-l { margin: calc(-var(--grid-size) * 19); }
- .na20-l { margin: calc(-var(--grid-size) * 20); }
- .na25-l { margin: calc(-var(--grid-size) * 25); }
- .na30-l { margin: calc(-var(--grid-size) * 30); }
- .na40-l { margin: calc(-var(--grid-size) * 40); }
- .na50-l { margin: calc(-var(--grid-size) * 50); }
-
- .nr0-l { margin-right: 0; }
- .nr1-l { margin-right: calc(-var(--grid-size) * 1); }
- .nr2-l { margin-right: calc(-var(--grid-size) * 2); }
- .nr3-l { margin-right: calc(-var(--grid-size) * 3); }
- .nr4-l { margin-right: calc(-var(--grid-size) * 4); }
- .nr5-l { margin-right: calc(-var(--grid-size) * 5); }
- .nr6-l { margin-right: calc(-var(--grid-size) * 6); }
- .nr7-l { margin-right: calc(-var(--grid-size) * 7); }
- .nr8-l { margin-right: calc(-var(--grid-size) * 8); }
- .nr9-l { margin-right: calc(-var(--grid-size) * 9); }
- .nr10-l { margin-right: calc(-var(--grid-size) * 10); }
- .nr11-l { margin-right: calc(-var(--grid-size) * 11); }
- .nr12-l { margin-right: calc(-var(--grid-size) * 12); }
- .nr13-l { margin-right: calc(-var(--grid-size) * 13); }
- .nr14-l { margin-right: calc(-var(--grid-size) * 14); }
- .nr15-l { margin-right: calc(-var(--grid-size) * 15); }
- .nr16-l { margin-right: calc(-var(--grid-size) * 16); }
- .nr17-l { margin-right: calc(-var(--grid-size) * 17); }
- .nr18-l { margin-right: calc(-var(--grid-size) * 18); }
- .nr19-l { margin-right: calc(-var(--grid-size) * 19); }
- .nr20-l { margin-right: calc(-var(--grid-size) * 20); }
- .nr25-l { margin-right: calc(-var(--grid-size) * 25); }
- .nr30-l { margin-right: calc(-var(--grid-size) * 30); }
- .nr40-l { margin-right: calc(-var(--grid-size) * 40); }
- .nr50-l { margin-right: calc(-var(--grid-size) * 50); }
-
- .nb0-l { margin-bottom: 0; }
- .nb1-l { margin-bottom: calc(-var(--grid-size) * 1); }
- .nb2-l { margin-bottom: calc(-var(--grid-size) * 2); }
- .nb3-l { margin-bottom: calc(-var(--grid-size) * 3); }
- .nb4-l { margin-bottom: calc(-var(--grid-size) * 4); }
- .nb5-l { margin-bottom: calc(-var(--grid-size) * 5); }
- .nb6-l { margin-bottom: calc(-var(--grid-size) * 6); }
- .nb7-l { margin-bottom: calc(-var(--grid-size) * 7); }
- .nb8-l { margin-bottom: calc(-var(--grid-size) * 8); }
- .nb9-l { margin-bottom: calc(-var(--grid-size) * 9); }
- .nb10-l { margin-bottom: calc(-var(--grid-size) * 10); }
- .nb11-l { margin-bottom: calc(-var(--grid-size) * 11); }
- .nb12-l { margin-bottom: calc(-var(--grid-size) * 12); }
- .nb13-l { margin-bottom: calc(-var(--grid-size) * 13); }
- .nb14-l { margin-bottom: calc(-var(--grid-size) * 14); }
- .nb15-l { margin-bottom: calc(-var(--grid-size) * 15); }
- .nb16-l { margin-bottom: calc(-var(--grid-size) * 16); }
- .nb17-l { margin-bottom: calc(-var(--grid-size) * 17); }
- .nb18-l { margin-bottom: calc(-var(--grid-size) * 18); }
- .nb19-l { margin-bottom: calc(-var(--grid-size) * 19); }
- .nb20-l { margin-bottom: calc(-var(--grid-size) * 20); }
- .nb25-l { margin-bottom: calc(-var(--grid-size) * 25); }
- .nb30-l { margin-bottom: calc(-var(--grid-size) * 30); }
- .nb40-l { margin-bottom: calc(-var(--grid-size) * 40); }
- .nb50-l { margin-bottom: calc(-var(--grid-size) * 50); }
-
- .nl0-l { margin-left: 0; }
- .nl1-l { margin-left: calc(-var(--grid-size) * 1); }
- .nl2-l { margin-left: calc(-var(--grid-size) * 2); }
- .nl3-l { margin-left: calc(-var(--grid-size) * 3); }
- .nl4-l { margin-left: calc(-var(--grid-size) * 4); }
- .nl5-l { margin-left: calc(-var(--grid-size) * 5); }
- .nl6-l { margin-left: calc(-var(--grid-size) * 6); }
- .nl7-l { margin-left: calc(-var(--grid-size) * 7); }
- .nl8-l { margin-left: calc(-var(--grid-size) * 8); }
- .nl9-l { margin-left: calc(-var(--grid-size) * 9); }
- .nl10-l { margin-left: calc(-var(--grid-size) * 10); }
- .nl11-l { margin-left: calc(-var(--grid-size) * 11); }
- .nl12-l { margin-left: calc(-var(--grid-size) * 12); }
- .nl13-l { margin-left: calc(-var(--grid-size) * 13); }
- .nl14-l { margin-left: calc(-var(--grid-size) * 14); }
- .nl15-l { margin-left: calc(-var(--grid-size) * 15); }
- .nl16-l { margin-left: calc(-var(--grid-size) * 16); }
- .nl17-l { margin-left: calc(-var(--grid-size) * 17); }
- .nl18-l { margin-left: calc(-var(--grid-size) * 18); }
- .nl19-l { margin-left: calc(-var(--grid-size) * 19); }
- .nl20-l { margin-left: calc(-var(--grid-size) * 20); }
- .nl25-l { margin-left: calc(-var(--grid-size) * 25); }
- .nl30-l { margin-left: calc(-var(--grid-size) * 30); }
- .nl40-l { margin-left: calc(-var(--grid-size) * 40); }
- .nl50-l { margin-left: calc(-var(--grid-size) * 50); }
-
- .nt0-l { margin-top: 0; }
- .nt1-l { margin-top: calc(-var(--grid-size) * 1); }
- .nt2-l { margin-top: calc(-var(--grid-size) * 2); }
- .nt3-l { margin-top: calc(-var(--grid-size) * 3); }
- .nt4-l { margin-top: calc(-var(--grid-size) * 4); }
- .nt5-l { margin-top: calc(-var(--grid-size) * 5); }
- .nt6-l { margin-top: calc(-var(--grid-size) * 6); }
- .nt7-l { margin-top: calc(-var(--grid-size) * 7); }
- .nt8-l { margin-top: calc(-var(--grid-size) * 8); }
- .nt9-l { margin-top: calc(-var(--grid-size) * 9); }
- .nt10-l { margin-top: calc(-var(--grid-size) * 10); }
- .nt11-l { margin-top: calc(-var(--grid-size) * 11); }
- .nt12-l { margin-top: calc(-var(--grid-size) * 12); }
- .nt13-l { margin-top: calc(-var(--grid-size) * 13); }
- .nt14-l { margin-top: calc(-var(--grid-size) * 14); }
- .nt15-l { margin-top: calc(-var(--grid-size) * 15); }
- .nt16-l { margin-top: calc(-var(--grid-size) * 16); }
- .nt17-l { margin-top: calc(-var(--grid-size) * 17); }
- .nt18-l { margin-top: calc(-var(--grid-size) * 18); }
- .nt19-l { margin-top: calc(-var(--grid-size) * 19); }
- .nt20-l { margin-top: calc(-var(--grid-size) * 20); }
- .nt25-l { margin-top: calc(-var(--grid-size) * 25); }
- .nt30-l { margin-top: calc(-var(--grid-size) * 30); }
- .nt40-l { margin-top: calc(-var(--grid-size) * 40); }
- .nt50-l { margin-top: calc(-var(--grid-size) * 50); }
-}
diff --git a/app/styles/spirit-product/_nested.css b/app/styles/spirit-product/_nested.css
deleted file mode 100644
index dc833b608f..0000000000
--- a/app/styles/spirit-product/_nested.css
+++ /dev/null
@@ -1,56 +0,0 @@
-/*
-
- NESTED
- Tachyons module for styling nested elements
- that are generated by a cms.
-
-*/
-
-.nested-copy-line-height p,
-.nested-copy-line-height ul,
-.nested-copy-line-height ol {
- line-height: 1.5;
-}
-
-.nested-headline-line-height h1,
-.nested-headline-line-height h2,
-.nested-headline-line-height h3,
-.nested-headline-line-height h4,
-.nested-headline-line-height h5,
-.nested-headline-line-height h6 {
- line-height: 1.25;
-}
-
-.nested-list-reset ul,
-.nested-list-reset ol {
- padding-left: 0;
- margin-left: 0;
- list-style-type: none;
-}
-
-.nested-copy-indent p+p {
- text-indent: 1em;
- margin-top: 0;
- margin-bottom: 0;
-}
-
-.nested-copy-separator p+p {
- margin-top: 1.5em;
-}
-
-.nested-img img {
- width: 100%;
- max-width: 100%;
- display: block;
-}
-
-.nested-links a {
- color: var(--blue);
- transition: color .15s ease-in;
-}
-
-.nested-links a:hover,
-.nested-links a:focus {
- color: var(--blue);
- transition: color .15s ease-in;
-}
diff --git a/app/styles/spirit-product/_normalize.css b/app/styles/spirit-product/_normalize.css
deleted file mode 100644
index b944659343..0000000000
--- a/app/styles/spirit-product/_normalize.css
+++ /dev/null
@@ -1,449 +0,0 @@
-/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
-
-/* Document
- ========================================================================== */
-
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in
- * IE on Windows Phone and in iOS.
- */
-
-html {
- line-height: 1.15; /* 1 */
- -ms-text-size-adjust: 100%; /* 2 */
- -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/* Sections
- ========================================================================== */
-
-/**
- * Remove the margin in all browsers (opinionated).
- */
-
-body {
- margin: 0;
-}
-
-/**
- * Add the correct display in IE 9-.
- */
-
-article,
-aside,
-footer,
-header,
-nav,
-section {
- display: block;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-
-h1 {
- font-size: 2em;
- margin: 0.67em 0;
-}
-
-/* Grouping content
- ========================================================================== */
-
-/**
- * Add the correct display in IE 9-.
- * 1. Add the correct display in IE.
- */
-
-figcaption,
-figure,
-main { /* 1 */
- display: block;
-}
-
-/**
- * Add the correct margin in IE 8.
- */
-
-figure {
- margin: 1em 40px;
-}
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-
-hr {
- box-sizing: content-box; /* 1 */
- height: 0; /* 1 */
- overflow: visible; /* 2 */
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-pre {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
-}
-
-/* Text-level semantics
- ========================================================================== */
-
-/**
- * 1. Remove the gray background on active links in IE 10.
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
- */
-
-a {
- background-color: transparent; /* 1 */
- -webkit-text-decoration-skip: objects; /* 2 */
-}
-
-/**
- * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-
-abbr[title] {
- border-bottom: none; /* 1 */
- text-decoration: underline; /* 2 */
- text-decoration: underline dotted; /* 2 */
-}
-
-/**
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
- */
-
-b,
-strong {
- font-weight: inherit;
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
-b,
-strong {
- font-weight: bolder;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-code,
-kbd,
-samp {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
-}
-
-/**
- * Add the correct font style in Android 4.3-.
- */
-
-dfn {
- font-style: italic;
-}
-
-/**
- * Add the correct background and color in IE 9-.
- */
-
-mark {
- background-color: #ff0;
- color: #000;
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-
-small {
- font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
-}
-
-sub {
- bottom: -0.25em;
-}
-
-sup {
- top: -0.5em;
-}
-
-/* Embedded content
- ========================================================================== */
-
-/**
- * Add the correct display in IE 9-.
- */
-
-audio,
-video {
- display: inline-block;
-}
-
-/**
- * Add the correct display in iOS 4-7.
- */
-
-audio:not([controls]) {
- display: none;
- height: 0;
-}
-
-/**
- * Remove the border on images inside links in IE 10-.
- */
-
-img {
- border-style: none;
-}
-
-/**
- * Hide the overflow in IE.
- */
-
-svg:not(:root) {
- overflow: hidden;
-}
-
-/* Forms
- ========================================================================== */
-
-/**
- * 1. Change the font styles in all browsers (opinionated).
- * 2. Remove the margin in Firefox and Safari.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
- /* font-family: sans-serif; /* 1 */
- font-size: 100%; /* 1 */
- line-height: 1.15; /* 1 */
- margin: 0; /* 2 */
-}
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-
-button,
-input { /* 1 */
- overflow: visible;
-}
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-
-button,
-select { /* 1 */
- text-transform: none;
-}
-
-/**
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
- * controls in Android 4.
- * 2. Correct the inability to style clickable types in iOS and Safari.
- */
-
-button,
-html [type="button"], /* 1 */
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button; /* 2 */
-}
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
- outline: 1px dotted ButtonText;
-}
-
-/**
- * Correct the padding in Firefox.
- */
-
-fieldset {
- padding: 0;
- margin: 0;
- border: 0;
-}
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- * `fieldset` elements in all browsers.
- */
-
-legend {
- box-sizing: border-box; /* 1 */
- color: inherit; /* 2 */
- display: table; /* 1 */
- max-width: 100%; /* 1 */
- padding: 0; /* 3 */
- white-space: normal; /* 1 */
-}
-
-/**
- * 1. Add the correct display in IE 9-.
- * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-
-progress {
- display: inline-block; /* 1 */
- vertical-align: baseline; /* 2 */
-}
-
-/**
- * Remove the default vertical scrollbar in IE.
- */
-
-textarea {
- overflow: auto;
-}
-
-/**
- * 1. Add the correct box sizing in IE 10-.
- * 2. Remove the padding in IE 10-.
- */
-
-[type="checkbox"],
-[type="radio"] {
- box-sizing: border-box; /* 1 */
- padding: 0; /* 2 */
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto;
-}
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-
-[type="search"] {
- -webkit-appearance: textfield; /* 1 */
- outline-offset: -2px; /* 2 */
-}
-
-/**
- * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
- */
-
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-
-::-webkit-file-upload-button {
- -webkit-appearance: button; /* 1 */
- font: inherit; /* 2 */
-}
-
-/* Interactive
- ========================================================================== */
-
-/*
- * Add the correct display in IE 9-.
- * 1. Add the correct display in Edge, IE, and Firefox.
- */
-
-details, /* 1 */
-menu {
- display: block;
-}
-
-/*
- * Add the correct display in all browsers.
- */
-
-summary {
- display: list-item;
-}
-
-/* Scripting
- ========================================================================== */
-
-/**
- * Add the correct display in IE 9-.
- */
-
-canvas {
- display: inline-block;
-}
-
-/**
- * Add the correct display in IE.
- */
-
-template {
- display: none;
-}
-
-/* Hidden
- ========================================================================== */
-
-/**
- * Add the correct display in IE 10-.
- */
-
-[hidden] {
- display: none;
-}
diff --git a/app/styles/spirit-product/_nudge.css b/app/styles/spirit-product/_nudge.css
deleted file mode 100644
index f3812766eb..0000000000
--- a/app/styles/spirit-product/_nudge.css
+++ /dev/null
@@ -1,682 +0,0 @@
-/*
-
- Base:
- nudge
-
- Modifier:
- -top = nudge from top (downwards)
- -right = nudge from right (to left)
- -bottom = nudge from bottom (upwards)
- -left = nudge from left (to right)
-
- Value:
- --(n) = n px to nudge by
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.nudge-top--1 {
- position: relative;
- top: 1px;
-}
-.nudge-top--2 {
- position: relative;
- top: 2px;
-}
-.nudge-top--3 {
- position: relative;
- top: 3px;
-}
-.nudge-top--4 {
- position: relative;
- top: 4px;
-}
-.nudge-top--5 {
- position: relative;
- top: 5px;
-}
-.nudge-top--6 {
- position: relative;
- top: 6px;
-}
-.nudge-top--7 {
- position: relative;
- top: 7px;
-}
-.nudge-top--8 {
- position: relative;
- top: 8px;
-}
-.nudge-top--9 {
- position: relative;
- top: 9px;
-}
-.nudge-top--10 {
- position: relative;
- top: 10px;
-}
-
-.nudge-right--1 {
- position: relative;
- right: 1px;
-}
-.nudge-right--2 {
- position: relative;
- right: 2px;
-}
-.nudge-right--3 {
- position: relative;
- right: 3px;
-}
-.nudge-right--4 {
- position: relative;
- right: 4px;
-}
-.nudge-right--5 {
- position: relative;
- right: 5px;
-}
-.nudge-right--6 {
- position: relative;
- right: 6px;
-}
-.nudge-right--7 {
- position: relative;
- right: 7px;
-}
-.nudge-right--8 {
- position: relative;
- right: 8px;
-}
-.nudge-right--9 {
- position: relative;
- right: 9px;
-}
-.nudge-right--10 {
- position: relative;
- right: 10px;
-}
-
-.nudge-bottom--1 {
- position: relative;
- bottom: 1px;
-}
-.nudge-bottom--2 {
- position: relative;
- bottom: 2px;
-}
-.nudge-bottom--3 {
- position: relative;
- bottom: 3px;
-}
-.nudge-bottom--4 {
- position: relative;
- bottom: 4px;
-}
-.nudge-bottom--5 {
- position: relative;
- bottom: 5px;
-}
-.nudge-bottom--6 {
- position: relative;
- bottom: 6px;
-}
-.nudge-bottom--7 {
- position: relative;
- bottom: 7px;
-}
-.nudge-bottom--8 {
- position: relative;
- bottom: 8px;
-}
-.nudge-bottom--9 {
- position: relative;
- bottom: 9px;
-}
-.nudge-bottom--10 {
- position: relative;
- bottom: 10px;
-}
-
-.nudge-left--1 {
- position: relative;
- left: 1px;
-}
-.nudge-left--2 {
- position: relative;
- left: 2px;
-}
-.nudge-left--3 {
- position: relative;
- left: 3px;
-}
-.nudge-left--4 {
- position: relative;
- left: 4px;
-}
-.nudge-left--5 {
- position: relative;
- left: 5px;
-}
-.nudge-left--6 {
- position: relative;
- left: 6px;
-}
-.nudge-left--7 {
- position: relative;
- left: 7px;
-}
-.nudge-left--8 {
- position: relative;
- left: 8px;
-}
-.nudge-left--9 {
- position: relative;
- left: 9px;
-}
-.nudge-left--10 {
- position: relative;
- left: 10px;
-}
-
-@media (--breakpoint-not-small) {
- .nudge-top--1-ns {
- position: relative;
- top: 1px;
- }
- .nudge-top--2-ns {
- position: relative;
- top: 2px;
- }
- .nudge-top--3-ns {
- position: relative;
- top: 3px;
- }
- .nudge-top--4-ns {
- position: relative;
- top: 4px;
- }
- .nudge-top--5-ns {
- position: relative;
- top: 5px;
- }
- .nudge-top--6-ns {
- position: relative;
- top: 6px;
- }
- .nudge-top--7-ns {
- position: relative;
- top: 7px;
- }
- .nudge-top--8-ns {
- position: relative;
- top: 8px;
- }
- .nudge-top--9-ns {
- position: relative;
- top: 9px;
- }
- .nudge-top--10-ns {
- position: relative;
- top: 10px;
- }
-
- .nudge-right--1-ns {
- position: relative;
- right: 1px;
- }
- .nudge-right--2-ns {
- position: relative;
- right: 2px;
- }
- .nudge-right--3-ns {
- position: relative;
- right: 3px;
- }
- .nudge-right--4-ns {
- position: relative;
- right: 4px;
- }
- .nudge-right--5-ns {
- position: relative;
- right: 5px;
- }
- .nudge-right--6-ns {
- position: relative;
- right: 6px;
- }
- .nudge-right--7-ns {
- position: relative;
- right: 7px;
- }
- .nudge-right--8-ns {
- position: relative;
- right: 8px;
- }
- .nudge-right--9-ns {
- position: relative;
- right: 9px;
- }
- .nudge-right--10-ns {
- position: relative;
- right: 10px;
- }
-
- .nudge-bottom--1-ns {
- position: relative;
- bottom: 1px;
- }
- .nudge-bottom--2-ns {
- position: relative;
- bottom: 2px;
- }
- .nudge-bottom--3-ns {
- position: relative;
- bottom: 3px;
- }
- .nudge-bottom--4-ns {
- position: relative;
- bottom: 4px;
- }
- .nudge-bottom--5-ns {
- position: relative;
- bottom: 5px;
- }
- .nudge-bottom--6-ns {
- position: relative;
- bottom: 6px;
- }
- .nudge-bottom--7-ns {
- position: relative;
- bottom: 7px;
- }
- .nudge-bottom--8-ns {
- position: relative;
- bottom: 8px;
- }
- .nudge-bottom--9-ns {
- position: relative;
- bottom: 9px;
- }
- .nudge-bottom--10-ns {
- position: relative;
- bottom: 10px;
- }
-
- .nudge-left--1-ns {
- position: relative;
- left: 1px;
- }
- .nudge-left--2-ns {
- position: relative;
- left: 2px;
- }
- .nudge-left--3-ns {
- position: relative;
- left: 3px;
- }
- .nudge-left--4-ns {
- position: relative;
- left: 4px;
- }
- .nudge-left--5-ns {
- position: relative;
- left: 5px;
- }
- .nudge-left--6-ns {
- position: relative;
- left: 6px;
- }
- .nudge-left--7-ns {
- position: relative;
- left: 7px;
- }
- .nudge-left--8-ns {
- position: relative;
- left: 8px;
- }
- .nudge-left--9-ns {
- position: relative;
- left: 9px;
- }
- .nudge-left--10-ns {
- position: relative;
- left: 10px;
- }
-}
-
-@media (--breakpoint-medium) {
- .nudge-top--1-m {
- position: relative;
- top: 1px;
- }
- .nudge-top--2-m {
- position: relative;
- top: 2px;
- }
- .nudge-top--3-m {
- position: relative;
- top: 3px;
- }
- .nudge-top--4-m {
- position: relative;
- top: 4px;
- }
- .nudge-top--5-m {
- position: relative;
- top: 5px;
- }
- .nudge-top--6-m {
- position: relative;
- top: 6px;
- }
- .nudge-top--7-m {
- position: relative;
- top: 7px;
- }
- .nudge-top--8-m {
- position: relative;
- top: 8px;
- }
- .nudge-top--9-m {
- position: relative;
- top: 9px;
- }
- .nudge-top--10-m {
- position: relative;
- top: 10px;
- }
-
- .nudge-right--1-m {
- position: relative;
- right: 1px;
- }
- .nudge-right--2-m {
- position: relative;
- right: 2px;
- }
- .nudge-right--3-m {
- position: relative;
- right: 3px;
- }
- .nudge-right--4-m {
- position: relative;
- right: 4px;
- }
- .nudge-right--5-m {
- position: relative;
- right: 5px;
- }
- .nudge-right--6-m {
- position: relative;
- right: 6px;
- }
- .nudge-right--7-m {
- position: relative;
- right: 7px;
- }
- .nudge-right--8-m {
- position: relative;
- right: 8px;
- }
- .nudge-right--9-m {
- position: relative;
- right: 9px;
- }
- .nudge-right--10-m {
- position: relative;
- right: 10px;
- }
-
- .nudge-bottom--1-m {
- position: relative;
- bottom: 1px;
- }
- .nudge-bottom--2-m {
- position: relative;
- bottom: 2px;
- }
- .nudge-bottom--3-m {
- position: relative;
- bottom: 3px;
- }
- .nudge-bottom--4-m {
- position: relative;
- bottom: 4px;
- }
- .nudge-bottom--5-m {
- position: relative;
- bottom: 5px;
- }
- .nudge-bottom--6-m {
- position: relative;
- bottom: 6px;
- }
- .nudge-bottom--7-m {
- position: relative;
- bottom: 7px;
- }
- .nudge-bottom--8-m {
- position: relative;
- bottom: 8px;
- }
- .nudge-bottom--9-m {
- position: relative;
- bottom: 9px;
- }
- .nudge-bottom--10-m {
- position: relative;
- bottom: 10px;
- }
-
- .nudge-left--1-m {
- position: relative;
- left: 1px;
- }
- .nudge-left--2-m {
- position: relative;
- left: 2px;
- }
- .nudge-left--3-m {
- position: relative;
- left: 3px;
- }
- .nudge-left--4-m {
- position: relative;
- left: 4px;
- }
- .nudge-left--5-m {
- position: relative;
- left: 5px;
- }
- .nudge-left--6-m {
- position: relative;
- left: 6px;
- }
- .nudge-left--7-m {
- position: relative;
- left: 7px;
- }
- .nudge-left--8-m {
- position: relative;
- left: 8px;
- }
- .nudge-left--9-m {
- position: relative;
- left: 9px;
- }
- .nudge-left--10-m {
- position: relative;
- left: 10px;
- }
-}
-
-@media (--breakpoint-large) {
- .nudge-top--1-l {
- position: relative;
- top: 1px;
- }
- .nudge-top--2-l {
- position: relative;
- top: 2px;
- }
- .nudge-top--3-l {
- position: relative;
- top: 3px;
- }
- .nudge-top--4-l {
- position: relative;
- top: 4px;
- }
- .nudge-top--5-l {
- position: relative;
- top: 5px;
- }
- .nudge-top--6-l {
- position: relative;
- top: 6px;
- }
- .nudge-top--7-l {
- position: relative;
- top: 7px;
- }
- .nudge-top--8-l {
- position: relative;
- top: 8px;
- }
- .nudge-top--9-l {
- position: relative;
- top: 9px;
- }
- .nudge-top--10-l {
- position: relative;
- top: 10px;
- }
-
- .nudge-right--1-l {
- position: relative;
- right: 1px;
- }
- .nudge-right--2-l {
- position: relative;
- right: 2px;
- }
- .nudge-right--3-l {
- position: relative;
- right: 3px;
- }
- .nudge-right--4-l {
- position: relative;
- right: 4px;
- }
- .nudge-right--5-l {
- position: relative;
- right: 5px;
- }
- .nudge-right--6-l {
- position: relative;
- right: 6px;
- }
- .nudge-right--7-l {
- position: relative;
- right: 7px;
- }
- .nudge-right--8-l {
- position: relative;
- right: 8px;
- }
- .nudge-right--9-l {
- position: relative;
- right: 9px;
- }
- .nudge-right--10-l {
- position: relative;
- right: 10px;
- }
-
- .nudge-bottom--1-l {
- position: relative;
- bottom: 1px;
- }
- .nudge-bottom--2-l {
- position: relative;
- bottom: 2px;
- }
- .nudge-bottom--3-l {
- position: relative;
- bottom: 3px;
- }
- .nudge-bottom--4-l {
- position: relative;
- bottom: 4px;
- }
- .nudge-bottom--5-l {
- position: relative;
- bottom: 5px;
- }
- .nudge-bottom--6-l {
- position: relative;
- bottom: 6px;
- }
- .nudge-bottom--7-l {
- position: relative;
- bottom: 7px;
- }
- .nudge-bottom--8-l {
- position: relative;
- bottom: 8px;
- }
- .nudge-bottom--9-l {
- position: relative;
- bottom: 9px;
- }
- .nudge-bottom--10-l {
- position: relative;
- bottom: 10px;
- }
-
- .nudge-left--1-l {
- position: relative;
- left: 1px;
- }
- .nudge-left--2-l {
- position: relative;
- left: 2px;
- }
- .nudge-left--3-l {
- position: relative;
- left: 3px;
- }
- .nudge-left--4-l {
- position: relative;
- left: 4px;
- }
- .nudge-left--5-l {
- position: relative;
- left: 5px;
- }
- .nudge-left--6-l {
- position: relative;
- left: 6px;
- }
- .nudge-left--7-l {
- position: relative;
- left: 7px;
- }
- .nudge-left--8-l {
- position: relative;
- left: 8px;
- }
- .nudge-left--9-l {
- position: relative;
- left: 9px;
- }
- .nudge-left--10-l {
- position: relative;
- left: 10px;
- }
-}
diff --git a/app/styles/spirit-product/_opacity.css b/app/styles/spirit-product/_opacity.css
deleted file mode 100644
index 9f3de143ee..0000000000
--- a/app/styles/spirit-product/_opacity.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.o-100 { opacity: 1; }
-.o-90 { opacity: .9; }
-.o-80 { opacity: .8; }
-.o-70 { opacity: .7; }
-.o-60 { opacity: .6; }
-.o-50 { opacity: .5; }
-.o-40 { opacity: .4; }
-.o-30 { opacity: .3; }
-.o-20 { opacity: .2; }
-.o-10 { opacity: .1; }
-.o-05 { opacity: .05; }
-.o-025 { opacity: .025; }
-.o-0 { opacity: 0; }
diff --git a/app/styles/spirit-product/_outlines.css b/app/styles/spirit-product/_outlines.css
deleted file mode 100644
index e9b0ed996b..0000000000
--- a/app/styles/spirit-product/_outlines.css
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
-
- OUTLINES
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.outline { outline: 1px solid; }
-.outline-transparent { outline: 1px solid transparent; }
-.outline-0 { outline: 0; }
-
-@media (--breakpoint-not-small) {
- .outline-ns { outline: 1px solid; }
- .outline-transparent-ns { outline: 1px solid transparent; }
- .outline-0-ns { outline: 0; }
-}
-
-@media (--breakpoint-medium) {
- .outline-m { outline: 1px solid; }
- .outline-transparent-m { outline: 1px solid transparent; }
- .outline-0-m { outline: 0; }
-}
-
-@media (--breakpoint-large) {
- .outline-l { outline: 1px solid; }
- .outline-transparent-l { outline: 1px solid transparent; }
- .outline-0-l { outline: 0; }
-}
diff --git a/app/styles/spirit-product/_overflow.css b/app/styles/spirit-product/_overflow.css
deleted file mode 100644
index 82ca8ebbc4..0000000000
--- a/app/styles/spirit-product/_overflow.css
+++ /dev/null
@@ -1,75 +0,0 @@
-/*
-
- OVERFLOW
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
- */
-
-.overflow-visible { overflow: visible; }
-.overflow-hidden { overflow: hidden; }
-.overflow-scroll { overflow: scroll; }
-.overflow-auto { overflow: auto; }
-
-.overflow-x-visible { overflow-x: visible; }
-.overflow-x-hidden { overflow-x: hidden; }
-.overflow-x-scroll { overflow-x: scroll; }
-.overflow-x-auto { overflow-x: auto; }
-
-.overflow-y-visible { overflow-y: visible; }
-.overflow-y-hidden { overflow-y: hidden; }
-.overflow-y-scroll { overflow-y: scroll; }
-.overflow-y-auto { overflow-y: auto; }
-
-@media (--breakpoint-not-small) {
- .overflow-visible-ns { overflow: visible; }
- .overflow-hidden-ns { overflow: hidden; }
- .overflow-scroll-ns { overflow: scroll; }
- .overflow-auto-ns { overflow: auto; }
- .overflow-x-visible-ns { overflow-x: visible; }
- .overflow-x-hidden-ns { overflow-x: hidden; }
- .overflow-x-scroll-ns { overflow-x: scroll; }
- .overflow-x-auto-ns { overflow-x: auto; }
-
- .overflow-y-visible-ns { overflow-y: visible; }
- .overflow-y-hidden-ns { overflow-y: hidden; }
- .overflow-y-scroll-ns { overflow-y: scroll; }
- .overflow-y-auto-ns { overflow-y: auto; }
-}
-
-@media (--breakpoint-medium) {
- .overflow-visible-m { overflow: visible; }
- .overflow-hidden-m { overflow: hidden; }
- .overflow-scroll-m { overflow: scroll; }
- .overflow-auto-m { overflow: auto; }
-
- .overflow-x-visible-m { overflow-x: visible; }
- .overflow-x-hidden-m { overflow-x: hidden; }
- .overflow-x-scroll-m { overflow-x: scroll; }
- .overflow-x-auto-m { overflow-x: auto; }
-
- .overflow-y-visible-m { overflow-y: visible; }
- .overflow-y-hidden-m { overflow-y: hidden; }
- .overflow-y-scroll-m { overflow-y: scroll; }
- .overflow-y-auto-m { overflow-y: auto; }
-}
-
-@media (--breakpoint-large) {
- .overflow-visible-l { overflow: visible; }
- .overflow-hidden-l { overflow: hidden; }
- .overflow-scroll-l { overflow: scroll; }
- .overflow-auto-l { overflow: auto; }
-
- .overflow-x-visible-l { overflow-x: visible; }
- .overflow-x-hidden-l { overflow-x: hidden; }
- .overflow-x-scroll-l { overflow-x: scroll; }
- .overflow-x-auto-l { overflow-x: auto; }
-
- .overflow-y-visible-l { overflow-y: visible; }
- .overflow-y-hidden-l { overflow-y: hidden; }
- .overflow-y-scroll-l { overflow-y: scroll; }
- .overflow-y-auto-l { overflow-y: auto; }
-}
diff --git a/app/styles/spirit-product/_position.css b/app/styles/spirit-product/_position.css
deleted file mode 100644
index b8f7331985..0000000000
--- a/app/styles/spirit-product/_position.css
+++ /dev/null
@@ -1,38 +0,0 @@
-/*
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.static { position: static; }
-.relative { position: relative; }
-.absolute { position: absolute; }
-.fixed { position: fixed; }
-.sticky { position: sticky; }
-
-@media (--breakpoint-not-small) {
- .static-ns { position: static; }
- .relative-ns { position: relative; }
- .absolute-ns { position: absolute; }
- .fixed-ns { position: fixed; }
- .sticky-ns { position: sticky; }
-}
-
-@media (--breakpoint-medium) {
- .static-m { position: static; }
- .relative-m { position: relative; }
- .absolute-m { position: absolute; }
- .fixed-m { position: fixed; }
- .sticky-m { position: sticky; }
-}
-
-@media (--breakpoint-large) {
- .static-l { position: static; }
- .relative-l { position: relative; }
- .absolute-l { position: absolute; }
- .fixed-l { position: fixed; }
- .sticky-l { position: sticky; }
-}
diff --git a/app/styles/spirit-product/_rotations.css b/app/styles/spirit-product/_rotations.css
deleted file mode 100644
index 5adf7aad28..0000000000
--- a/app/styles/spirit-product/_rotations.css
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
-
- ROTATIONS
-
-*/
-
-.rotate-45 { transform: rotate(45deg); }
-.rotate-90 { transform: rotate(90deg); }
-.rotate-135 { transform: rotate(135deg); }
-.rotate-180 { transform: rotate(180deg); }
-.rotate-225 { transform: rotate(225deg); }
-.rotate-270 { transform: rotate(270deg); }
-.rotate-315 { transform: rotate(315deg); }
-
-@media (--breakpoint-not-small){
- .rotate-45-ns { transform: rotate(45deg); }
- .rotate-90-ns { transform: rotate(90deg); }
- .rotate-135-ns { transform: rotate(135deg); }
- .rotate-180-ns { transform: rotate(180deg); }
- .rotate-225-ns { transform: rotate(225deg); }
- .rotate-270-ns { transform: rotate(270deg); }
- .rotate-315-ns { transform: rotate(315deg); }
-}
-
-@media (--breakpoint-medium){
- .rotate-45-m { transform: rotate(45deg); }
- .rotate-90-m { transform: rotate(90deg); }
- .rotate-135-m { transform: rotate(135deg); }
- .rotate-180-m { transform: rotate(180deg); }
- .rotate-225-m { transform: rotate(225deg); }
- .rotate-270-m { transform: rotate(270deg); }
- .rotate-315-m { transform: rotate(315deg); }
-}
-
-@media (--breakpoint-large){
- .rotate-45-l { transform: rotate(45deg); }
- .rotate-90-l { transform: rotate(90deg); }
- .rotate-135-l { transform: rotate(135deg); }
- .rotate-180-l { transform: rotate(180deg); }
- .rotate-225-l { transform: rotate(225deg); }
- .rotate-270-l { transform: rotate(270deg); }
- .rotate-315-l { transform: rotate(315deg); }
-}
diff --git a/app/styles/spirit-product/_skins.css b/app/styles/spirit-product/_skins.css
deleted file mode 100644
index ce235254c4..0000000000
--- a/app/styles/spirit-product/_skins.css
+++ /dev/null
@@ -1,221 +0,0 @@
-/* Text colors */
-
-.blue { color: var(--blue); }
-.green { color: var(--green); }
-.purple { color: var(--purple); }
-.yellow { color: var(--yellow); }
-.red { color: var(--red); }
-.pink { color: var(--pink); }
-.white { color: var(--white); }
-
-.white-10 { color: var(--white-10); }
-.white-20 { color: var(--white-20); }
-.white-30 { color: var(--white-30); }
-.white-40 { color: var(--white-40); }
-.white-50 { color: var(--white-50); }
-.white-60 { color: var(--white-60); }
-.white-70 { color: var(--white-70); }
-.white-80 { color: var(--white-80); }
-.white-90 { color: var(--white-90); }
-
-.black-10 { color: var(--black-10); }
-.black-20 { color: var(--black-20); }
-.black-30 { color: var(--black-30); }
-.black-40 { color: var(--black-40); }
-.black-50 { color: var(--black-50); }
-.black-60 { color: var(--black-60); }
-.black-70 { color: var(--black-70); }
-.black-80 { color: var(--black-80); }
-.black-90 { color: var(--black-90); }
-
-.darkgrey { color: var(--darkgrey); }
-.middarkgrey { color: var(--middarkgrey); }
-.midgrey { color: var(--midgrey); }
-.midlightgrey { color: var(--midlightgrey); }
-.lightgrey { color: var(--lightgrey); }
-.whitegrey { color: var(--whitegrey); }
-
-/* Shades */
-.blue-p3 { color: var(--blue-p3); }
-.blue-p2 { color: var(--blue-p2); }
-.blue-p1 { color: var(--blue-p1); }
-.blue-m1 { color: var(--blue-m1); }
-.blue-m2 { color: var(--blue-m2); }
-.blue-m3 { color: var(--blue-m3); }
-
-.green-p3 { color: var(--green-p3); }
-.green-p2 { color: var(--green-p2); }
-.green-p1 { color: var(--green-p1); }
-.green-m1 { color: var(--green-m1); }
-.green-m2 { color: var(--green-m2); }
-.green-m3 { color: var(--green-m3); }
-
-.purple-p3 { color: var(--purple-p3); }
-.purple-p2 { color: var(--purple-p2); }
-.purple-p1 { color: var(--purple-p1); }
-.purple-m1 { color: var(--purple-m1); }
-.purple-m2 { color: var(--purple-m2); }
-.purple-m3 { color: var(--purple-m3); }
-
-.yellow-p3 { color: var(--yellow-p3); }
-.yellow-p2 { color: var(--yellow-p2); }
-.yellow-p1 { color: var(--yellow-p1); }
-.yellow-m1 { color: var(--yellow-m1); }
-.yellow-m2 { color: var(--yellow-m2); }
-.yellow-m3 { color: var(--yellow-m3); }
-
-.red-p3 { color: var(--red-p3); }
-.red-p2 { color: var(--red-p2); }
-.red-p1 { color: var(--red-p1); }
-.red-m1 { color: var(--red-m1); }
-.red-m2 { color: var(--red-m2); }
-.red-m3 { color: var(--red-m3); }
-
-.pink-p3 { color: var(--pink-p3); }
-.pink-p2 { color: var(--pink-p2); }
-.pink-p1 { color: var(--pink-p1); }
-.pink-m1 { color: var(--pink-m1); }
-.pink-m2 { color: var(--pink-m2); }
-.pink-m3 { color: var(--pink-m3); }
-
-.darkgrey-p2 { color: var(--darkgrey-p2); }
-.darkgrey-p1 { color: var(--darkgrey-p1); }
-.darkgrey-m1 { color: var(--darkgrey-m1); }
-.darkgrey-m2 { color: var(--darkgrey-m2); }
-
-.middarkgrey-p2 { color: var(--middarkgrey-p2); }
-.middarkgrey-p1 { color: var(--middarkgrey-p1); }
-.middarkgrey-m1 { color: var(--middarkgrey-m1); }
-.middarkgrey-m2 { color: var(--middarkgrey-m2); }
-
-.midgrey-p2 { color: var(--midgrey-p2); }
-.midgrey-p1 { color: var(--midgrey-p1); }
-.midgrey-m1 { color: var(--midgrey-m1); }
-.midgrey-m2 { color: var(--midgrey-m2); }
-
-.midlightgrey-p2 { color: var(--midlightgrey-p2); }
-.midlightgrey-p1 { color: var(--midlightgrey-p1); }
-.midlightgrey-m1 { color: var(--midlightgrey-m1); }
-.midlightgrey-m2 { color: var(--midlightgrey-m2); }
-
-.lightgrey-p2 { color: var(--lightgrey-p2); }
-.lightgrey-p1 { color: var(--lightgrey-p1); }
-.lightgrey-m1 { color: var(--lightgrey-m1); }
-.lightgrey-m2 { color: var(--lightgrey-m2); }
-
-.whitegrey-p2 { color: var(--whitegrey-p2); }
-.whitegrey-p1 { color: var(--whitegrey-p1); }
-.whitegrey-m1 { color: var(--whitegrey-m1); }
-.whitegrey-m2 { color: var(--whitegrey-m2); }
-
-.color-inherit { color: inherit; }
-
-/* Background colors */
-.bg-blue { background-color: var(--blue); }
-.bg-green { background-color: var(--green); }
-.bg-purple { background-color: var(--purple); }
-.bg-yellow { background-color: var(--yellow); }
-.bg-red { background-color: var(--red); }
-.bg-pink { background-color: var(--pink); }
-.bg-white { background-color: var(--white); }
-.bg-transparent { background-color: transparent !important;}
-
-.bg-white-10 { background-color: var(--white-10); }
-.bg-white-20 { background-color: var(--white-20); }
-.bg-white-30 { background-color: var(--white-30); }
-.bg-white-40 { background-color: var(--white-40); }
-.bg-white-50 { background-color: var(--white-50); }
-.bg-white-60 { background-color: var(--white-60); }
-.bg-white-70 { background-color: var(--white-70); }
-.bg-white-80 { background-color: var(--white-80); }
-.bg-white-90 { background-color: var(--white-90); }
-
-.bg-black-10 { background-color: var(--black-10); }
-.bg-black-20 { background-color: var(--black-20); }
-.bg-black-30 { background-color: var(--black-30); }
-.bg-black-40 { background-color: var(--black-40); }
-.bg-black-50 { background-color: var(--black-50); }
-.bg-black-60 { background-color: var(--black-60); }
-.bg-black-70 { background-color: var(--black-70); }
-.bg-black-80 { background-color: var(--black-80); }
-.bg-black-90 { background-color: var(--black-90); }
-
-.bg-darkgrey { background-color: var(--darkgrey); }
-.bg-middarkgrey { background-color: var(--middarkgrey); }
-.bg-midgrey { background-color: var(--midgrey); }
-.bg-midlightgrey { background-color: var(--midlightgrey); }
-.bg-lightgrey { background-color: var(--lightgrey); }
-.bg-whitegrey { background-color: var(--whitegrey); }
-
-/* Shades */
-.bg-blue-p3 { background-color: var(--blue-p3); }
-.bg-blue-p2 { background-color: var(--blue-p2); }
-.bg-blue-p1 { background-color: var(--blue-p1); }
-.bg-blue-m1 { background-color: var(--blue-m1); }
-.bg-blue-m2 { background-color: var(--blue-m2); }
-.bg-blue-m3 { background-color: var(--blue-m3); }
-
-.bg-green-p3 { background-color: var(--green-p3); }
-.bg-green-p2 { background-color: var(--green-p2); }
-.bg-green-p1 { background-color: var(--green-p1); }
-.bg-green-m1 { background-color: var(--green-m1); }
-.bg-green-m2 { background-color: var(--green-m2); }
-.bg-green-m3 { background-color: var(--green-m3); }
-
-.bg-purple-p3 { background-color: var(--purple-p3); }
-.bg-purple-p2 { background-color: var(--purple-p2); }
-.bg-purple-p1 { background-color: var(--purple-p1); }
-.bg-purple-m1 { background-color: var(--purple-m1); }
-.bg-purple-m2 { background-color: var(--purple-m2); }
-.bg-purple-m3 { background-color: var(--purple-m3); }
-
-.bg-yellow-p3 { background-color: var(--yellow-p3); }
-.bg-yellow-p2 { background-color: var(--yellow-p2); }
-.bg-yellow-p1 { background-color: var(--yellow-p1); }
-.bg-yellow-m1 { background-color: var(--yellow-m1); }
-.bg-yellow-m2 { background-color: var(--yellow-m2); }
-.bg-yellow-m3 { background-color: var(--yellow-m3); }
-
-.bg-red-p3 { background-color: var(--red-p3); }
-.bg-red-p2 { background-color: var(--red-p2); }
-.bg-red-p1 { background-color: var(--red-p1); }
-.bg-red-m1 { background-color: var(--red-m1); }
-.bg-red-m2 { background-color: var(--red-m2); }
-.bg-red-m3 { background-color: var(--red-m3); }
-
-.bg-pink-p3 { background-color: var(--pink-p3); }
-.bg-pink-p2 { background-color: var(--pink-p2); }
-.bg-pink-p1 { background-color: var(--pink-p1); }
-.bg-pink-m1 { background-color: var(--pink-m1); }
-.bg-pink-m2 { background-color: var(--pink-m2); }
-.bg-pink-m3 { background-color: var(--pink-m3); }
-
-.bg-darkgrey-p2 { background-color: var(--darkgrey-p2); }
-.bg-darkgrey-p1 { background-color: var(--darkgrey-p1); }
-.bg-darkgrey-m1 { background-color: var(--darkgrey-m1); }
-.bg-darkgrey-m2 { background-color: var(--darkgrey-m2); }
-
-.bg-middarkgrey-p2 { background-color: var(--middarkgrey-p2); }
-.bg-middarkgrey-p1 { background-color: var(--middarkgrey-p1); }
-.bg-middarkgrey-m1 { background-color: var(--middarkgrey-m1); }
-.bg-middarkgrey-m2 { background-color: var(--middarkgrey-m2); }
-
-.bg-midgrey-p2 { background-color: var(--midgrey-p2); }
-.bg-midgrey-p1 { background-color: var(--midgrey-p1); }
-.bg-midgrey-m1 { background-color: var(--midgrey-m1); }
-.bg-midgrey-m2 { background-color: var(--midgrey-m2); }
-
-.bg-midlightgrey-p2 { background-color: var(--midlightgrey-p2); }
-.bg-midlightgrey-p1 { background-color: var(--midlightgrey-p1); }
-.bg-midlightgrey-m1 { background-color: var(--midlightgrey-m1); }
-.bg-midlightgrey-m2 { background-color: var(--midlightgrey-m2); }
-
-.bg-lightgrey-p2 { background-color: var(--lightgrey-p2); }
-.bg-lightgrey-p1 { background-color: var(--lightgrey-p1); }
-.bg-lightgrey-m1 { background-color: var(--lightgrey-m1); }
-.bg-lightgrey-m2 { background-color: var(--lightgrey-m2); }
-
-.bg-whitegrey-p2 { background-color: var(--whitegrey-p2); }
-.bg-whitegrey-p1 { background-color: var(--whitegrey-p1); }
-.bg-whitegrey-m1 { background-color: var(--whitegrey-m1); }
-.bg-whitegrey-m2 { background-color: var(--whitegrey-m2); }
diff --git a/app/styles/spirit-product/_spacing-backup.css b/app/styles/spirit-product/_spacing-backup.css
deleted file mode 100644
index 3f6b2c4ec4..0000000000
--- a/app/styles/spirit-product/_spacing-backup.css
+++ /dev/null
@@ -1,861 +0,0 @@
-/*
- Variables
-
- Remember, these variables are set to work with a 62.5% font-size base on
- the HTML element. That means 1rem = 10px;
-*/
-
-:root {
- --spacing-none: 0;
- --spacing-extra-small: .5rem;
- --spacing-small: 1rem;
- --spacing-medium: 2rem;
- --spacing-large: 3rem;
- --spacing-xl: 4rem;
- --spacing-xxl: 5rem;
- --spacing-xxxl: 6rem;
- --spacing-xxxxl: 10rem;
- --spacing-xxxxxl: 16rem;
-
- --spacing-vw-extra-small: 2vw;
- --spacing-vw-small: 3vw;
- --spacing-vw-medium: 4vw;
- --spacing-vw-large: 6vw;
- --spacing-vw-xl: 8vw;
- --spacing-vw-xxl: 12vw;
- --spacing-vw-xxxl: 15vw;
- --spacing-vw-xxxxl: 20vw;
-}
-
-/*
-
-
- SPACING
- Docs: http://tachyons.io/docs/layout/spacing/
-
- An eight step powers of two scale ranging from 0 to 16rem.
-
- Base:
- p = padding
- m = margin
-
- Modifiers:
- a = all
- t = top
- r = right
- b = bottom
- l = left
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-
-.pa0 { padding: var(--spacing-none); }
-.pa1 { padding: var(--spacing-extra-small); }
-.pa2 { padding: var(--spacing-small); }
-.pa3 { padding: var(--spacing-medium); }
-.pa4 { padding: var(--spacing-large); }
-.pa5 { padding: var(--spacing-xl); }
-.pa6 { padding: var(--spacing-xxl); }
-.pa7 { padding: var(--spacing-xxxl); }
-.pa8 { padding: var(--spacing-xxxxl); }
-.pa9 { padding: var(--spacing-xxxxxl); }
-
-.pa-vw1 { padding: var(--spacing-vw-extra-small); }
-.pa-vw2 { padding: var(--spacing-vw-small); }
-.pa-vw3 { padding: var(--spacing-vw-medium); }
-.pa-vw4 { padding: var(--spacing-vw-large); }
-.pa-vw5 { padding: var(--spacing-vw-xl); }
-.pa-vw6 { padding: var(--spacing-vw-xxl); }
-.pa-vw7 { padding: var(--spacing-vw-xxxl); }
-.pa-vw8 { padding: var(--spacing-vw-xxxxl); }
-
-.pl0 { padding-left: var(--spacing-none); }
-.pl1 { padding-left: var(--spacing-extra-small); }
-.pl2 { padding-left: var(--spacing-small); }
-.pl3 { padding-left: var(--spacing-medium); }
-.pl4 { padding-left: var(--spacing-large); }
-.pl5 { padding-left: var(--spacing-xl); }
-.pl6 { padding-left: var(--spacing-xxl); }
-.pl7 { padding-left: var(--spacing-xxxl); }
-.pl8 { padding-left: var(--spacing-xxxxl); }
-.pl9 { padding-left: var(--spacing-xxxxxl); }
-
-.pl-vw1 { padding-left: var(--spacing-vw-extra-small); }
-.pl-vw2 { padding-left: var(--spacing-vw-small); }
-.pl-vw3 { padding-left: var(--spacing-vw-medium); }
-.pl-vw4 { padding-left: var(--spacing-vw-large); }
-.pl-vw5 { padding-left: var(--spacing-vw-xl); }
-.pl-vw6 { padding-left: var(--spacing-vw-xxl); }
-.pl-vw7 { padding-left: var(--spacing-vw-xxxl); }
-.pl-vw8 { padding-left: var(--spacing-vw-xxxxl); }
-
-.pr0 { padding-right: var(--spacing-none); }
-.pr1 { padding-right: var(--spacing-extra-small); }
-.pr2 { padding-right: var(--spacing-small); }
-.pr3 { padding-right: var(--spacing-medium); }
-.pr4 { padding-right: var(--spacing-large); }
-.pr5 { padding-right: var(--spacing-xl); }
-.pr6 { padding-right: var(--spacing-xxl); }
-.pr7 { padding-right: var(--spacing-xxxl); }
-.pr8 { padding-right: var(--spacing-xxxxl); }
-.pr9 { padding-right: var(--spacing-xxxxxl); }
-
-.pr-vw1 { padding-right: var(--spacing-vw-extra-small); }
-.pr-vw2 { padding-right: var(--spacing-vw-small); }
-.pr-vw3 { padding-right: var(--spacing-vw-medium); }
-.pr-vw4 { padding-right: var(--spacing-vw-large); }
-.pr-vw5 { padding-right: var(--spacing-vw-xl); }
-.pr-vw6 { padding-right: var(--spacing-vw-xxl); }
-.pr-vw7 { padding-right: var(--spacing-vw-xxxl); }
-.pr-vw8 { padding-right: var(--spacing-vw-xxxxl); }
-
-.pb0 { padding-bottom: var(--spacing-none); }
-.pb1 { padding-bottom: var(--spacing-extra-small); }
-.pb2 { padding-bottom: var(--spacing-small); }
-.pb3 { padding-bottom: var(--spacing-medium); }
-.pb4 { padding-bottom: var(--spacing-large); }
-.pb5 { padding-bottom: var(--spacing-xl); }
-.pb6 { padding-bottom: var(--spacing-xxl); }
-.pb7 { padding-bottom: var(--spacing-xxxl); }
-.pb8 { padding-bottom: var(--spacing-xxxxl); }
-.pb9 { padding-bottom: var(--spacing-xxxxxl); }
-
-.pb-vw1 { padding-bottom: var(--spacing-vw-extra-small); }
-.pb-vw2 { padding-bottom: var(--spacing-vw-small); }
-.pb-vw3 { padding-bottom: var(--spacing-vw-medium); }
-.pb-vw4 { padding-bottom: var(--spacing-vw-large); }
-.pb-vw5 { padding-bottom: var(--spacing-vw-xl); }
-.pb-vw6 { padding-bottom: var(--spacing-vw-xxl); }
-.pb-vw7 { padding-bottom: var(--spacing-vw-xxxl); }
-.pb-vw8 { padding-bottom: var(--spacing-vw-xxxxl); }
-
-.pt0 { padding-top: var(--spacing-none); }
-.pt1 { padding-top: var(--spacing-extra-small); }
-.pt2 { padding-top: var(--spacing-small); }
-.pt3 { padding-top: var(--spacing-medium); }
-.pt4 { padding-top: var(--spacing-large); }
-.pt5 { padding-top: var(--spacing-xl); }
-.pt6 { padding-top: var(--spacing-xxl); }
-.pt7 { padding-top: var(--spacing-xxxl); }
-.pt8 { padding-top: var(--spacing-xxxxl); }
-.pt9 { padding-top: var(--spacing-xxxxxl); }
-
-.pt-vw1 { padding-top: var(--spacing-vw-extra-small); }
-.pt-vw2 { padding-top: var(--spacing-vw-small); }
-.pt-vw3 { padding-top: var(--spacing-vw-medium); }
-.pt-vw4 { padding-top: var(--spacing-vw-large); }
-.pt-vw5 { padding-top: var(--spacing-vw-xl); }
-.pt-vw6 { padding-top: var(--spacing-vw-xxl); }
-.pt-vw7 { padding-top: var(--spacing-vw-xxxl); }
-.pt-vw8 { padding-top: var(--spacing-vw-xxxxl); }
-
-.ma0 { margin: var(--spacing-none); }
-.ma1 { margin: var(--spacing-extra-small); }
-.ma2 { margin: var(--spacing-small); }
-.ma3 { margin: var(--spacing-medium); }
-.ma4 { margin: var(--spacing-large); }
-.ma5 { margin: var(--spacing-xl); }
-.ma6 { margin: var(--spacing-xxl); }
-.ma7 { margin: var(--spacing-xxxl); }
-.ma8 { margin: var(--spacing-xxxxl); }
-.ma9 { margin: var(--spacing-xxxxxl); }
-
-.ma-vw1 { margin: var(--spacing-vw-extra-small); }
-.ma-vw2 { margin: var(--spacing-vw-small); }
-.ma-vw3 { margin: var(--spacing-vw-medium); }
-.ma-vw4 { margin: var(--spacing-vw-large); }
-.ma-vw5 { margin: var(--spacing-vw-xl); }
-.ma-vw6 { margin: var(--spacing-vw-xxl); }
-.ma-vw7 { margin: var(--spacing-vw-xxxl); }
-.ma-vw8 { margin: var(--spacing-vw-xxxxl); }
-
-.ml0 { margin-left: var(--spacing-none); }
-.ml1 { margin-left: var(--spacing-extra-small); }
-.ml2 { margin-left: var(--spacing-small); }
-.ml3 { margin-left: var(--spacing-medium); }
-.ml4 { margin-left: var(--spacing-large); }
-.ml5 { margin-left: var(--spacing-xl); }
-.ml6 { margin-left: var(--spacing-xxl); }
-.ml7 { margin-left: var(--spacing-xxxl); }
-.ml8 { margin-left: var(--spacing-xxxxl); }
-.ml9 { margin-left: var(--spacing-xxxxxl); }
-
-.ml-vw1 { margin-left: var(--spacing-vw-extra-small); }
-.ml-vw2 { margin-left: var(--spacing-vw-small); }
-.ml-vw3 { margin-left: var(--spacing-vw-medium); }
-.ml-vw4 { margin-left: var(--spacing-vw-large); }
-.ml-vw5 { margin-left: var(--spacing-vw-xl); }
-.ml-vw6 { margin-left: var(--spacing-vw-xxl); }
-.ml-vw7 { margin-left: var(--spacing-vw-xxxl); }
-.ml-vw8 { margin-left: var(--spacing-vw-xxxxl); }
-
-.mr0 { margin-right: var(--spacing-none); }
-.mr1 { margin-right: var(--spacing-extra-small); }
-.mr2 { margin-right: var(--spacing-small); }
-.mr3 { margin-right: var(--spacing-medium); }
-.mr4 { margin-right: var(--spacing-large); }
-.mr5 { margin-right: var(--spacing-xl); }
-.mr6 { margin-right: var(--spacing-xxl); }
-.mr7 { margin-right: var(--spacing-xxxl); }
-.mr8 { margin-right: var(--spacing-xxxxl); }
-.mr9 { margin-right: var(--spacing-xxxxxl); }
-
-.mr-vw1 { margin-right: var(--spacing-vw-extra-small); }
-.mr-vw2 { margin-right: var(--spacing-vw-small); }
-.mr-vw3 { margin-right: var(--spacing-vw-medium); }
-.mr-vw4 { margin-right: var(--spacing-vw-large); }
-.mr-vw5 { margin-right: var(--spacing-vw-xl); }
-.mr-vw6 { margin-right: var(--spacing-vw-xxl); }
-.mr-vw7 { margin-right: var(--spacing-vw-xxxl); }
-.mr-vw8 { margin-right: var(--spacing-vw-xxxxl); }
-
-.mb0 { margin-bottom: var(--spacing-none); }
-.mb1 { margin-bottom: var(--spacing-extra-small); }
-.mb2 { margin-bottom: var(--spacing-small); }
-.mb3 { margin-bottom: var(--spacing-medium); }
-.mb4 { margin-bottom: var(--spacing-large); }
-.mb5 { margin-bottom: var(--spacing-xl); }
-.mb6 { margin-bottom: var(--spacing-xxl); }
-.mb7 { margin-bottom: var(--spacing-xxxl); }
-.mb8 { margin-bottom: var(--spacing-xxxxl); }
-.mb9 { margin-bottom: var(--spacing-xxxxxl); }
-
-.mb-vw1 { margin-bottom: var(--spacing-vw-extra-small); }
-.mb-vw2 { margin-bottom: var(--spacing-vw-small); }
-.mb-vw3 { margin-bottom: var(--spacing-vw-medium); }
-.mb-vw4 { margin-bottom: var(--spacing-vw-large); }
-.mb-vw5 { margin-bottom: var(--spacing-vw-xl); }
-.mb-vw6 { margin-bottom: var(--spacing-vw-xxl); }
-.mb-vw7 { margin-bottom: var(--spacing-vw-xxxl); }
-.mb-vw8 { margin-bottom: var(--spacing-vw-xxxxl); }
-
-.mt0 { margin-top: var(--spacing-none); }
-.mt1 { margin-top: var(--spacing-extra-small); }
-.mt2 { margin-top: var(--spacing-small); }
-.mt3 { margin-top: var(--spacing-medium); }
-.mt4 { margin-top: var(--spacing-large); }
-.mt5 { margin-top: var(--spacing-xl); }
-.mt6 { margin-top: var(--spacing-xxl); }
-.mt7 { margin-top: var(--spacing-xxxl); }
-.mt8 { margin-top: var(--spacing-xxxxl); }
-.mt9 { margin-top: var(--spacing-xxxxxl); }
-
-.mt-vw1 { margin-top: var(--spacing-vw-extra-small); }
-.mt-vw2 { margin-top: var(--spacing-vw-small); }
-.mt-vw3 { margin-top: var(--spacing-vw-medium); }
-.mt-vw4 { margin-top: var(--spacing-vw-large); }
-.mt-vw5 { margin-top: var(--spacing-vw-xl); }
-.mt-vw6 { margin-top: var(--spacing-vw-xxl); }
-.mt-vw7 { margin-top: var(--spacing-vw-xxxl); }
-.mt-vw8 { margin-top: var(--spacing-vw-xxxxl); }
-
-@media (--breakpoint-not-small) {
- .pa0-ns { padding: var(--spacing-none); }
- .pa1-ns { padding: var(--spacing-extra-small); }
- .pa2-ns { padding: var(--spacing-small); }
- .pa3-ns { padding: var(--spacing-medium); }
- .pa4-ns { padding: var(--spacing-large); }
- .pa5-ns { padding: var(--spacing-xl); }
- .pa6-ns { padding: var(--spacing-xxl); }
- .pa7-ns { padding: var(--spacing-xxxl); }
- .pa8-ns { padding: var(--spacing-xxxxl); }
- .pa9-ns { padding: var(--spacing-xxxxxl); }
-
- .pr-vw1-ns { padding-right: var(--spacing-vw-extra-small); }
- .pr-vw2-ns { padding-right: var(--spacing-vw-small); }
- .pr-vw3-ns { padding-right: var(--spacing-vw-medium); }
- .pr-vw4-ns { padding-right: var(--spacing-vw-large); }
- .pr-vw5-ns { padding-right: var(--spacing-vw-xl); }
- .pr-vw6-ns { padding-right: var(--spacing-vw-xxl); }
- .pr-vw7-ns { padding-right: var(--spacing-vw-xxxl); }
- .pr-vw8-ns { padding-right: var(--spacing-vw-xxxxl); }
-
- .pl0-ns { padding-left: var(--spacing-none); }
- .pl1-ns { padding-left: var(--spacing-extra-small); }
- .pl2-ns { padding-left: var(--spacing-small); }
- .pl3-ns { padding-left: var(--spacing-medium); }
- .pl4-ns { padding-left: var(--spacing-large); }
- .pl5-ns { padding-left: var(--spacing-xl); }
- .pl6-ns { padding-left: var(--spacing-xxl); }
- .pl7-ns { padding-left: var(--spacing-xxxl); }
- .pl8-ns { padding-left: var(--spacing-xxxxl); }
- .pl9-ns { padding-left: var(--spacing-xxxxxl); }
-
- .pl-vw1-ns { padding-left: var(--spacing-vw-extra-small); }
- .pl-vw2-ns { padding-left: var(--spacing-vw-small); }
- .pl-vw3-ns { padding-left: var(--spacing-vw-medium); }
- .pl-vw4-ns { padding-left: var(--spacing-vw-large); }
- .pl-vw5-ns { padding-left: var(--spacing-vw-xl); }
- .pl-vw6-ns { padding-left: var(--spacing-vw-xxl); }
- .pl-vw7-ns { padding-left: var(--spacing-vw-xxxl); }
- .pl-vw8-ns { padding-left: var(--spacing-vw-xxxxl); }
-
- .pr0-ns { padding-right: var(--spacing-none); }
- .pr1-ns { padding-right: var(--spacing-extra-small); }
- .pr2-ns { padding-right: var(--spacing-small); }
- .pr3-ns { padding-right: var(--spacing-medium); }
- .pr4-ns { padding-right: var(--spacing-large); }
- .pr5-ns { padding-right: var(--spacing-xl); }
- .pr6-ns { padding-right: var(--spacing-xxl); }
- .pr7-ns { padding-right: var(--spacing-xxxl); }
- .pr8-ns { padding-right: var(--spacing-xxxxl); }
- .pr9-ns { padding-right: var(--spacing-xxxxxl); }
-
- .pr-vw1-ns { padding-right: var(--spacing-vw-extra-small); }
- .pr-vw2-ns { padding-right: var(--spacing-vw-small); }
- .pr-vw3-ns { padding-right: var(--spacing-vw-medium); }
- .pr-vw4-ns { padding-right: var(--spacing-vw-large); }
- .pr-vw5-ns { padding-right: var(--spacing-vw-xl); }
- .pr-vw6-ns { padding-right: var(--spacing-vw-xxl); }
- .pr-vw7-ns { padding-right: var(--spacing-vw-xxxl); }
- .pr-vw8-ns { padding-right: var(--spacing-vw-xxxxl); }
-
- .pb0-ns { padding-bottom: var(--spacing-none); }
- .pb1-ns { padding-bottom: var(--spacing-extra-small); }
- .pb2-ns { padding-bottom: var(--spacing-small); }
- .pb3-ns { padding-bottom: var(--spacing-medium); }
- .pb4-ns { padding-bottom: var(--spacing-large); }
- .pb5-ns { padding-bottom: var(--spacing-xl); }
- .pb6-ns { padding-bottom: var(--spacing-xxl); }
- .pb7-ns { padding-bottom: var(--spacing-xxxl); }
- .pb8-ns { padding-bottom: var(--spacing-xxxxl); }
- .pb9-ns { padding-bottom: var(--spacing-xxxxxl); }
-
- .pb-vw1-ns { padding-bottom: var(--spacing-vw-extra-small); }
- .pb-vw2-ns { padding-bottom: var(--spacing-vw-small); }
- .pb-vw3-ns { padding-bottom: var(--spacing-vw-medium); }
- .pb-vw4-ns { padding-bottom: var(--spacing-vw-large); }
- .pb-vw5-ns { padding-bottom: var(--spacing-vw-xl); }
- .pb-vw6-ns { padding-bottom: var(--spacing-vw-xxl); }
- .pb-vw7-ns { padding-bottom: var(--spacing-vw-xxxl); }
- .pb-vw8-ns { padding-bottom: var(--spacing-vw-xxxxl); }
-
- .pt0-ns { padding-top: var(--spacing-none); }
- .pt1-ns { padding-top: var(--spacing-extra-small); }
- .pt2-ns { padding-top: var(--spacing-small); }
- .pt3-ns { padding-top: var(--spacing-medium); }
- .pt4-ns { padding-top: var(--spacing-large); }
- .pt5-ns { padding-top: var(--spacing-xl); }
- .pt6-ns { padding-top: var(--spacing-xxl); }
- .pt7-ns { padding-top: var(--spacing-xxxl); }
- .pt8-ns { padding-top: var(--spacing-xxxxl); }
- .pt9-ns { padding-top: var(--spacing-xxxxxl); }
-
- .pt-vw1-ns { padding-top: var(--spacing-vw-extra-small); }
- .pt-vw2-ns { padding-top: var(--spacing-vw-small); }
- .pt-vw3-ns { padding-top: var(--spacing-vw-medium); }
- .pt-vw4-ns { padding-top: var(--spacing-vw-large); }
- .pt-vw5-ns { padding-top: var(--spacing-vw-xl); }
- .pt-vw6-ns { padding-top: var(--spacing-vw-xxl); }
- .pt-vw7-ns { padding-top: var(--spacing-vw-xxxl); }
- .pt-vw8-ns { padding-top: var(--spacing-vw-xxxxl); }
-
- .ma0-ns { margin: var(--spacing-none); }
- .ma1-ns { margin: var(--spacing-extra-small); }
- .ma2-ns { margin: var(--spacing-small); }
- .ma3-ns { margin: var(--spacing-medium); }
- .ma4-ns { margin: var(--spacing-large); }
- .ma5-ns { margin: var(--spacing-xl); }
- .ma6-ns { margin: var(--spacing-xxl); }
- .ma7-ns { margin: var(--spacing-xxxl); }
- .ma8-ns { margin: var(--spacing-xxxxl); }
- .ma9-ns { margin: var(--spacing-xxxxxl); }
-
- .ma-vw1-ns { margin: var(--spacing-vw-extra-small); }
- .ma-vw2-ns { margin: var(--spacing-vw-small); }
- .ma-vw3-ns { margin: var(--spacing-vw-medium); }
- .ma-vw4-ns { margin: var(--spacing-vw-large); }
- .ma-vw5-ns { margin: var(--spacing-vw-xl); }
- .ma-vw6-ns { margin: var(--spacing-vw-xxl); }
- .ma-vw7-ns { margin: var(--spacing-vw-xxxl); }
- .ma-vw8-ns { margin: var(--spacing-vw-xxxxl); }
-
- .ml0-ns { margin-left: var(--spacing-none); }
- .ml1-ns { margin-left: var(--spacing-extra-small); }
- .ml2-ns { margin-left: var(--spacing-small); }
- .ml3-ns { margin-left: var(--spacing-medium); }
- .ml4-ns { margin-left: var(--spacing-large); }
- .ml5-ns { margin-left: var(--spacing-xl); }
- .ml6-ns { margin-left: var(--spacing-xxl); }
- .ml7-ns { margin-left: var(--spacing-xxxl); }
- .ml8-ns { margin-left: var(--spacing-xxxxl); }
- .ml9-ns { margin-left: var(--spacing-xxxxxl); }
-
- .ml-vw1-ns { margin-left: var(--spacing-vw-extra-small); }
- .ml-vw2-ns { margin-left: var(--spacing-vw-small); }
- .ml-vw3-ns { margin-left: var(--spacing-vw-medium); }
- .ml-vw4-ns { margin-left: var(--spacing-vw-large); }
- .ml-vw5-ns { margin-left: var(--spacing-vw-xl); }
- .ml-vw6-ns { margin-left: var(--spacing-vw-xxl); }
- .ml-vw7-ns { margin-left: var(--spacing-vw-xxxl); }
- .ml-vw8-ns { margin-left: var(--spacing-vw-xxxxl); }
-
- .mr0-ns { margin-right: var(--spacing-none); }
- .mr1-ns { margin-right: var(--spacing-extra-small); }
- .mr2-ns { margin-right: var(--spacing-small); }
- .mr3-ns { margin-right: var(--spacing-medium); }
- .mr4-ns { margin-right: var(--spacing-large); }
- .mr5-ns { margin-right: var(--spacing-xl); }
- .mr6-ns { margin-right: var(--spacing-xxl); }
- .mr7-ns { margin-right: var(--spacing-xxxl); }
- .mr8-ns { margin-right: var(--spacing-xxxxl); }
- .mr9-ns { margin-right: var(--spacing-xxxxxl); }
-
- .mr-vw1-ns { margin-right: var(--spacing-vw-extra-small); }
- .mr-vw2-ns { margin-right: var(--spacing-vw-small); }
- .mr-vw3-ns { margin-right: var(--spacing-vw-medium); }
- .mr-vw4-ns { margin-right: var(--spacing-vw-large); }
- .mr-vw5-ns { margin-right: var(--spacing-vw-xl); }
- .mr-vw6-ns { margin-right: var(--spacing-vw-xxl); }
- .mr-vw7-ns { margin-right: var(--spacing-vw-xxxl); }
- .mr-vw8-ns { margin-right: var(--spacing-vw-xxxxl); }
-
- .mb0-ns { margin-bottom: var(--spacing-none); }
- .mb1-ns { margin-bottom: var(--spacing-extra-small); }
- .mb2-ns { margin-bottom: var(--spacing-small); }
- .mb3-ns { margin-bottom: var(--spacing-medium); }
- .mb4-ns { margin-bottom: var(--spacing-large); }
- .mb5-ns { margin-bottom: var(--spacing-xl); }
- .mb6-ns { margin-bottom: var(--spacing-xxl); }
- .mb7-ns { margin-bottom: var(--spacing-xxxl); }
- .mb8-ns { margin-bottom: var(--spacing-xxxxl); }
- .mb9-ns { margin-bottom: var(--spacing-xxxxxl); }
-
- .mb-vw1-ns { margin-bottom: var(--spacing-vw-extra-small); }
- .mb-vw2-ns { margin-bottom: var(--spacing-vw-small); }
- .mb-vw3-ns { margin-bottom: var(--spacing-vw-medium); }
- .mb-vw4-ns { margin-bottom: var(--spacing-vw-large); }
- .mb-vw5-ns { margin-bottom: var(--spacing-vw-xl); }
- .mb-vw6-ns { margin-bottom: var(--spacing-vw-xxl); }
- .mb-vw7-ns { margin-bottom: var(--spacing-vw-xxxl); }
- .mb-vw8-ns { margin-bottom: var(--spacing-vw-xxxxl); }
-
- .mt0-ns { margin-top: var(--spacing-none); }
- .mt1-ns { margin-top: var(--spacing-extra-small); }
- .mt2-ns { margin-top: var(--spacing-small); }
- .mt3-ns { margin-top: var(--spacing-medium); }
- .mt4-ns { margin-top: var(--spacing-large); }
- .mt5-ns { margin-top: var(--spacing-xl); }
- .mt6-ns { margin-top: var(--spacing-xxl); }
- .mt7-ns { margin-top: var(--spacing-xxxl); }
- .mt8-ns { margin-top: var(--spacing-xxxxl); }
- .mt9-ns { margin-top: var(--spacing-xxxxxl); }
-
- .mt-vw1-ns { margin-top: var(--spacing-vw-extra-small); }
- .mt-vw2-ns { margin-top: var(--spacing-vw-small); }
- .mt-vw3-ns { margin-top: var(--spacing-vw-medium); }
- .mt-vw4-ns { margin-top: var(--spacing-vw-large); }
- .mt-vw5-ns { margin-top: var(--spacing-vw-xl); }
- .mt-vw6-ns { margin-top: var(--spacing-vw-xxl); }
- .mt-vw7-ns { margin-top: var(--spacing-vw-xxxl); }
- .mt-vw8-ns { margin-top: var(--spacing-vw-xxxxl); }
-}
-
-@media (--breakpoint-medium) {
- .pa0-m { padding: var(--spacing-none); }
- .pa1-m { padding: var(--spacing-extra-small); }
- .pa2-m { padding: var(--spacing-small); }
- .pa3-m { padding: var(--spacing-medium); }
- .pa4-m { padding: var(--spacing-large); }
- .pa5-m { padding: var(--spacing-xl); }
- .pa6-m { padding: var(--spacing-xxl); }
- .pa7-m { padding: var(--spacing-xxxl); }
- .pa8-m { padding: var(--spacing-xxxxl); }
- .pa9-m { padding: var(--spacing-xxxxxl); }
-
- .pr-vw1-m { padding-right: var(--spacing-vw-extra-small); }
- .pr-vw2-m { padding-right: var(--spacing-vw-small); }
- .pr-vw3-m { padding-right: var(--spacing-vw-medium); }
- .pr-vw4-m { padding-right: var(--spacing-vw-large); }
- .pr-vw5-m { padding-right: var(--spacing-vw-xl); }
- .pr-vw6-m { padding-right: var(--spacing-vw-xxl); }
- .pr-vw7-m { padding-right: var(--spacing-vw-xxxl); }
- .pr-vw8-m { padding-right: var(--spacing-vw-xxxxl); }
-
- .pl0-m { padding-left: var(--spacing-none); }
- .pl1-m { padding-left: var(--spacing-extra-small); }
- .pl2-m { padding-left: var(--spacing-small); }
- .pl3-m { padding-left: var(--spacing-medium); }
- .pl4-m { padding-left: var(--spacing-large); }
- .pl5-m { padding-left: var(--spacing-xl); }
- .pl6-m { padding-left: var(--spacing-xxl); }
- .pl7-m { padding-left: var(--spacing-xxxl); }
- .pl8-m { padding-left: var(--spacing-xxxxl); }
- .pl9-m { padding-left: var(--spacing-xxxxxl); }
-
- .pl-vw1-m { padding-left: var(--spacing-vw-extra-small); }
- .pl-vw2-m { padding-left: var(--spacing-vw-small); }
- .pl-vw3-m { padding-left: var(--spacing-vw-medium); }
- .pl-vw4-m { padding-left: var(--spacing-vw-large); }
- .pl-vw5-m { padding-left: var(--spacing-vw-xl); }
- .pl-vw6-m { padding-left: var(--spacing-vw-xxl); }
- .pl-vw7-m { padding-left: var(--spacing-vw-xxxl); }
- .pl-vw8-m { padding-left: var(--spacing-vw-xxxxl); }
-
- .pr0-m { padding-right: var(--spacing-none); }
- .pr1-m { padding-right: var(--spacing-extra-small); }
- .pr2-m { padding-right: var(--spacing-small); }
- .pr3-m { padding-right: var(--spacing-medium); }
- .pr4-m { padding-right: var(--spacing-large); }
- .pr5-m { padding-right: var(--spacing-xl); }
- .pr6-m { padding-right: var(--spacing-xxl); }
- .pr7-m { padding-right: var(--spacing-xxxl); }
- .pr8-m { padding-right: var(--spacing-xxxxl); }
- .pr9-m { padding-right: var(--spacing-xxxxxl); }
-
- .pr-vw1-m { padding-right: var(--spacing-vw-extra-small); }
- .pr-vw2-m { padding-right: var(--spacing-vw-small); }
- .pr-vw3-m { padding-right: var(--spacing-vw-medium); }
- .pr-vw4-m { padding-right: var(--spacing-vw-large); }
- .pr-vw5-m { padding-right: var(--spacing-vw-xl); }
- .pr-vw6-m { padding-right: var(--spacing-vw-xxl); }
- .pr-vw7-m { padding-right: var(--spacing-vw-xxxl); }
- .pr-vw8-m { padding-right: var(--spacing-vw-xxxxl); }
-
- .pb0-m { padding-bottom: var(--spacing-none); }
- .pb1-m { padding-bottom: var(--spacing-extra-small); }
- .pb2-m { padding-bottom: var(--spacing-small); }
- .pb3-m { padding-bottom: var(--spacing-medium); }
- .pb4-m { padding-bottom: var(--spacing-large); }
- .pb5-m { padding-bottom: var(--spacing-xl); }
- .pb6-m { padding-bottom: var(--spacing-xxl); }
- .pb7-m { padding-bottom: var(--spacing-xxxl); }
- .pb8-m { padding-bottom: var(--spacing-xxxxl); }
- .pb9-m { padding-bottom: var(--spacing-xxxxxl); }
-
- .pb-vw1-m { padding-bottom: var(--spacing-vw-extra-small); }
- .pb-vw2-m { padding-bottom: var(--spacing-vw-small); }
- .pb-vw3-m { padding-bottom: var(--spacing-vw-medium); }
- .pb-vw4-m { padding-bottom: var(--spacing-vw-large); }
- .pb-vw5-m { padding-bottom: var(--spacing-vw-xl); }
- .pb-vw6-m { padding-bottom: var(--spacing-vw-xxl); }
- .pb-vw7-m { padding-bottom: var(--spacing-vw-xxxl); }
- .pb-vw8-m { padding-bottom: var(--spacing-vw-xxxxl); }
-
- .pt0-m { padding-top: var(--spacing-none); }
- .pt1-m { padding-top: var(--spacing-extra-small); }
- .pt2-m { padding-top: var(--spacing-small); }
- .pt3-m { padding-top: var(--spacing-medium); }
- .pt4-m { padding-top: var(--spacing-large); }
- .pt5-m { padding-top: var(--spacing-xl); }
- .pt6-m { padding-top: var(--spacing-xxl); }
- .pt7-m { padding-top: var(--spacing-xxxl); }
- .pt8-m { padding-top: var(--spacing-xxxxl); }
- .pt9-m { padding-top: var(--spacing-xxxxxl); }
-
- .pt-vw1-m { padding-top: var(--spacing-vw-extra-small); }
- .pt-vw2-m { padding-top: var(--spacing-vw-small); }
- .pt-vw3-m { padding-top: var(--spacing-vw-medium); }
- .pt-vw4-m { padding-top: var(--spacing-vw-large); }
- .pt-vw5-m { padding-top: var(--spacing-vw-xl); }
- .pt-vw6-m { padding-top: var(--spacing-vw-xxl); }
- .pt-vw7-m { padding-top: var(--spacing-vw-xxxl); }
- .pt-vw8-m { padding-top: var(--spacing-vw-xxxxl); }
-
- .ma0-m { margin: var(--spacing-none); }
- .ma1-m { margin: var(--spacing-extra-small); }
- .ma2-m { margin: var(--spacing-small); }
- .ma3-m { margin: var(--spacing-medium); }
- .ma4-m { margin: var(--spacing-large); }
- .ma5-m { margin: var(--spacing-xl); }
- .ma6-m { margin: var(--spacing-xxl); }
- .ma7-m { margin: var(--spacing-xxxl); }
- .ma8-m { margin: var(--spacing-xxxxl); }
- .ma9-m { margin: var(--spacing-xxxxxl); }
-
- .ma-vw1-m { margin: var(--spacing-vw-extra-small); }
- .ma-vw2-m { margin: var(--spacing-vw-small); }
- .ma-vw3-m { margin: var(--spacing-vw-medium); }
- .ma-vw4-m { margin: var(--spacing-vw-large); }
- .ma-vw5-m { margin: var(--spacing-vw-xl); }
- .ma-vw6-m { margin: var(--spacing-vw-xxl); }
- .ma-vw7-m { margin: var(--spacing-vw-xxxl); }
- .ma-vw8-m { margin: var(--spacing-vw-xxxxl); }
-
- .ml0-m { margin-left: var(--spacing-none); }
- .ml1-m { margin-left: var(--spacing-extra-small); }
- .ml2-m { margin-left: var(--spacing-small); }
- .ml3-m { margin-left: var(--spacing-medium); }
- .ml4-m { margin-left: var(--spacing-large); }
- .ml5-m { margin-left: var(--spacing-xl); }
- .ml6-m { margin-left: var(--spacing-xxl); }
- .ml7-m { margin-left: var(--spacing-xxxl); }
- .ml8-m { margin-left: var(--spacing-xxxxl); }
- .ml9-m { margin-left: var(--spacing-xxxxxl); }
-
- .ml-vw1-m { margin-left: var(--spacing-vw-extra-small); }
- .ml-vw2-m { margin-left: var(--spacing-vw-small); }
- .ml-vw3-m { margin-left: var(--spacing-vw-medium); }
- .ml-vw4-m { margin-left: var(--spacing-vw-large); }
- .ml-vw5-m { margin-left: var(--spacing-vw-xl); }
- .ml-vw6-m { margin-left: var(--spacing-vw-xxl); }
- .ml-vw7-m { margin-left: var(--spacing-vw-xxxl); }
- .ml-vw8-m { margin-left: var(--spacing-vw-xxxxl); }
-
- .mr0-m { margin-right: var(--spacing-none); }
- .mr1-m { margin-right: var(--spacing-extra-small); }
- .mr2-m { margin-right: var(--spacing-small); }
- .mr3-m { margin-right: var(--spacing-medium); }
- .mr4-m { margin-right: var(--spacing-large); }
- .mr5-m { margin-right: var(--spacing-xl); }
- .mr6-m { margin-right: var(--spacing-xxl); }
- .mr7-m { margin-right: var(--spacing-xxxl); }
- .mr8-m { margin-right: var(--spacing-xxxxl); }
- .mr9-m { margin-right: var(--spacing-xxxxxl); }
-
- .mr-vw1-m { margin-right: var(--spacing-vw-extra-small); }
- .mr-vw2-m { margin-right: var(--spacing-vw-small); }
- .mr-vw3-m { margin-right: var(--spacing-vw-medium); }
- .mr-vw4-m { margin-right: var(--spacing-vw-large); }
- .mr-vw5-m { margin-right: var(--spacing-vw-xl); }
- .mr-vw6-m { margin-right: var(--spacing-vw-xxl); }
- .mr-vw7-m { margin-right: var(--spacing-vw-xxxl); }
- .mr-vw8-m { margin-right: var(--spacing-vw-xxxxl); }
-
- .mb0-m { margin-bottom: var(--spacing-none); }
- .mb1-m { margin-bottom: var(--spacing-extra-small); }
- .mb2-m { margin-bottom: var(--spacing-small); }
- .mb3-m { margin-bottom: var(--spacing-medium); }
- .mb4-m { margin-bottom: var(--spacing-large); }
- .mb5-m { margin-bottom: var(--spacing-xl); }
- .mb6-m { margin-bottom: var(--spacing-xxl); }
- .mb7-m { margin-bottom: var(--spacing-xxxl); }
- .mb8-m { margin-bottom: var(--spacing-xxxxl); }
- .mb9-m { margin-bottom: var(--spacing-xxxxxl); }
-
- .mb-vw1-m { margin-bottom: var(--spacing-vw-extra-small); }
- .mb-vw2-m { margin-bottom: var(--spacing-vw-small); }
- .mb-vw3-m { margin-bottom: var(--spacing-vw-medium); }
- .mb-vw4-m { margin-bottom: var(--spacing-vw-large); }
- .mb-vw5-m { margin-bottom: var(--spacing-vw-xl); }
- .mb-vw6-m { margin-bottom: var(--spacing-vw-xxl); }
- .mb-vw7-m { margin-bottom: var(--spacing-vw-xxxl); }
- .mb-vw8-m { margin-bottom: var(--spacing-vw-xxxxl); }
-
- .mt0-m { margin-top: var(--spacing-none); }
- .mt1-m { margin-top: var(--spacing-extra-small); }
- .mt2-m { margin-top: var(--spacing-small); }
- .mt3-m { margin-top: var(--spacing-medium); }
- .mt4-m { margin-top: var(--spacing-large); }
- .mt5-m { margin-top: var(--spacing-xl); }
- .mt6-m { margin-top: var(--spacing-xxl); }
- .mt7-m { margin-top: var(--spacing-xxxl); }
- .mt8-m { margin-top: var(--spacing-xxxxl); }
- .mt9-m { margin-top: var(--spacing-xxxxxl); }
-
- .mt-vw1-m { margin-top: var(--spacing-vw-extra-small); }
- .mt-vw2-m { margin-top: var(--spacing-vw-small); }
- .mt-vw3-m { margin-top: var(--spacing-vw-medium); }
- .mt-vw4-m { margin-top: var(--spacing-vw-large); }
- .mt-vw5-m { margin-top: var(--spacing-vw-xl); }
- .mt-vw6-m { margin-top: var(--spacing-vw-xxl); }
- .mt-vw7-m { margin-top: var(--spacing-vw-xxxl); }
- .mt-vw8-m { margin-top: var(--spacing-vw-xxxxl); }
-}
-
-@media (--breakpoint-large) {
- .pa0-l { padding: var(--spacing-none); }
- .pa1-l { padding: var(--spacing-extra-small); }
- .pa2-l { padding: var(--spacing-small); }
- .pa3-l { padding: var(--spacing-medium); }
- .pa4-l { padding: var(--spacing-large); }
- .pa5-l { padding: var(--spacing-xl); }
- .pa6-l { padding: var(--spacing-xxl); }
- .pa7-l { padding: var(--spacing-xxxl); }
- .pa8-l { padding: var(--spacing-xxxxl); }
- .pa9-l { padding: var(--spacing-xxxxxl); }
-
- .pr-vw1-l { padding-right: var(--spacing-vw-extra-small); }
- .pr-vw2-l { padding-right: var(--spacing-vw-small); }
- .pr-vw3-l { padding-right: var(--spacing-vw-medium); }
- .pr-vw4-l { padding-right: var(--spacing-vw-large); }
- .pr-vw5-l { padding-right: var(--spacing-vw-xl); }
- .pr-vw6-l { padding-right: var(--spacing-vw-xxl); }
- .pr-vw7-l { padding-right: var(--spacing-vw-xxxl); }
- .pr-vw8-l { padding-right: var(--spacing-vw-xxxxl); }
-
- .pl0-l { padding-left: var(--spacing-none); }
- .pl1-l { padding-left: var(--spacing-extra-small); }
- .pl2-l { padding-left: var(--spacing-small); }
- .pl3-l { padding-left: var(--spacing-medium); }
- .pl4-l { padding-left: var(--spacing-large); }
- .pl5-l { padding-left: var(--spacing-xl); }
- .pl6-l { padding-left: var(--spacing-xxl); }
- .pl7-l { padding-left: var(--spacing-xxxl); }
- .pl8-l { padding-left: var(--spacing-xxxxl); }
- .pl9-l { padding-left: var(--spacing-xxxxxl); }
-
- .pl-vw1-l { padding-left: var(--spacing-vw-extra-small); }
- .pl-vw2-l { padding-left: var(--spacing-vw-small); }
- .pl-vw3-l { padding-left: var(--spacing-vw-medium); }
- .pl-vw4-l { padding-left: var(--spacing-vw-large); }
- .pl-vw5-l { padding-left: var(--spacing-vw-xl); }
- .pl-vw6-l { padding-left: var(--spacing-vw-xxl); }
- .pl-vw7-l { padding-left: var(--spacing-vw-xxxl); }
- .pl-vw8-l { padding-left: var(--spacing-vw-xxxxl); }
-
- .pr0-l { padding-right: var(--spacing-none); }
- .pr1-l { padding-right: var(--spacing-extra-small); }
- .pr2-l { padding-right: var(--spacing-small); }
- .pr3-l { padding-right: var(--spacing-medium); }
- .pr4-l { padding-right: var(--spacing-large); }
- .pr5-l { padding-right: var(--spacing-xl); }
- .pr6-l { padding-right: var(--spacing-xxl); }
- .pr7-l { padding-right: var(--spacing-xxxl); }
- .pr8-l { padding-right: var(--spacing-xxxxl); }
- .pr9-l { padding-right: var(--spacing-xxxxxl); }
-
- .pr-vw1-l { padding-right: var(--spacing-vw-extra-small); }
- .pr-vw2-l { padding-right: var(--spacing-vw-small); }
- .pr-vw3-l { padding-right: var(--spacing-vw-medium); }
- .pr-vw4-l { padding-right: var(--spacing-vw-large); }
- .pr-vw5-l { padding-right: var(--spacing-vw-xl); }
- .pr-vw6-l { padding-right: var(--spacing-vw-xxl); }
- .pr-vw7-l { padding-right: var(--spacing-vw-xxxl); }
- .pr-vw8-l { padding-right: var(--spacing-vw-xxxxl); }
-
- .pb0-l { padding-bottom: var(--spacing-none); }
- .pb1-l { padding-bottom: var(--spacing-extra-small); }
- .pb2-l { padding-bottom: var(--spacing-small); }
- .pb3-l { padding-bottom: var(--spacing-medium); }
- .pb4-l { padding-bottom: var(--spacing-large); }
- .pb5-l { padding-bottom: var(--spacing-xl); }
- .pb6-l { padding-bottom: var(--spacing-xxl); }
- .pb7-l { padding-bottom: var(--spacing-xxxl); }
- .pb8-l { padding-bottom: var(--spacing-xxxxl); }
- .pb9-l { padding-bottom: var(--spacing-xxxxxl); }
-
- .pb-vw1-l { padding-bottom: var(--spacing-vw-extra-small); }
- .pb-vw2-l { padding-bottom: var(--spacing-vw-small); }
- .pb-vw3-l { padding-bottom: var(--spacing-vw-medium); }
- .pb-vw4-l { padding-bottom: var(--spacing-vw-large); }
- .pb-vw5-l { padding-bottom: var(--spacing-vw-xl); }
- .pb-vw6-l { padding-bottom: var(--spacing-vw-xxl); }
- .pb-vw7-l { padding-bottom: var(--spacing-vw-xxxl); }
- .pb-vw8-l { padding-bottom: var(--spacing-vw-xxxxl); }
-
- .pt0-l { padding-top: var(--spacing-none); }
- .pt1-l { padding-top: var(--spacing-extra-small); }
- .pt2-l { padding-top: var(--spacing-small); }
- .pt3-l { padding-top: var(--spacing-medium); }
- .pt4-l { padding-top: var(--spacing-large); }
- .pt5-l { padding-top: var(--spacing-xl); }
- .pt6-l { padding-top: var(--spacing-xxl); }
- .pt7-l { padding-top: var(--spacing-xxxl); }
- .pt8-l { padding-top: var(--spacing-xxxxl); }
- .pt9-l { padding-top: var(--spacing-xxxxxl); }
-
- .pt-vw1-l { padding-top: var(--spacing-vw-extra-small); }
- .pt-vw2-l { padding-top: var(--spacing-vw-small); }
- .pt-vw3-l { padding-top: var(--spacing-vw-medium); }
- .pt-vw4-l { padding-top: var(--spacing-vw-large); }
- .pt-vw5-l { padding-top: var(--spacing-vw-xl); }
- .pt-vw6-l { padding-top: var(--spacing-vw-xxl); }
- .pt-vw7-l { padding-top: var(--spacing-vw-xxxl); }
- .pt-vw8-l { padding-top: var(--spacing-vw-xxxxl); }
-
- .ma0-l { margin: var(--spacing-none); }
- .ma1-l { margin: var(--spacing-extra-small); }
- .ma2-l { margin: var(--spacing-small); }
- .ma3-l { margin: var(--spacing-medium); }
- .ma4-l { margin: var(--spacing-large); }
- .ma5-l { margin: var(--spacing-xl); }
- .ma6-l { margin: var(--spacing-xxl); }
- .ma7-l { margin: var(--spacing-xxxl); }
- .ma8-l { margin: var(--spacing-xxxxl); }
- .ma9-l { margin: var(--spacing-xxxxxl); }
-
- .ma-vw1-l { margin: var(--spacing-vw-extra-small); }
- .ma-vw2-l { margin: var(--spacing-vw-small); }
- .ma-vw3-l { margin: var(--spacing-vw-medium); }
- .ma-vw4-l { margin: var(--spacing-vw-large); }
- .ma-vw5-l { margin: var(--spacing-vw-xl); }
- .ma-vw6-l { margin: var(--spacing-vw-xxl); }
- .ma-vw7-l { margin: var(--spacing-vw-xxxl); }
- .ma-vw8-l { margin: var(--spacing-vw-xxxxl); }
-
- .ml0-l { margin-left: var(--spacing-none); }
- .ml1-l { margin-left: var(--spacing-extra-small); }
- .ml2-l { margin-left: var(--spacing-small); }
- .ml3-l { margin-left: var(--spacing-medium); }
- .ml4-l { margin-left: var(--spacing-large); }
- .ml5-l { margin-left: var(--spacing-xl); }
- .ml6-l { margin-left: var(--spacing-xxl); }
- .ml7-l { margin-left: var(--spacing-xxxl); }
- .ml8-l { margin-left: var(--spacing-xxxxl); }
- .ml9-l { margin-left: var(--spacing-xxxxxl); }
-
- .ml-vw1-l { margin-left: var(--spacing-vw-extra-small); }
- .ml-vw2-l { margin-left: var(--spacing-vw-small); }
- .ml-vw3-l { margin-left: var(--spacing-vw-medium); }
- .ml-vw4-l { margin-left: var(--spacing-vw-large); }
- .ml-vw5-l { margin-left: var(--spacing-vw-xl); }
- .ml-vw6-l { margin-left: var(--spacing-vw-xxl); }
- .ml-vw7-l { margin-left: var(--spacing-vw-xxxl); }
- .ml-vw8-l { margin-left: var(--spacing-vw-xxxxl); }
-
- .mr0-l { margin-right: var(--spacing-none); }
- .mr1-l { margin-right: var(--spacing-extra-small); }
- .mr2-l { margin-right: var(--spacing-small); }
- .mr3-l { margin-right: var(--spacing-medium); }
- .mr4-l { margin-right: var(--spacing-large); }
- .mr5-l { margin-right: var(--spacing-xl); }
- .mr6-l { margin-right: var(--spacing-xxl); }
- .mr7-l { margin-right: var(--spacing-xxxl); }
- .mr8-l { margin-right: var(--spacing-xxxxl); }
- .mr9-l { margin-right: var(--spacing-xxxxxl); }
-
- .mr-vw1-l { margin-right: var(--spacing-vw-extra-small); }
- .mr-vw2-l { margin-right: var(--spacing-vw-small); }
- .mr-vw3-l { margin-right: var(--spacing-vw-medium); }
- .mr-vw4-l { margin-right: var(--spacing-vw-large); }
- .mr-vw5-l { margin-right: var(--spacing-vw-xl); }
- .mr-vw6-l { margin-right: var(--spacing-vw-xxl); }
- .mr-vw7-l { margin-right: var(--spacing-vw-xxxl); }
- .mr-vw8-l { margin-right: var(--spacing-vw-xxxxl); }
-
- .mb0-l { margin-bottom: var(--spacing-none); }
- .mb1-l { margin-bottom: var(--spacing-extra-small); }
- .mb2-l { margin-bottom: var(--spacing-small); }
- .mb3-l { margin-bottom: var(--spacing-medium); }
- .mb4-l { margin-bottom: var(--spacing-large); }
- .mb5-l { margin-bottom: var(--spacing-xl); }
- .mb6-l { margin-bottom: var(--spacing-xxl); }
- .mb7-l { margin-bottom: var(--spacing-xxxl); }
- .mb8-l { margin-bottom: var(--spacing-xxxxl); }
- .mb9-l { margin-bottom: var(--spacing-xxxxxl); }
-
- .mb-vw1-l { margin-bottom: var(--spacing-vw-extra-small); }
- .mb-vw2-l { margin-bottom: var(--spacing-vw-small); }
- .mb-vw3-l { margin-bottom: var(--spacing-vw-medium); }
- .mb-vw4-l { margin-bottom: var(--spacing-vw-large); }
- .mb-vw5-l { margin-bottom: var(--spacing-vw-xl); }
- .mb-vw6-l { margin-bottom: var(--spacing-vw-xxl); }
- .mb-vw7-l { margin-bottom: var(--spacing-vw-xxxl); }
- .mb-vw8-l { margin-bottom: var(--spacing-vw-xxxxl); }
-
- .mt0-l { margin-top: var(--spacing-none); }
- .mt1-l { margin-top: var(--spacing-extra-small); }
- .mt2-l { margin-top: var(--spacing-small); }
- .mt3-l { margin-top: var(--spacing-medium); }
- .mt4-l { margin-top: var(--spacing-large); }
- .mt5-l { margin-top: var(--spacing-xl); }
- .mt6-l { margin-top: var(--spacing-xxl); }
- .mt7-l { margin-top: var(--spacing-xxxl); }
- .mt8-l { margin-top: var(--spacing-xxxxl); }
- .mt9-l { margin-top: var(--spacing-xxxxxl); }
-
- .mt-vw1-l { margin-top: var(--spacing-vw-extra-small); }
- .mt-vw2-l { margin-top: var(--spacing-vw-small); }
- .mt-vw3-l { margin-top: var(--spacing-vw-medium); }
- .mt-vw4-l { margin-top: var(--spacing-vw-large); }
- .mt-vw5-l { margin-top: var(--spacing-vw-xl); }
- .mt-vw6-l { margin-top: var(--spacing-vw-xxl); }
- .mt-vw7-l { margin-top: var(--spacing-vw-xxxl); }
- .mt-vw8-l { margin-top: var(--spacing-vw-xxxxl); }
-}
diff --git a/app/styles/spirit-product/_spacing.css b/app/styles/spirit-product/_spacing.css
deleted file mode 100644
index 369d19b502..0000000000
--- a/app/styles/spirit-product/_spacing.css
+++ /dev/null
@@ -1,1072 +0,0 @@
-/*
-
- Base:
- p = padding
- m = margin
-
- Modifier:
- a = all
- r = right
- b = bottom
- l = left
- t = top
-
- Value:
- (n) = (n * grid size)
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
- */
-
-:root {
- --grid-size: .4rem;
-}
-
-.pa0 { padding: 0; }
-.pa1 { padding: calc(var(--grid-size) * 1); }
-.pa2 { padding: calc(var(--grid-size) * 2); }
-.pa3 { padding: calc(var(--grid-size) * 3); }
-.pa4 { padding: calc(var(--grid-size) * 4); }
-.pa5 { padding: calc(var(--grid-size) * 5); }
-.pa6 { padding: calc(var(--grid-size) * 6); }
-.pa7 { padding: calc(var(--grid-size) * 7); }
-.pa8 { padding: calc(var(--grid-size) * 8); }
-.pa9 { padding: calc(var(--grid-size) * 9); }
-.pa10 { padding: calc(var(--grid-size) * 10); }
-.pa11 { padding: calc(var(--grid-size) * 11); }
-.pa12 { padding: calc(var(--grid-size) * 12); }
-.pa13 { padding: calc(var(--grid-size) * 13); }
-.pa14 { padding: calc(var(--grid-size) * 14); }
-.pa15 { padding: calc(var(--grid-size) * 15); }
-.pa16 { padding: calc(var(--grid-size) * 16); }
-.pa17 { padding: calc(var(--grid-size) * 17); }
-.pa18 { padding: calc(var(--grid-size) * 18); }
-.pa19 { padding: calc(var(--grid-size) * 19); }
-.pa20 { padding: calc(var(--grid-size) * 20); }
-.pa25 { padding: calc(var(--grid-size) * 25); }
-.pa30 { padding: calc(var(--grid-size) * 30); }
-.pa40 { padding: calc(var(--grid-size) * 40); }
-.pa50 { padding: calc(var(--grid-size) * 50); }
-
-.pr0 { padding-right: 0; }
-.pr1 { padding-right: calc(var(--grid-size) * 1); }
-.pr2 { padding-right: calc(var(--grid-size) * 2); }
-.pr3 { padding-right: calc(var(--grid-size) * 3); }
-.pr4 { padding-right: calc(var(--grid-size) * 4); }
-.pr5 { padding-right: calc(var(--grid-size) * 5); }
-.pr6 { padding-right: calc(var(--grid-size) * 6); }
-.pr7 { padding-right: calc(var(--grid-size) * 7); }
-.pr8 { padding-right: calc(var(--grid-size) * 8); }
-.pr9 { padding-right: calc(var(--grid-size) * 9); }
-.pr10 { padding-right: calc(var(--grid-size) * 10); }
-.pr11 { padding-right: calc(var(--grid-size) * 11); }
-.pr12 { padding-right: calc(var(--grid-size) * 12); }
-.pr13 { padding-right: calc(var(--grid-size) * 13); }
-.pr14 { padding-right: calc(var(--grid-size) * 14); }
-.pr15 { padding-right: calc(var(--grid-size) * 15); }
-.pr16 { padding-right: calc(var(--grid-size) * 16); }
-.pr17 { padding-right: calc(var(--grid-size) * 17); }
-.pr18 { padding-right: calc(var(--grid-size) * 18); }
-.pr19 { padding-right: calc(var(--grid-size) * 19); }
-.pr20 { padding-right: calc(var(--grid-size) * 20); }
-.pr25 { padding-right: calc(var(--grid-size) * 25); }
-.pr30 { padding-right: calc(var(--grid-size) * 30); }
-.pr40 { padding-right: calc(var(--grid-size) * 40); }
-.pr50 { padding-right: calc(var(--grid-size) * 50); }
-
-.pb0 { padding-bottom: 0; }
-.pb1 { padding-bottom: calc(var(--grid-size) * 1); }
-.pb2 { padding-bottom: calc(var(--grid-size) * 2); }
-.pb3 { padding-bottom: calc(var(--grid-size) * 3); }
-.pb4 { padding-bottom: calc(var(--grid-size) * 4); }
-.pb5 { padding-bottom: calc(var(--grid-size) * 5); }
-.pb6 { padding-bottom: calc(var(--grid-size) * 6); }
-.pb7 { padding-bottom: calc(var(--grid-size) * 7); }
-.pb8 { padding-bottom: calc(var(--grid-size) * 8); }
-.pb9 { padding-bottom: calc(var(--grid-size) * 9); }
-.pb10 { padding-bottom: calc(var(--grid-size) * 10); }
-.pb11 { padding-bottom: calc(var(--grid-size) * 11); }
-.pb12 { padding-bottom: calc(var(--grid-size) * 12); }
-.pb13 { padding-bottom: calc(var(--grid-size) * 13); }
-.pb14 { padding-bottom: calc(var(--grid-size) * 14); }
-.pb15 { padding-bottom: calc(var(--grid-size) * 15); }
-.pb16 { padding-bottom: calc(var(--grid-size) * 16); }
-.pb17 { padding-bottom: calc(var(--grid-size) * 17); }
-.pb18 { padding-bottom: calc(var(--grid-size) * 18); }
-.pb19 { padding-bottom: calc(var(--grid-size) * 19); }
-.pb20 { padding-bottom: calc(var(--grid-size) * 20); }
-.pb25 { padding-bottom: calc(var(--grid-size) * 25); }
-.pb30 { padding-bottom: calc(var(--grid-size) * 30); }
-.pb40 { padding-bottom: calc(var(--grid-size) * 40); }
-.pb50 { padding-bottom: calc(var(--grid-size) * 50); }
-
-.pl0 { padding-left: 0; }
-.pl1 { padding-left: calc(var(--grid-size) * 1); }
-.pl2 { padding-left: calc(var(--grid-size) * 2); }
-.pl3 { padding-left: calc(var(--grid-size) * 3); }
-.pl4 { padding-left: calc(var(--grid-size) * 4); }
-.pl5 { padding-left: calc(var(--grid-size) * 5); }
-.pl6 { padding-left: calc(var(--grid-size) * 6); }
-.pl7 { padding-left: calc(var(--grid-size) * 7); }
-.pl8 { padding-left: calc(var(--grid-size) * 8); }
-.pl9 { padding-left: calc(var(--grid-size) * 9); }
-.pl10 { padding-left: calc(var(--grid-size) * 10); }
-.pl11 { padding-left: calc(var(--grid-size) * 11); }
-.pl12 { padding-left: calc(var(--grid-size) * 12); }
-.pl13 { padding-left: calc(var(--grid-size) * 13); }
-.pl14 { padding-left: calc(var(--grid-size) * 14); }
-.pl15 { padding-left: calc(var(--grid-size) * 15); }
-.pl16 { padding-left: calc(var(--grid-size) * 16); }
-.pl17 { padding-left: calc(var(--grid-size) * 17); }
-.pl18 { padding-left: calc(var(--grid-size) * 18); }
-.pl19 { padding-left: calc(var(--grid-size) * 19); }
-.pl20 { padding-left: calc(var(--grid-size) * 20); }
-.pl25 { padding-left: calc(var(--grid-size) * 25); }
-.pl30 { padding-left: calc(var(--grid-size) * 30); }
-.pl40 { padding-left: calc(var(--grid-size) * 40); }
-.pl50 { padding-left: calc(var(--grid-size) * 50); }
-
-.pt0 { padding-top: 0; }
-.pt1 { padding-top: calc(var(--grid-size) * 1); }
-.pt2 { padding-top: calc(var(--grid-size) * 2); }
-.pt3 { padding-top: calc(var(--grid-size) * 3); }
-.pt4 { padding-top: calc(var(--grid-size) * 4); }
-.pt5 { padding-top: calc(var(--grid-size) * 5); }
-.pt6 { padding-top: calc(var(--grid-size) * 6); }
-.pt7 { padding-top: calc(var(--grid-size) * 7); }
-.pt8 { padding-top: calc(var(--grid-size) * 8); }
-.pt9 { padding-top: calc(var(--grid-size) * 9); }
-.pt10 { padding-top: calc(var(--grid-size) * 10); }
-.pt11 { padding-top: calc(var(--grid-size) * 11); }
-.pt12 { padding-top: calc(var(--grid-size) * 12); }
-.pt13 { padding-top: calc(var(--grid-size) * 13); }
-.pt14 { padding-top: calc(var(--grid-size) * 14); }
-.pt15 { padding-top: calc(var(--grid-size) * 15); }
-.pt16 { padding-top: calc(var(--grid-size) * 16); }
-.pt17 { padding-top: calc(var(--grid-size) * 17); }
-.pt18 { padding-top: calc(var(--grid-size) * 18); }
-.pt19 { padding-top: calc(var(--grid-size) * 19); }
-.pt20 { padding-top: calc(var(--grid-size) * 20); }
-.pt25 { padding-top: calc(var(--grid-size) * 25); }
-.pt30 { padding-top: calc(var(--grid-size) * 30); }
-.pt40 { padding-top: calc(var(--grid-size) * 40); }
-.pt50 { padding-top: calc(var(--grid-size) * 50); }
-
-.ma0 { margin: 0; }
-.ma1 { margin: calc(var(--grid-size) * 1); }
-.ma2 { margin: calc(var(--grid-size) * 2); }
-.ma3 { margin: calc(var(--grid-size) * 3); }
-.ma4 { margin: calc(var(--grid-size) * 4); }
-.ma5 { margin: calc(var(--grid-size) * 5); }
-.ma6 { margin: calc(var(--grid-size) * 6); }
-.ma7 { margin: calc(var(--grid-size) * 7); }
-.ma8 { margin: calc(var(--grid-size) * 8); }
-.ma9 { margin: calc(var(--grid-size) * 9); }
-.ma10 { margin: calc(var(--grid-size) * 10); }
-.ma11 { margin: calc(var(--grid-size) * 11); }
-.ma12 { margin: calc(var(--grid-size) * 12); }
-.ma13 { margin: calc(var(--grid-size) * 13); }
-.ma14 { margin: calc(var(--grid-size) * 14); }
-.ma15 { margin: calc(var(--grid-size) * 15); }
-.ma16 { margin: calc(var(--grid-size) * 16); }
-.ma17 { margin: calc(var(--grid-size) * 17); }
-.ma18 { margin: calc(var(--grid-size) * 18); }
-.ma19 { margin: calc(var(--grid-size) * 19); }
-.ma20 { margin: calc(var(--grid-size) * 20); }
-.ma25 { margin: calc(var(--grid-size) * 25); }
-.ma30 { margin: calc(var(--grid-size) * 30); }
-.ma40 { margin: calc(var(--grid-size) * 40); }
-.ma50 { margin: calc(var(--grid-size) * 50); }
-
-.mr0 { margin-right: 0; }
-.mr1 { margin-right: calc(var(--grid-size) * 1); }
-.mr2 { margin-right: calc(var(--grid-size) * 2); }
-.mr3 { margin-right: calc(var(--grid-size) * 3); }
-.mr4 { margin-right: calc(var(--grid-size) * 4); }
-.mr5 { margin-right: calc(var(--grid-size) * 5); }
-.mr6 { margin-right: calc(var(--grid-size) * 6); }
-.mr7 { margin-right: calc(var(--grid-size) * 7); }
-.mr8 { margin-right: calc(var(--grid-size) * 8); }
-.mr9 { margin-right: calc(var(--grid-size) * 9); }
-.mr10 { margin-right: calc(var(--grid-size) * 10); }
-.mr11 { margin-right: calc(var(--grid-size) * 11); }
-.mr12 { margin-right: calc(var(--grid-size) * 12); }
-.mr13 { margin-right: calc(var(--grid-size) * 13); }
-.mr14 { margin-right: calc(var(--grid-size) * 14); }
-.mr15 { margin-right: calc(var(--grid-size) * 15); }
-.mr16 { margin-right: calc(var(--grid-size) * 16); }
-.mr17 { margin-right: calc(var(--grid-size) * 17); }
-.mr18 { margin-right: calc(var(--grid-size) * 18); }
-.mr19 { margin-right: calc(var(--grid-size) * 19); }
-.mr20 { margin-right: calc(var(--grid-size) * 20); }
-.mr25 { margin-right: calc(var(--grid-size) * 25); }
-.mr30 { margin-right: calc(var(--grid-size) * 30); }
-.mr40 { margin-right: calc(var(--grid-size) * 40); }
-.mr50 { margin-right: calc(var(--grid-size) * 50); }
-
-.mb0 { margin-bottom: 0; }
-.mb1 { margin-bottom: calc(var(--grid-size) * 1); }
-.mb2 { margin-bottom: calc(var(--grid-size) * 2); }
-.mb3 { margin-bottom: calc(var(--grid-size) * 3); }
-.mb4 { margin-bottom: calc(var(--grid-size) * 4); }
-.mb5 { margin-bottom: calc(var(--grid-size) * 5); }
-.mb6 { margin-bottom: calc(var(--grid-size) * 6); }
-.mb7 { margin-bottom: calc(var(--grid-size) * 7); }
-.mb8 { margin-bottom: calc(var(--grid-size) * 8); }
-.mb9 { margin-bottom: calc(var(--grid-size) * 9); }
-.mb10 { margin-bottom: calc(var(--grid-size) * 10); }
-.mb11 { margin-bottom: calc(var(--grid-size) * 11); }
-.mb12 { margin-bottom: calc(var(--grid-size) * 12); }
-.mb13 { margin-bottom: calc(var(--grid-size) * 13); }
-.mb14 { margin-bottom: calc(var(--grid-size) * 14); }
-.mb15 { margin-bottom: calc(var(--grid-size) * 15); }
-.mb16 { margin-bottom: calc(var(--grid-size) * 16); }
-.mb17 { margin-bottom: calc(var(--grid-size) * 17); }
-.mb18 { margin-bottom: calc(var(--grid-size) * 18); }
-.mb19 { margin-bottom: calc(var(--grid-size) * 19); }
-.mb20 { margin-bottom: calc(var(--grid-size) * 20); }
-.mb25 { margin-bottom: calc(var(--grid-size) * 25); }
-.mb30 { margin-bottom: calc(var(--grid-size) * 30); }
-.mb40 { margin-bottom: calc(var(--grid-size) * 40); }
-.mb50 { margin-bottom: calc(var(--grid-size) * 50); }
-
-.ml0 { margin-left: 0; }
-.ml1 { margin-left: calc(var(--grid-size) * 1); }
-.ml2 { margin-left: calc(var(--grid-size) * 2); }
-.ml3 { margin-left: calc(var(--grid-size) * 3); }
-.ml4 { margin-left: calc(var(--grid-size) * 4); }
-.ml5 { margin-left: calc(var(--grid-size) * 5); }
-.ml6 { margin-left: calc(var(--grid-size) * 6); }
-.ml7 { margin-left: calc(var(--grid-size) * 7); }
-.ml8 { margin-left: calc(var(--grid-size) * 8); }
-.ml9 { margin-left: calc(var(--grid-size) * 9); }
-.ml10 { margin-left: calc(var(--grid-size) * 10); }
-.ml11 { margin-left: calc(var(--grid-size) * 11); }
-.ml12 { margin-left: calc(var(--grid-size) * 12); }
-.ml13 { margin-left: calc(var(--grid-size) * 13); }
-.ml14 { margin-left: calc(var(--grid-size) * 14); }
-.ml15 { margin-left: calc(var(--grid-size) * 15); }
-.ml16 { margin-left: calc(var(--grid-size) * 16); }
-.ml17 { margin-left: calc(var(--grid-size) * 17); }
-.ml18 { margin-left: calc(var(--grid-size) * 18); }
-.ml19 { margin-left: calc(var(--grid-size) * 19); }
-.ml20 { margin-left: calc(var(--grid-size) * 20); }
-.ml25 { margin-left: calc(var(--grid-size) * 25); }
-.ml30 { margin-left: calc(var(--grid-size) * 30); }
-.ml40 { margin-left: calc(var(--grid-size) * 40); }
-.ml50 { margin-left: calc(var(--grid-size) * 50); }
-
-.mt0 { margin-top: 0; }
-.mt1 { margin-top: calc(var(--grid-size) * 1); }
-.mt2 { margin-top: calc(var(--grid-size) * 2); }
-.mt3 { margin-top: calc(var(--grid-size) * 3); }
-.mt4 { margin-top: calc(var(--grid-size) * 4); }
-.mt5 { margin-top: calc(var(--grid-size) * 5); }
-.mt6 { margin-top: calc(var(--grid-size) * 6); }
-.mt7 { margin-top: calc(var(--grid-size) * 7); }
-.mt8 { margin-top: calc(var(--grid-size) * 8); }
-.mt9 { margin-top: calc(var(--grid-size) * 9); }
-.mt10 { margin-top: calc(var(--grid-size) * 10); }
-.mt11 { margin-top: calc(var(--grid-size) * 11); }
-.mt12 { margin-top: calc(var(--grid-size) * 12); }
-.mt13 { margin-top: calc(var(--grid-size) * 13); }
-.mt14 { margin-top: calc(var(--grid-size) * 14); }
-.mt15 { margin-top: calc(var(--grid-size) * 15); }
-.mt16 { margin-top: calc(var(--grid-size) * 16); }
-.mt17 { margin-top: calc(var(--grid-size) * 17); }
-.mt18 { margin-top: calc(var(--grid-size) * 18); }
-.mt19 { margin-top: calc(var(--grid-size) * 19); }
-.mt20 { margin-top: calc(var(--grid-size) * 20); }
-.mt25 { margin-top: calc(var(--grid-size) * 25); }
-.mt30 { margin-top: calc(var(--grid-size) * 30); }
-.mt40 { margin-top: calc(var(--grid-size) * 40); }
-.mt50 { margin-top: calc(var(--grid-size) * 50); }
-
-@media (--breakpoint-not-small) {
- .pa0-ns { padding: 0; }
- .pa1-ns { padding: calc(var(--grid-size) * 1); }
- .pa2-ns { padding: calc(var(--grid-size) * 2); }
- .pa3-ns { padding: calc(var(--grid-size) * 3); }
- .pa4-ns { padding: calc(var(--grid-size) * 4); }
- .pa5-ns { padding: calc(var(--grid-size) * 5); }
- .pa6-ns { padding: calc(var(--grid-size) * 6); }
- .pa7-ns { padding: calc(var(--grid-size) * 7); }
- .pa8-ns { padding: calc(var(--grid-size) * 8); }
- .pa9-ns { padding: calc(var(--grid-size) * 9); }
- .pa10-ns { padding: calc(var(--grid-size) * 10); }
- .pa11-ns { padding: calc(var(--grid-size) * 11); }
- .pa12-ns { padding: calc(var(--grid-size) * 12); }
- .pa13-ns { padding: calc(var(--grid-size) * 13); }
- .pa14-ns { padding: calc(var(--grid-size) * 14); }
- .pa15-ns { padding: calc(var(--grid-size) * 15); }
- .pa16-ns { padding: calc(var(--grid-size) * 16); }
- .pa17-ns { padding: calc(var(--grid-size) * 17); }
- .pa18-ns { padding: calc(var(--grid-size) * 18); }
- .pa19-ns { padding: calc(var(--grid-size) * 19); }
- .pa20-ns { padding: calc(var(--grid-size) * 20); }
- .pa25-ns { padding: calc(var(--grid-size) * 25); }
- .pa30-ns { padding: calc(var(--grid-size) * 30); }
- .pa40-ns { padding: calc(var(--grid-size) * 40); }
- .pa50-ns { padding: calc(var(--grid-size) * 50); }
-
- .pr0-ns { padding-right: 0; }
- .pr1-ns { padding-right: calc(var(--grid-size) * 1); }
- .pr2-ns { padding-right: calc(var(--grid-size) * 2); }
- .pr3-ns { padding-right: calc(var(--grid-size) * 3); }
- .pr4-ns { padding-right: calc(var(--grid-size) * 4); }
- .pr5-ns { padding-right: calc(var(--grid-size) * 5); }
- .pr6-ns { padding-right: calc(var(--grid-size) * 6); }
- .pr7-ns { padding-right: calc(var(--grid-size) * 7); }
- .pr8-ns { padding-right: calc(var(--grid-size) * 8); }
- .pr9-ns { padding-right: calc(var(--grid-size) * 9); }
- .pr10-ns { padding-right: calc(var(--grid-size) * 10); }
- .pr11-ns { padding-right: calc(var(--grid-size) * 11); }
- .pr12-ns { padding-right: calc(var(--grid-size) * 12); }
- .pr13-ns { padding-right: calc(var(--grid-size) * 13); }
- .pr14-ns { padding-right: calc(var(--grid-size) * 14); }
- .pr15-ns { padding-right: calc(var(--grid-size) * 15); }
- .pr16-ns { padding-right: calc(var(--grid-size) * 16); }
- .pr17-ns { padding-right: calc(var(--grid-size) * 17); }
- .pr18-ns { padding-right: calc(var(--grid-size) * 18); }
- .pr19-ns { padding-right: calc(var(--grid-size) * 19); }
- .pr20-ns { padding-right: calc(var(--grid-size) * 20); }
- .pr25-ns { padding-right: calc(var(--grid-size) * 25); }
- .pr30-ns { padding-right: calc(var(--grid-size) * 30); }
- .pr40-ns { padding-right: calc(var(--grid-size) * 40); }
- .pr50-ns { padding-right: calc(var(--grid-size) * 50); }
-
- .pb0-ns { padding-bottom: 0; }
- .pb1-ns { padding-bottom: calc(var(--grid-size) * 1); }
- .pb2-ns { padding-bottom: calc(var(--grid-size) * 2); }
- .pb3-ns { padding-bottom: calc(var(--grid-size) * 3); }
- .pb4-ns { padding-bottom: calc(var(--grid-size) * 4); }
- .pb5-ns { padding-bottom: calc(var(--grid-size) * 5); }
- .pb6-ns { padding-bottom: calc(var(--grid-size) * 6); }
- .pb7-ns { padding-bottom: calc(var(--grid-size) * 7); }
- .pb8-ns { padding-bottom: calc(var(--grid-size) * 8); }
- .pb9-ns { padding-bottom: calc(var(--grid-size) * 9); }
- .pb10-ns { padding-bottom: calc(var(--grid-size) * 10); }
- .pb11-ns { padding-bottom: calc(var(--grid-size) * 11); }
- .pb12-ns { padding-bottom: calc(var(--grid-size) * 12); }
- .pb13-ns { padding-bottom: calc(var(--grid-size) * 13); }
- .pb14-ns { padding-bottom: calc(var(--grid-size) * 14); }
- .pb15-ns { padding-bottom: calc(var(--grid-size) * 15); }
- .pb16-ns { padding-bottom: calc(var(--grid-size) * 16); }
- .pb17-ns { padding-bottom: calc(var(--grid-size) * 17); }
- .pb18-ns { padding-bottom: calc(var(--grid-size) * 18); }
- .pb19-ns { padding-bottom: calc(var(--grid-size) * 19); }
- .pb20-ns { padding-bottom: calc(var(--grid-size) * 20); }
- .pb25-ns { padding-bottom: calc(var(--grid-size) * 25); }
- .pb30-ns { padding-bottom: calc(var(--grid-size) * 30); }
- .pb40-ns { padding-bottom: calc(var(--grid-size) * 40); }
- .pb50-ns { padding-bottom: calc(var(--grid-size) * 50); }
-
- .pl0-ns { padding-left: 0; }
- .pl1-ns { padding-left: calc(var(--grid-size) * 1); }
- .pl2-ns { padding-left: calc(var(--grid-size) * 2); }
- .pl3-ns { padding-left: calc(var(--grid-size) * 3); }
- .pl4-ns { padding-left: calc(var(--grid-size) * 4); }
- .pl5-ns { padding-left: calc(var(--grid-size) * 5); }
- .pl6-ns { padding-left: calc(var(--grid-size) * 6); }
- .pl7-ns { padding-left: calc(var(--grid-size) * 7); }
- .pl8-ns { padding-left: calc(var(--grid-size) * 8); }
- .pl9-ns { padding-left: calc(var(--grid-size) * 9); }
- .pl10-ns { padding-left: calc(var(--grid-size) * 10); }
- .pl11-ns { padding-left: calc(var(--grid-size) * 11); }
- .pl12-ns { padding-left: calc(var(--grid-size) * 12); }
- .pl13-ns { padding-left: calc(var(--grid-size) * 13); }
- .pl14-ns { padding-left: calc(var(--grid-size) * 14); }
- .pl15-ns { padding-left: calc(var(--grid-size) * 15); }
- .pl16-ns { padding-left: calc(var(--grid-size) * 16); }
- .pl17-ns { padding-left: calc(var(--grid-size) * 17); }
- .pl18-ns { padding-left: calc(var(--grid-size) * 18); }
- .pl19-ns { padding-left: calc(var(--grid-size) * 19); }
- .pl20-ns { padding-left: calc(var(--grid-size) * 20); }
- .pl25-ns { padding-left: calc(var(--grid-size) * 25); }
- .pl30-ns { padding-left: calc(var(--grid-size) * 30); }
- .pl40-ns { padding-left: calc(var(--grid-size) * 40); }
- .pl50-ns { padding-left: calc(var(--grid-size) * 50); }
-
- .pt0-ns { padding-top: 0; }
- .pt1-ns { padding-top: calc(var(--grid-size) * 1); }
- .pt2-ns { padding-top: calc(var(--grid-size) * 2); }
- .pt3-ns { padding-top: calc(var(--grid-size) * 3); }
- .pt4-ns { padding-top: calc(var(--grid-size) * 4); }
- .pt5-ns { padding-top: calc(var(--grid-size) * 5); }
- .pt6-ns { padding-top: calc(var(--grid-size) * 6); }
- .pt7-ns { padding-top: calc(var(--grid-size) * 7); }
- .pt8-ns { padding-top: calc(var(--grid-size) * 8); }
- .pt9-ns { padding-top: calc(var(--grid-size) * 9); }
- .pt10-ns { padding-top: calc(var(--grid-size) * 10); }
- .pt11-ns { padding-top: calc(var(--grid-size) * 11); }
- .pt12-ns { padding-top: calc(var(--grid-size) * 12); }
- .pt13-ns { padding-top: calc(var(--grid-size) * 13); }
- .pt14-ns { padding-top: calc(var(--grid-size) * 14); }
- .pt15-ns { padding-top: calc(var(--grid-size) * 15); }
- .pt16-ns { padding-top: calc(var(--grid-size) * 16); }
- .pt17-ns { padding-top: calc(var(--grid-size) * 17); }
- .pt18-ns { padding-top: calc(var(--grid-size) * 18); }
- .pt19-ns { padding-top: calc(var(--grid-size) * 19); }
- .pt20-ns { padding-top: calc(var(--grid-size) * 20); }
- .pt25-ns { padding-top: calc(var(--grid-size) * 25); }
- .pt30-ns { padding-top: calc(var(--grid-size) * 30); }
- .pt40-ns { padding-top: calc(var(--grid-size) * 40); }
- .pt50-ns { padding-top: calc(var(--grid-size) * 50); }
-
- .ma0-ns { margin: 0; }
- .ma1-ns { margin: calc(var(--grid-size) * 1); }
- .ma2-ns { margin: calc(var(--grid-size) * 2); }
- .ma3-ns { margin: calc(var(--grid-size) * 3); }
- .ma4-ns { margin: calc(var(--grid-size) * 4); }
- .ma5-ns { margin: calc(var(--grid-size) * 5); }
- .ma6-ns { margin: calc(var(--grid-size) * 6); }
- .ma7-ns { margin: calc(var(--grid-size) * 7); }
- .ma8-ns { margin: calc(var(--grid-size) * 8); }
- .ma9-ns { margin: calc(var(--grid-size) * 9); }
- .ma10-ns { margin: calc(var(--grid-size) * 10); }
- .ma11-ns { margin: calc(var(--grid-size) * 11); }
- .ma12-ns { margin: calc(var(--grid-size) * 12); }
- .ma13-ns { margin: calc(var(--grid-size) * 13); }
- .ma14-ns { margin: calc(var(--grid-size) * 14); }
- .ma15-ns { margin: calc(var(--grid-size) * 15); }
- .ma16-ns { margin: calc(var(--grid-size) * 16); }
- .ma17-ns { margin: calc(var(--grid-size) * 17); }
- .ma18-ns { margin: calc(var(--grid-size) * 18); }
- .ma19-ns { margin: calc(var(--grid-size) * 19); }
- .ma20-ns { margin: calc(var(--grid-size) * 20); }
- .ma25-ns { margin: calc(var(--grid-size) * 25); }
- .ma30-ns { margin: calc(var(--grid-size) * 30); }
- .ma40-ns { margin: calc(var(--grid-size) * 40); }
- .ma50-ns { margin: calc(var(--grid-size) * 50); }
-
- .mr0-ns { margin-right: 0; }
- .mr1-ns { margin-right: calc(var(--grid-size) * 1); }
- .mr2-ns { margin-right: calc(var(--grid-size) * 2); }
- .mr3-ns { margin-right: calc(var(--grid-size) * 3); }
- .mr4-ns { margin-right: calc(var(--grid-size) * 4); }
- .mr5-ns { margin-right: calc(var(--grid-size) * 5); }
- .mr6-ns { margin-right: calc(var(--grid-size) * 6); }
- .mr7-ns { margin-right: calc(var(--grid-size) * 7); }
- .mr8-ns { margin-right: calc(var(--grid-size) * 8); }
- .mr9-ns { margin-right: calc(var(--grid-size) * 9); }
- .mr10-ns { margin-right: calc(var(--grid-size) * 10); }
- .mr11-ns { margin-right: calc(var(--grid-size) * 11); }
- .mr12-ns { margin-right: calc(var(--grid-size) * 12); }
- .mr13-ns { margin-right: calc(var(--grid-size) * 13); }
- .mr14-ns { margin-right: calc(var(--grid-size) * 14); }
- .mr15-ns { margin-right: calc(var(--grid-size) * 15); }
- .mr16-ns { margin-right: calc(var(--grid-size) * 16); }
- .mr17-ns { margin-right: calc(var(--grid-size) * 17); }
- .mr18-ns { margin-right: calc(var(--grid-size) * 18); }
- .mr19-ns { margin-right: calc(var(--grid-size) * 19); }
- .mr20-ns { margin-right: calc(var(--grid-size) * 20); }
- .mr25-ns { margin-right: calc(var(--grid-size) * 25); }
- .mr30-ns { margin-right: calc(var(--grid-size) * 30); }
- .mr40-ns { margin-right: calc(var(--grid-size) * 40); }
- .mr50-ns { margin-right: calc(var(--grid-size) * 50); }
-
- .mb0-ns { margin-bottom: 0; }
- .mb1-ns { margin-bottom: calc(var(--grid-size) * 1); }
- .mb2-ns { margin-bottom: calc(var(--grid-size) * 2); }
- .mb3-ns { margin-bottom: calc(var(--grid-size) * 3); }
- .mb4-ns { margin-bottom: calc(var(--grid-size) * 4); }
- .mb5-ns { margin-bottom: calc(var(--grid-size) * 5); }
- .mb6-ns { margin-bottom: calc(var(--grid-size) * 6); }
- .mb7-ns { margin-bottom: calc(var(--grid-size) * 7); }
- .mb8-ns { margin-bottom: calc(var(--grid-size) * 8); }
- .mb9-ns { margin-bottom: calc(var(--grid-size) * 9); }
- .mb10-ns { margin-bottom: calc(var(--grid-size) * 10); }
- .mb11-ns { margin-bottom: calc(var(--grid-size) * 11); }
- .mb12-ns { margin-bottom: calc(var(--grid-size) * 12); }
- .mb13-ns { margin-bottom: calc(var(--grid-size) * 13); }
- .mb14-ns { margin-bottom: calc(var(--grid-size) * 14); }
- .mb15-ns { margin-bottom: calc(var(--grid-size) * 15); }
- .mb16-ns { margin-bottom: calc(var(--grid-size) * 16); }
- .mb17-ns { margin-bottom: calc(var(--grid-size) * 17); }
- .mb18-ns { margin-bottom: calc(var(--grid-size) * 18); }
- .mb19-ns { margin-bottom: calc(var(--grid-size) * 19); }
- .mb20-ns { margin-bottom: calc(var(--grid-size) * 20); }
- .mb25-ns { margin-bottom: calc(var(--grid-size) * 25); }
- .mb30-ns { margin-bottom: calc(var(--grid-size) * 30); }
- .mb40-ns { margin-bottom: calc(var(--grid-size) * 40); }
- .mb50-ns { margin-bottom: calc(var(--grid-size) * 50); }
-
- .ml0-ns { margin-left: 0; }
- .ml1-ns { margin-left: calc(var(--grid-size) * 1); }
- .ml2-ns { margin-left: calc(var(--grid-size) * 2); }
- .ml3-ns { margin-left: calc(var(--grid-size) * 3); }
- .ml4-ns { margin-left: calc(var(--grid-size) * 4); }
- .ml5-ns { margin-left: calc(var(--grid-size) * 5); }
- .ml6-ns { margin-left: calc(var(--grid-size) * 6); }
- .ml7-ns { margin-left: calc(var(--grid-size) * 7); }
- .ml8-ns { margin-left: calc(var(--grid-size) * 8); }
- .ml9-ns { margin-left: calc(var(--grid-size) * 9); }
- .ml10-ns { margin-left: calc(var(--grid-size) * 10); }
- .ml11-ns { margin-left: calc(var(--grid-size) * 11); }
- .ml12-ns { margin-left: calc(var(--grid-size) * 12); }
- .ml13-ns { margin-left: calc(var(--grid-size) * 13); }
- .ml14-ns { margin-left: calc(var(--grid-size) * 14); }
- .ml15-ns { margin-left: calc(var(--grid-size) * 15); }
- .ml16-ns { margin-left: calc(var(--grid-size) * 16); }
- .ml17-ns { margin-left: calc(var(--grid-size) * 17); }
- .ml18-ns { margin-left: calc(var(--grid-size) * 18); }
- .ml19-ns { margin-left: calc(var(--grid-size) * 19); }
- .ml20-ns { margin-left: calc(var(--grid-size) * 20); }
- .ml25-ns { margin-left: calc(var(--grid-size) * 25); }
- .ml30-ns { margin-left: calc(var(--grid-size) * 30); }
- .ml40-ns { margin-left: calc(var(--grid-size) * 40); }
- .ml50-ns { margin-left: calc(var(--grid-size) * 50); }
-
- .mt0-ns { margin-top: 0; }
- .mt1-ns { margin-top: calc(var(--grid-size) * 1); }
- .mt2-ns { margin-top: calc(var(--grid-size) * 2); }
- .mt3-ns { margin-top: calc(var(--grid-size) * 3); }
- .mt4-ns { margin-top: calc(var(--grid-size) * 4); }
- .mt5-ns { margin-top: calc(var(--grid-size) * 5); }
- .mt6-ns { margin-top: calc(var(--grid-size) * 6); }
- .mt7-ns { margin-top: calc(var(--grid-size) * 7); }
- .mt8-ns { margin-top: calc(var(--grid-size) * 8); }
- .mt9-ns { margin-top: calc(var(--grid-size) * 9); }
- .mt10-ns { margin-top: calc(var(--grid-size) * 10); }
- .mt11-ns { margin-top: calc(var(--grid-size) * 11); }
- .mt12-ns { margin-top: calc(var(--grid-size) * 12); }
- .mt13-ns { margin-top: calc(var(--grid-size) * 13); }
- .mt14-ns { margin-top: calc(var(--grid-size) * 14); }
- .mt15-ns { margin-top: calc(var(--grid-size) * 15); }
- .mt16-ns { margin-top: calc(var(--grid-size) * 16); }
- .mt17-ns { margin-top: calc(var(--grid-size) * 17); }
- .mt18-ns { margin-top: calc(var(--grid-size) * 18); }
- .mt19-ns { margin-top: calc(var(--grid-size) * 19); }
- .mt20-ns { margin-top: calc(var(--grid-size) * 20); }
- .mt25-ns { margin-top: calc(var(--grid-size) * 25); }
- .mt30-ns { margin-top: calc(var(--grid-size) * 30); }
- .mt40-ns { margin-top: calc(var(--grid-size) * 40); }
- .mt50-ns { margin-top: calc(var(--grid-size) * 50); }
-}
-
-@media (--breakpoint-medium) {
- .pa0-m { padding: 0; }
- .pa1-m { padding: calc(var(--grid-size) * 1); }
- .pa2-m { padding: calc(var(--grid-size) * 2); }
- .pa3-m { padding: calc(var(--grid-size) * 3); }
- .pa4-m { padding: calc(var(--grid-size) * 4); }
- .pa5-m { padding: calc(var(--grid-size) * 5); }
- .pa6-m { padding: calc(var(--grid-size) * 6); }
- .pa7-m { padding: calc(var(--grid-size) * 7); }
- .pa8-m { padding: calc(var(--grid-size) * 8); }
- .pa9-m { padding: calc(var(--grid-size) * 9); }
- .pa10-m { padding: calc(var(--grid-size) * 10); }
- .pa11-m { padding: calc(var(--grid-size) * 11); }
- .pa12-m { padding: calc(var(--grid-size) * 12); }
- .pa13-m { padding: calc(var(--grid-size) * 13); }
- .pa14-m { padding: calc(var(--grid-size) * 14); }
- .pa15-m { padding: calc(var(--grid-size) * 15); }
- .pa16-m { padding: calc(var(--grid-size) * 16); }
- .pa17-m { padding: calc(var(--grid-size) * 17); }
- .pa18-m { padding: calc(var(--grid-size) * 18); }
- .pa19-m { padding: calc(var(--grid-size) * 19); }
- .pa20-m { padding: calc(var(--grid-size) * 20); }
- .pa25-m { padding: calc(var(--grid-size) * 25); }
- .pa30-m { padding: calc(var(--grid-size) * 30); }
- .pa40-m { padding: calc(var(--grid-size) * 40); }
- .pa50-m { padding: calc(var(--grid-size) * 50); }
-
- .pr0-m { padding-right: 0; }
- .pr1-m { padding-right: calc(var(--grid-size) * 1); }
- .pr2-m { padding-right: calc(var(--grid-size) * 2); }
- .pr3-m { padding-right: calc(var(--grid-size) * 3); }
- .pr4-m { padding-right: calc(var(--grid-size) * 4); }
- .pr5-m { padding-right: calc(var(--grid-size) * 5); }
- .pr6-m { padding-right: calc(var(--grid-size) * 6); }
- .pr7-m { padding-right: calc(var(--grid-size) * 7); }
- .pr8-m { padding-right: calc(var(--grid-size) * 8); }
- .pr9-m { padding-right: calc(var(--grid-size) * 9); }
- .pr10-m { padding-right: calc(var(--grid-size) * 10); }
- .pr11-m { padding-right: calc(var(--grid-size) * 11); }
- .pr12-m { padding-right: calc(var(--grid-size) * 12); }
- .pr13-m { padding-right: calc(var(--grid-size) * 13); }
- .pr14-m { padding-right: calc(var(--grid-size) * 14); }
- .pr15-m { padding-right: calc(var(--grid-size) * 15); }
- .pr16-m { padding-right: calc(var(--grid-size) * 16); }
- .pr17-m { padding-right: calc(var(--grid-size) * 17); }
- .pr18-m { padding-right: calc(var(--grid-size) * 18); }
- .pr19-m { padding-right: calc(var(--grid-size) * 19); }
- .pr20-m { padding-right: calc(var(--grid-size) * 20); }
- .pr25-m { padding-right: calc(var(--grid-size) * 25); }
- .pr30-m { padding-right: calc(var(--grid-size) * 30); }
- .pr40-m { padding-right: calc(var(--grid-size) * 40); }
- .pr50-m { padding-right: calc(var(--grid-size) * 50); }
-
- .pb0-m { padding-bottom: 0; }
- .pb1-m { padding-bottom: calc(var(--grid-size) * 1); }
- .pb2-m { padding-bottom: calc(var(--grid-size) * 2); }
- .pb3-m { padding-bottom: calc(var(--grid-size) * 3); }
- .pb4-m { padding-bottom: calc(var(--grid-size) * 4); }
- .pb5-m { padding-bottom: calc(var(--grid-size) * 5); }
- .pb6-m { padding-bottom: calc(var(--grid-size) * 6); }
- .pb7-m { padding-bottom: calc(var(--grid-size) * 7); }
- .pb8-m { padding-bottom: calc(var(--grid-size) * 8); }
- .pb9-m { padding-bottom: calc(var(--grid-size) * 9); }
- .pb10-m { padding-bottom: calc(var(--grid-size) * 10); }
- .pb11-m { padding-bottom: calc(var(--grid-size) * 11); }
- .pb12-m { padding-bottom: calc(var(--grid-size) * 12); }
- .pb13-m { padding-bottom: calc(var(--grid-size) * 13); }
- .pb14-m { padding-bottom: calc(var(--grid-size) * 14); }
- .pb15-m { padding-bottom: calc(var(--grid-size) * 15); }
- .pb16-m { padding-bottom: calc(var(--grid-size) * 16); }
- .pb17-m { padding-bottom: calc(var(--grid-size) * 17); }
- .pb18-m { padding-bottom: calc(var(--grid-size) * 18); }
- .pb19-m { padding-bottom: calc(var(--grid-size) * 19); }
- .pb20-m { padding-bottom: calc(var(--grid-size) * 20); }
- .pb25-m { padding-bottom: calc(var(--grid-size) * 25); }
- .pb30-m { padding-bottom: calc(var(--grid-size) * 30); }
- .pb40-m { padding-bottom: calc(var(--grid-size) * 40); }
- .pb50-m { padding-bottom: calc(var(--grid-size) * 50); }
-
- .pl0-m { padding-left: 0; }
- .pl1-m { padding-left: calc(var(--grid-size) * 1); }
- .pl2-m { padding-left: calc(var(--grid-size) * 2); }
- .pl3-m { padding-left: calc(var(--grid-size) * 3); }
- .pl4-m { padding-left: calc(var(--grid-size) * 4); }
- .pl5-m { padding-left: calc(var(--grid-size) * 5); }
- .pl6-m { padding-left: calc(var(--grid-size) * 6); }
- .pl7-m { padding-left: calc(var(--grid-size) * 7); }
- .pl8-m { padding-left: calc(var(--grid-size) * 8); }
- .pl9-m { padding-left: calc(var(--grid-size) * 9); }
- .pl10-m { padding-left: calc(var(--grid-size) * 10); }
- .pl11-m { padding-left: calc(var(--grid-size) * 11); }
- .pl12-m { padding-left: calc(var(--grid-size) * 12); }
- .pl13-m { padding-left: calc(var(--grid-size) * 13); }
- .pl14-m { padding-left: calc(var(--grid-size) * 14); }
- .pl15-m { padding-left: calc(var(--grid-size) * 15); }
- .pl16-m { padding-left: calc(var(--grid-size) * 16); }
- .pl17-m { padding-left: calc(var(--grid-size) * 17); }
- .pl18-m { padding-left: calc(var(--grid-size) * 18); }
- .pl19-m { padding-left: calc(var(--grid-size) * 19); }
- .pl20-m { padding-left: calc(var(--grid-size) * 20); }
- .pl25-m { padding-left: calc(var(--grid-size) * 25); }
- .pl30-m { padding-left: calc(var(--grid-size) * 30); }
- .pl40-m { padding-left: calc(var(--grid-size) * 40); }
- .pl50-m { padding-left: calc(var(--grid-size) * 50); }
-
- .pt0-m { padding-top: 0; }
- .pt1-m { padding-top: calc(var(--grid-size) * 1); }
- .pt2-m { padding-top: calc(var(--grid-size) * 2); }
- .pt3-m { padding-top: calc(var(--grid-size) * 3); }
- .pt4-m { padding-top: calc(var(--grid-size) * 4); }
- .pt5-m { padding-top: calc(var(--grid-size) * 5); }
- .pt6-m { padding-top: calc(var(--grid-size) * 6); }
- .pt7-m { padding-top: calc(var(--grid-size) * 7); }
- .pt8-m { padding-top: calc(var(--grid-size) * 8); }
- .pt9-m { padding-top: calc(var(--grid-size) * 9); }
- .pt10-m { padding-top: calc(var(--grid-size) * 10); }
- .pt11-m { padding-top: calc(var(--grid-size) * 11); }
- .pt12-m { padding-top: calc(var(--grid-size) * 12); }
- .pt13-m { padding-top: calc(var(--grid-size) * 13); }
- .pt14-m { padding-top: calc(var(--grid-size) * 14); }
- .pt15-m { padding-top: calc(var(--grid-size) * 15); }
- .pt16-m { padding-top: calc(var(--grid-size) * 16); }
- .pt17-m { padding-top: calc(var(--grid-size) * 17); }
- .pt18-m { padding-top: calc(var(--grid-size) * 18); }
- .pt19-m { padding-top: calc(var(--grid-size) * 19); }
- .pt20-m { padding-top: calc(var(--grid-size) * 20); }
- .pt25-m { padding-top: calc(var(--grid-size) * 25); }
- .pt30-m { padding-top: calc(var(--grid-size) * 30); }
- .pt40-m { padding-top: calc(var(--grid-size) * 40); }
- .pt50-m { padding-top: calc(var(--grid-size) * 50); }
-
- .ma0-m { margin: 0; }
- .ma1-m { margin: calc(var(--grid-size) * 1); }
- .ma2-m { margin: calc(var(--grid-size) * 2); }
- .ma3-m { margin: calc(var(--grid-size) * 3); }
- .ma4-m { margin: calc(var(--grid-size) * 4); }
- .ma5-m { margin: calc(var(--grid-size) * 5); }
- .ma6-m { margin: calc(var(--grid-size) * 6); }
- .ma7-m { margin: calc(var(--grid-size) * 7); }
- .ma8-m { margin: calc(var(--grid-size) * 8); }
- .ma9-m { margin: calc(var(--grid-size) * 9); }
- .ma10-m { margin: calc(var(--grid-size) * 10); }
- .ma11-m { margin: calc(var(--grid-size) * 11); }
- .ma12-m { margin: calc(var(--grid-size) * 12); }
- .ma13-m { margin: calc(var(--grid-size) * 13); }
- .ma14-m { margin: calc(var(--grid-size) * 14); }
- .ma15-m { margin: calc(var(--grid-size) * 15); }
- .ma16-m { margin: calc(var(--grid-size) * 16); }
- .ma17-m { margin: calc(var(--grid-size) * 17); }
- .ma18-m { margin: calc(var(--grid-size) * 18); }
- .ma19-m { margin: calc(var(--grid-size) * 19); }
- .ma20-m { margin: calc(var(--grid-size) * 20); }
- .ma25-m { margin: calc(var(--grid-size) * 25); }
- .ma30-m { margin: calc(var(--grid-size) * 30); }
- .ma40-m { margin: calc(var(--grid-size) * 40); }
- .ma50-m { margin: calc(var(--grid-size) * 50); }
-
- .mr0-m { margin-right: 0; }
- .mr1-m { margin-right: calc(var(--grid-size) * 1); }
- .mr2-m { margin-right: calc(var(--grid-size) * 2); }
- .mr3-m { margin-right: calc(var(--grid-size) * 3); }
- .mr4-m { margin-right: calc(var(--grid-size) * 4); }
- .mr5-m { margin-right: calc(var(--grid-size) * 5); }
- .mr6-m { margin-right: calc(var(--grid-size) * 6); }
- .mr7-m { margin-right: calc(var(--grid-size) * 7); }
- .mr8-m { margin-right: calc(var(--grid-size) * 8); }
- .mr9-m { margin-right: calc(var(--grid-size) * 9); }
- .mr10-m { margin-right: calc(var(--grid-size) * 10); }
- .mr11-m { margin-right: calc(var(--grid-size) * 11); }
- .mr12-m { margin-right: calc(var(--grid-size) * 12); }
- .mr13-m { margin-right: calc(var(--grid-size) * 13); }
- .mr14-m { margin-right: calc(var(--grid-size) * 14); }
- .mr15-m { margin-right: calc(var(--grid-size) * 15); }
- .mr16-m { margin-right: calc(var(--grid-size) * 16); }
- .mr17-m { margin-right: calc(var(--grid-size) * 17); }
- .mr18-m { margin-right: calc(var(--grid-size) * 18); }
- .mr19-m { margin-right: calc(var(--grid-size) * 19); }
- .mr20-m { margin-right: calc(var(--grid-size) * 20); }
- .mr25-m { margin-right: calc(var(--grid-size) * 25); }
- .mr30-m { margin-right: calc(var(--grid-size) * 30); }
- .mr40-m { margin-right: calc(var(--grid-size) * 40); }
- .mr50-m { margin-right: calc(var(--grid-size) * 50); }
-
- .mb0-m { margin-bottom: 0; }
- .mb1-m { margin-bottom: calc(var(--grid-size) * 1); }
- .mb2-m { margin-bottom: calc(var(--grid-size) * 2); }
- .mb3-m { margin-bottom: calc(var(--grid-size) * 3); }
- .mb4-m { margin-bottom: calc(var(--grid-size) * 4); }
- .mb5-m { margin-bottom: calc(var(--grid-size) * 5); }
- .mb6-m { margin-bottom: calc(var(--grid-size) * 6); }
- .mb7-m { margin-bottom: calc(var(--grid-size) * 7); }
- .mb8-m { margin-bottom: calc(var(--grid-size) * 8); }
- .mb9-m { margin-bottom: calc(var(--grid-size) * 9); }
- .mb10-m { margin-bottom: calc(var(--grid-size) * 10); }
- .mb11-m { margin-bottom: calc(var(--grid-size) * 11); }
- .mb12-m { margin-bottom: calc(var(--grid-size) * 12); }
- .mb13-m { margin-bottom: calc(var(--grid-size) * 13); }
- .mb14-m { margin-bottom: calc(var(--grid-size) * 14); }
- .mb15-m { margin-bottom: calc(var(--grid-size) * 15); }
- .mb16-m { margin-bottom: calc(var(--grid-size) * 16); }
- .mb17-m { margin-bottom: calc(var(--grid-size) * 17); }
- .mb18-m { margin-bottom: calc(var(--grid-size) * 18); }
- .mb19-m { margin-bottom: calc(var(--grid-size) * 19); }
- .mb20-m { margin-bottom: calc(var(--grid-size) * 20); }
- .mb25-m { margin-bottom: calc(var(--grid-size) * 25); }
- .mb30-m { margin-bottom: calc(var(--grid-size) * 30); }
- .mb40-m { margin-bottom: calc(var(--grid-size) * 40); }
- .mb50-m { margin-bottom: calc(var(--grid-size) * 50); }
-
- .ml0-m { margin-left: 0; }
- .ml1-m { margin-left: calc(var(--grid-size) * 1); }
- .ml2-m { margin-left: calc(var(--grid-size) * 2); }
- .ml3-m { margin-left: calc(var(--grid-size) * 3); }
- .ml4-m { margin-left: calc(var(--grid-size) * 4); }
- .ml5-m { margin-left: calc(var(--grid-size) * 5); }
- .ml6-m { margin-left: calc(var(--grid-size) * 6); }
- .ml7-m { margin-left: calc(var(--grid-size) * 7); }
- .ml8-m { margin-left: calc(var(--grid-size) * 8); }
- .ml9-m { margin-left: calc(var(--grid-size) * 9); }
- .ml10-m { margin-left: calc(var(--grid-size) * 10); }
- .ml11-m { margin-left: calc(var(--grid-size) * 11); }
- .ml12-m { margin-left: calc(var(--grid-size) * 12); }
- .ml13-m { margin-left: calc(var(--grid-size) * 13); }
- .ml14-m { margin-left: calc(var(--grid-size) * 14); }
- .ml15-m { margin-left: calc(var(--grid-size) * 15); }
- .ml16-m { margin-left: calc(var(--grid-size) * 16); }
- .ml17-m { margin-left: calc(var(--grid-size) * 17); }
- .ml18-m { margin-left: calc(var(--grid-size) * 18); }
- .ml19-m { margin-left: calc(var(--grid-size) * 19); }
- .ml20-m { margin-left: calc(var(--grid-size) * 20); }
- .ml25-m { margin-left: calc(var(--grid-size) * 25); }
- .ml30-m { margin-left: calc(var(--grid-size) * 30); }
- .ml40-m { margin-left: calc(var(--grid-size) * 40); }
- .ml50-m { margin-left: calc(var(--grid-size) * 50); }
-
- .mt0-m { margin-top: 0; }
- .mt1-m { margin-top: calc(var(--grid-size) * 1); }
- .mt2-m { margin-top: calc(var(--grid-size) * 2); }
- .mt3-m { margin-top: calc(var(--grid-size) * 3); }
- .mt4-m { margin-top: calc(var(--grid-size) * 4); }
- .mt5-m { margin-top: calc(var(--grid-size) * 5); }
- .mt6-m { margin-top: calc(var(--grid-size) * 6); }
- .mt7-m { margin-top: calc(var(--grid-size) * 7); }
- .mt8-m { margin-top: calc(var(--grid-size) * 8); }
- .mt9-m { margin-top: calc(var(--grid-size) * 9); }
- .mt10-m { margin-top: calc(var(--grid-size) * 10); }
- .mt11-m { margin-top: calc(var(--grid-size) * 11); }
- .mt12-m { margin-top: calc(var(--grid-size) * 12); }
- .mt13-m { margin-top: calc(var(--grid-size) * 13); }
- .mt14-m { margin-top: calc(var(--grid-size) * 14); }
- .mt15-m { margin-top: calc(var(--grid-size) * 15); }
- .mt16-m { margin-top: calc(var(--grid-size) * 16); }
- .mt17-m { margin-top: calc(var(--grid-size) * 17); }
- .mt18-m { margin-top: calc(var(--grid-size) * 18); }
- .mt19-m { margin-top: calc(var(--grid-size) * 19); }
- .mt20-m { margin-top: calc(var(--grid-size) * 20); }
- .mt25-m { margin-top: calc(var(--grid-size) * 25); }
- .mt30-m { margin-top: calc(var(--grid-size) * 30); }
- .mt40-m { margin-top: calc(var(--grid-size) * 40); }
- .mt50-m { margin-top: calc(var(--grid-size) * 50); }
-}
-
-@media (--breakpoint-large) {
- .pa0-l { padding: 0; }
- .pa1-l { padding: calc(var(--grid-size) * 1); }
- .pa2-l { padding: calc(var(--grid-size) * 2); }
- .pa3-l { padding: calc(var(--grid-size) * 3); }
- .pa4-l { padding: calc(var(--grid-size) * 4); }
- .pa5-l { padding: calc(var(--grid-size) * 5); }
- .pa6-l { padding: calc(var(--grid-size) * 6); }
- .pa7-l { padding: calc(var(--grid-size) * 7); }
- .pa8-l { padding: calc(var(--grid-size) * 8); }
- .pa9-l { padding: calc(var(--grid-size) * 9); }
- .pa10-l { padding: calc(var(--grid-size) * 10); }
- .pa11-l { padding: calc(var(--grid-size) * 11); }
- .pa12-l { padding: calc(var(--grid-size) * 12); }
- .pa13-l { padding: calc(var(--grid-size) * 13); }
- .pa14-l { padding: calc(var(--grid-size) * 14); }
- .pa15-l { padding: calc(var(--grid-size) * 15); }
- .pa16-l { padding: calc(var(--grid-size) * 16); }
- .pa17-l { padding: calc(var(--grid-size) * 17); }
- .pa18-l { padding: calc(var(--grid-size) * 18); }
- .pa19-l { padding: calc(var(--grid-size) * 19); }
- .pa20-l { padding: calc(var(--grid-size) * 20); }
- .pa25-l { padding: calc(var(--grid-size) * 25); }
- .pa30-l { padding: calc(var(--grid-size) * 30); }
- .pa40-l { padding: calc(var(--grid-size) * 40); }
- .pa50-l { padding: calc(var(--grid-size) * 50); }
-
- .pr0-l { padding-right: 0; }
- .pr1-l { padding-right: calc(var(--grid-size) * 1); }
- .pr2-l { padding-right: calc(var(--grid-size) * 2); }
- .pr3-l { padding-right: calc(var(--grid-size) * 3); }
- .pr4-l { padding-right: calc(var(--grid-size) * 4); }
- .pr5-l { padding-right: calc(var(--grid-size) * 5); }
- .pr6-l { padding-right: calc(var(--grid-size) * 6); }
- .pr7-l { padding-right: calc(var(--grid-size) * 7); }
- .pr8-l { padding-right: calc(var(--grid-size) * 8); }
- .pr9-l { padding-right: calc(var(--grid-size) * 9); }
- .pr10-l { padding-right: calc(var(--grid-size) * 10); }
- .pr11-l { padding-right: calc(var(--grid-size) * 11); }
- .pr12-l { padding-right: calc(var(--grid-size) * 12); }
- .pr13-l { padding-right: calc(var(--grid-size) * 13); }
- .pr14-l { padding-right: calc(var(--grid-size) * 14); }
- .pr15-l { padding-right: calc(var(--grid-size) * 15); }
- .pr16-l { padding-right: calc(var(--grid-size) * 16); }
- .pr17-l { padding-right: calc(var(--grid-size) * 17); }
- .pr18-l { padding-right: calc(var(--grid-size) * 18); }
- .pr19-l { padding-right: calc(var(--grid-size) * 19); }
- .pr20-l { padding-right: calc(var(--grid-size) * 20); }
- .pr25-l { padding-right: calc(var(--grid-size) * 25); }
- .pr30-l { padding-right: calc(var(--grid-size) * 30); }
- .pr40-l { padding-right: calc(var(--grid-size) * 40); }
- .pr50-l { padding-right: calc(var(--grid-size) * 50); }
-
- .pb0-l { padding-bottom: 0; }
- .pb1-l { padding-bottom: calc(var(--grid-size) * 1); }
- .pb2-l { padding-bottom: calc(var(--grid-size) * 2); }
- .pb3-l { padding-bottom: calc(var(--grid-size) * 3); }
- .pb4-l { padding-bottom: calc(var(--grid-size) * 4); }
- .pb5-l { padding-bottom: calc(var(--grid-size) * 5); }
- .pb6-l { padding-bottom: calc(var(--grid-size) * 6); }
- .pb7-l { padding-bottom: calc(var(--grid-size) * 7); }
- .pb8-l { padding-bottom: calc(var(--grid-size) * 8); }
- .pb9-l { padding-bottom: calc(var(--grid-size) * 9); }
- .pb10-l { padding-bottom: calc(var(--grid-size) * 10); }
- .pb11-l { padding-bottom: calc(var(--grid-size) * 11); }
- .pb12-l { padding-bottom: calc(var(--grid-size) * 12); }
- .pb13-l { padding-bottom: calc(var(--grid-size) * 13); }
- .pb14-l { padding-bottom: calc(var(--grid-size) * 14); }
- .pb15-l { padding-bottom: calc(var(--grid-size) * 15); }
- .pb16-l { padding-bottom: calc(var(--grid-size) * 16); }
- .pb17-l { padding-bottom: calc(var(--grid-size) * 17); }
- .pb18-l { padding-bottom: calc(var(--grid-size) * 18); }
- .pb19-l { padding-bottom: calc(var(--grid-size) * 19); }
- .pb20-l { padding-bottom: calc(var(--grid-size) * 20); }
- .pb25-l { padding-bottom: calc(var(--grid-size) * 25); }
- .pb30-l { padding-bottom: calc(var(--grid-size) * 30); }
- .pb40-l { padding-bottom: calc(var(--grid-size) * 40); }
- .pb50-l { padding-bottom: calc(var(--grid-size) * 50); }
-
- .pl0-l { padding-left: 0; }
- .pl1-l { padding-left: calc(var(--grid-size) * 1); }
- .pl2-l { padding-left: calc(var(--grid-size) * 2); }
- .pl3-l { padding-left: calc(var(--grid-size) * 3); }
- .pl4-l { padding-left: calc(var(--grid-size) * 4); }
- .pl5-l { padding-left: calc(var(--grid-size) * 5); }
- .pl6-l { padding-left: calc(var(--grid-size) * 6); }
- .pl7-l { padding-left: calc(var(--grid-size) * 7); }
- .pl8-l { padding-left: calc(var(--grid-size) * 8); }
- .pl9-l { padding-left: calc(var(--grid-size) * 9); }
- .pl10-l { padding-left: calc(var(--grid-size) * 10); }
- .pl11-l { padding-left: calc(var(--grid-size) * 11); }
- .pl12-l { padding-left: calc(var(--grid-size) * 12); }
- .pl13-l { padding-left: calc(var(--grid-size) * 13); }
- .pl14-l { padding-left: calc(var(--grid-size) * 14); }
- .pl15-l { padding-left: calc(var(--grid-size) * 15); }
- .pl16-l { padding-left: calc(var(--grid-size) * 16); }
- .pl17-l { padding-left: calc(var(--grid-size) * 17); }
- .pl18-l { padding-left: calc(var(--grid-size) * 18); }
- .pl19-l { padding-left: calc(var(--grid-size) * 19); }
- .pl20-l { padding-left: calc(var(--grid-size) * 20); }
- .pl25-l { padding-left: calc(var(--grid-size) * 25); }
- .pl30-l { padding-left: calc(var(--grid-size) * 30); }
- .pl40-l { padding-left: calc(var(--grid-size) * 40); }
- .pl50-l { padding-left: calc(var(--grid-size) * 50); }
-
- .pt0-l { padding-top: 0; }
- .pt1-l { padding-top: calc(var(--grid-size) * 1); }
- .pt2-l { padding-top: calc(var(--grid-size) * 2); }
- .pt3-l { padding-top: calc(var(--grid-size) * 3); }
- .pt4-l { padding-top: calc(var(--grid-size) * 4); }
- .pt5-l { padding-top: calc(var(--grid-size) * 5); }
- .pt6-l { padding-top: calc(var(--grid-size) * 6); }
- .pt7-l { padding-top: calc(var(--grid-size) * 7); }
- .pt8-l { padding-top: calc(var(--grid-size) * 8); }
- .pt9-l { padding-top: calc(var(--grid-size) * 9); }
- .pt10-l { padding-top: calc(var(--grid-size) * 10); }
- .pt11-l { padding-top: calc(var(--grid-size) * 11); }
- .pt12-l { padding-top: calc(var(--grid-size) * 12); }
- .pt13-l { padding-top: calc(var(--grid-size) * 13); }
- .pt14-l { padding-top: calc(var(--grid-size) * 14); }
- .pt15-l { padding-top: calc(var(--grid-size) * 15); }
- .pt16-l { padding-top: calc(var(--grid-size) * 16); }
- .pt17-l { padding-top: calc(var(--grid-size) * 17); }
- .pt18-l { padding-top: calc(var(--grid-size) * 18); }
- .pt19-l { padding-top: calc(var(--grid-size) * 19); }
- .pt20-l { padding-top: calc(var(--grid-size) * 20); }
- .pt25-l { padding-top: calc(var(--grid-size) * 25); }
- .pt30-l { padding-top: calc(var(--grid-size) * 30); }
- .pt40-l { padding-top: calc(var(--grid-size) * 40); }
- .pt50-l { padding-top: calc(var(--grid-size) * 50); }
-
- .ma0-l { margin: 0; }
- .ma1-l { margin: calc(var(--grid-size) * 1); }
- .ma2-l { margin: calc(var(--grid-size) * 2); }
- .ma3-l { margin: calc(var(--grid-size) * 3); }
- .ma4-l { margin: calc(var(--grid-size) * 4); }
- .ma5-l { margin: calc(var(--grid-size) * 5); }
- .ma6-l { margin: calc(var(--grid-size) * 6); }
- .ma7-l { margin: calc(var(--grid-size) * 7); }
- .ma8-l { margin: calc(var(--grid-size) * 8); }
- .ma9-l { margin: calc(var(--grid-size) * 9); }
- .ma10-l { margin: calc(var(--grid-size) * 10); }
- .ma11-l { margin: calc(var(--grid-size) * 11); }
- .ma12-l { margin: calc(var(--grid-size) * 12); }
- .ma13-l { margin: calc(var(--grid-size) * 13); }
- .ma14-l { margin: calc(var(--grid-size) * 14); }
- .ma15-l { margin: calc(var(--grid-size) * 15); }
- .ma16-l { margin: calc(var(--grid-size) * 16); }
- .ma17-l { margin: calc(var(--grid-size) * 17); }
- .ma18-l { margin: calc(var(--grid-size) * 18); }
- .ma19-l { margin: calc(var(--grid-size) * 19); }
- .ma20-l { margin: calc(var(--grid-size) * 20); }
- .ma25-l { margin: calc(var(--grid-size) * 25); }
- .ma30-l { margin: calc(var(--grid-size) * 30); }
- .ma40-l { margin: calc(var(--grid-size) * 40); }
- .ma50-l { margin: calc(var(--grid-size) * 50); }
-
- .mr0-l { margin-right: 0; }
- .mr1-l { margin-right: calc(var(--grid-size) * 1); }
- .mr2-l { margin-right: calc(var(--grid-size) * 2); }
- .mr3-l { margin-right: calc(var(--grid-size) * 3); }
- .mr4-l { margin-right: calc(var(--grid-size) * 4); }
- .mr5-l { margin-right: calc(var(--grid-size) * 5); }
- .mr6-l { margin-right: calc(var(--grid-size) * 6); }
- .mr7-l { margin-right: calc(var(--grid-size) * 7); }
- .mr8-l { margin-right: calc(var(--grid-size) * 8); }
- .mr9-l { margin-right: calc(var(--grid-size) * 9); }
- .mr10-l { margin-right: calc(var(--grid-size) * 10); }
- .mr11-l { margin-right: calc(var(--grid-size) * 11); }
- .mr12-l { margin-right: calc(var(--grid-size) * 12); }
- .mr13-l { margin-right: calc(var(--grid-size) * 13); }
- .mr14-l { margin-right: calc(var(--grid-size) * 14); }
- .mr15-l { margin-right: calc(var(--grid-size) * 15); }
- .mr16-l { margin-right: calc(var(--grid-size) * 16); }
- .mr17-l { margin-right: calc(var(--grid-size) * 17); }
- .mr18-l { margin-right: calc(var(--grid-size) * 18); }
- .mr19-l { margin-right: calc(var(--grid-size) * 19); }
- .mr20-l { margin-right: calc(var(--grid-size) * 20); }
- .mr25-l { margin-right: calc(var(--grid-size) * 25); }
- .mr30-l { margin-right: calc(var(--grid-size) * 30); }
- .mr40-l { margin-right: calc(var(--grid-size) * 40); }
- .mr50-l { margin-right: calc(var(--grid-size) * 50); }
-
- .mb0-l { margin-bottom: 0; }
- .mb1-l { margin-bottom: calc(var(--grid-size) * 1); }
- .mb2-l { margin-bottom: calc(var(--grid-size) * 2); }
- .mb3-l { margin-bottom: calc(var(--grid-size) * 3); }
- .mb4-l { margin-bottom: calc(var(--grid-size) * 4); }
- .mb5-l { margin-bottom: calc(var(--grid-size) * 5); }
- .mb6-l { margin-bottom: calc(var(--grid-size) * 6); }
- .mb7-l { margin-bottom: calc(var(--grid-size) * 7); }
- .mb8-l { margin-bottom: calc(var(--grid-size) * 8); }
- .mb9-l { margin-bottom: calc(var(--grid-size) * 9); }
- .mb10-l { margin-bottom: calc(var(--grid-size) * 10); }
- .mb11-l { margin-bottom: calc(var(--grid-size) * 11); }
- .mb12-l { margin-bottom: calc(var(--grid-size) * 12); }
- .mb13-l { margin-bottom: calc(var(--grid-size) * 13); }
- .mb14-l { margin-bottom: calc(var(--grid-size) * 14); }
- .mb15-l { margin-bottom: calc(var(--grid-size) * 15); }
- .mb16-l { margin-bottom: calc(var(--grid-size) * 16); }
- .mb17-l { margin-bottom: calc(var(--grid-size) * 17); }
- .mb18-l { margin-bottom: calc(var(--grid-size) * 18); }
- .mb19-l { margin-bottom: calc(var(--grid-size) * 19); }
- .mb20-l { margin-bottom: calc(var(--grid-size) * 20); }
- .mb25-l { margin-bottom: calc(var(--grid-size) * 25); }
- .mb30-l { margin-bottom: calc(var(--grid-size) * 30); }
- .mb40-l { margin-bottom: calc(var(--grid-size) * 40); }
- .mb50-l { margin-bottom: calc(var(--grid-size) * 50); }
-
- .ml0-l { margin-left: 0; }
- .ml1-l { margin-left: calc(var(--grid-size) * 1); }
- .ml2-l { margin-left: calc(var(--grid-size) * 2); }
- .ml3-l { margin-left: calc(var(--grid-size) * 3); }
- .ml4-l { margin-left: calc(var(--grid-size) * 4); }
- .ml5-l { margin-left: calc(var(--grid-size) * 5); }
- .ml6-l { margin-left: calc(var(--grid-size) * 6); }
- .ml7-l { margin-left: calc(var(--grid-size) * 7); }
- .ml8-l { margin-left: calc(var(--grid-size) * 8); }
- .ml9-l { margin-left: calc(var(--grid-size) * 9); }
- .ml10-l { margin-left: calc(var(--grid-size) * 10); }
- .ml11-l { margin-left: calc(var(--grid-size) * 11); }
- .ml12-l { margin-left: calc(var(--grid-size) * 12); }
- .ml13-l { margin-left: calc(var(--grid-size) * 13); }
- .ml14-l { margin-left: calc(var(--grid-size) * 14); }
- .ml15-l { margin-left: calc(var(--grid-size) * 15); }
- .ml16-l { margin-left: calc(var(--grid-size) * 16); }
- .ml17-l { margin-left: calc(var(--grid-size) * 17); }
- .ml18-l { margin-left: calc(var(--grid-size) * 18); }
- .ml19-l { margin-left: calc(var(--grid-size) * 19); }
- .ml20-l { margin-left: calc(var(--grid-size) * 20); }
- .ml25-l { margin-left: calc(var(--grid-size) * 25); }
- .ml30-l { margin-left: calc(var(--grid-size) * 30); }
- .ml40-l { margin-left: calc(var(--grid-size) * 40); }
- .ml50-l { margin-left: calc(var(--grid-size) * 50); }
-
- .mt0-l { margin-top: 0; }
- .mt1-l { margin-top: calc(var(--grid-size) * 1); }
- .mt2-l { margin-top: calc(var(--grid-size) * 2); }
- .mt3-l { margin-top: calc(var(--grid-size) * 3); }
- .mt4-l { margin-top: calc(var(--grid-size) * 4); }
- .mt5-l { margin-top: calc(var(--grid-size) * 5); }
- .mt6-l { margin-top: calc(var(--grid-size) * 6); }
- .mt7-l { margin-top: calc(var(--grid-size) * 7); }
- .mt8-l { margin-top: calc(var(--grid-size) * 8); }
- .mt9-l { margin-top: calc(var(--grid-size) * 9); }
- .mt10-l { margin-top: calc(var(--grid-size) * 10); }
- .mt11-l { margin-top: calc(var(--grid-size) * 11); }
- .mt12-l { margin-top: calc(var(--grid-size) * 12); }
- .mt13-l { margin-top: calc(var(--grid-size) * 13); }
- .mt14-l { margin-top: calc(var(--grid-size) * 14); }
- .mt15-l { margin-top: calc(var(--grid-size) * 15); }
- .mt16-l { margin-top: calc(var(--grid-size) * 16); }
- .mt17-l { margin-top: calc(var(--grid-size) * 17); }
- .mt18-l { margin-top: calc(var(--grid-size) * 18); }
- .mt19-l { margin-top: calc(var(--grid-size) * 19); }
- .mt20-l { margin-top: calc(var(--grid-size) * 20); }
- .mt25-l { margin-top: calc(var(--grid-size) * 25); }
- .mt30-l { margin-top: calc(var(--grid-size) * 30); }
- .mt40-l { margin-top: calc(var(--grid-size) * 40); }
- .mt50-l { margin-top: calc(var(--grid-size) * 50); }
-}
diff --git a/app/styles/spirit-product/_tables.css b/app/styles/spirit-product/_tables.css
deleted file mode 100644
index 3a46ddb2d8..0000000000
--- a/app/styles/spirit-product/_tables.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.collapse {
- border-collapse: collapse;
- border-spacing: 0;
-}
-
-.striped:nth-child(odd) {
- border-bottom: 1px solid var(--whitegrey);
-}
-
-.striped:nth-child(even) {
- background-color: var(--whitegrey-p2);
- border-bottom: 1px solid var(--whitegrey);
-}
-
-th, td {
- vertical-align: top;
-}
diff --git a/app/styles/spirit-product/_text-align.css b/app/styles/spirit-product/_text-align.css
deleted file mode 100644
index d31796960e..0000000000
--- a/app/styles/spirit-product/_text-align.css
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
-
- Base
- t = text-align
-
- Modifiers
- l = left
- r = right
- c = center
- j = justify
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.tl { text-align: left; }
-.tr { text-align: right; }
-.tc { text-align: center; }
-.tj { text-align: justify; }
-
-@media (--breakpoint-not-small) {
- .tl-ns { text-align: left; }
- .tr-ns { text-align: right; }
- .tc-ns { text-align: center; }
- .tj-ns { text-align: justify; }
-}
-
-@media (--breakpoint-medium) {
- .tl-m { text-align: left; }
- .tr-m { text-align: right; }
- .tc-m { text-align: center; }
- .tj-m { text-align: justify; }
-}
-
-@media (--breakpoint-large) {
- .tl-l { text-align: left; }
- .tr-l { text-align: right; }
- .tc-l { text-align: center; }
- .tj-l { text-align: justify; }
-}
diff --git a/app/styles/spirit-product/_text-block-spacings.css b/app/styles/spirit-product/_text-block-spacings.css
deleted file mode 100644
index 119b9eab40..0000000000
--- a/app/styles/spirit-product/_text-block-spacings.css
+++ /dev/null
@@ -1,53 +0,0 @@
-:root {
- --baseline-grid: 1.6rem;
-}
-
-.tmb { margin: 0 0 calc(var(--baseline-grid)); }
-.tmb--0 { margin: 0; }
-.tmb--0-25x { margin: 0 0 calc(var(--baseline-grid) * 0.25); }
-.tmb--0-5x { margin: 0 0 calc(var(--baseline-grid) * 0.5); }
-.tmb--0-75x { margin: 0 0 calc(var(--baseline-grid) * 0.75); }
-.tmb--1-25x { margin: 0 0 calc(var(--baseline-grid) * 1.25); }
-.tmb--1-5x { margin: 0 0 calc(var(--baseline-grid) * 1.5); }
-.tmb--2-0x { margin: 0 0 calc(var(--baseline-grid) * 2.0); }
-.tmb--2-5x { margin: 0 0 calc(var(--baseline-grid) * 2.5); }
-.tmb--3-0x { margin: 0 0 calc(var(--baseline-grid) * 3.0); }
-
-@media (--breakpoint-not-small) {
- .tmb-ns { margin: 0 0 calc(var(--baseline-grid)); }
- .tmb--0-ns { margin: 0; }
- .tmb--0-25x-ns { margin: 0 0 calc(var(--baseline-grid) * 0.25); }
- .tmb--0-5x-ns { margin: 0 0 calc(var(--baseline-grid) * 0.5); }
- .tmb--0-75x-ns { margin: 0 0 calc(var(--baseline-grid) * 0.75); }
- .tmb--1-25x-ns { margin: 0 0 calc(var(--baseline-grid) * 1.25); }
- .tmb--1-5x-ns { margin: 0 0 calc(var(--baseline-grid) * 1.5); }
- .tmb--2-0x-ns { margin: 0 0 calc(var(--baseline-grid) * 2.0); }
- .tmb--2-5x-ns { margin: 0 0 calc(var(--baseline-grid) * 2.5); }
- .tmb--3-0x-ns { margin: 0 0 calc(var(--baseline-grid) * 3.0); }
-}
-
-@media (--breakpoint-medium) {
- .tmb-m { margin: 0 0 calc(var(--baseline-grid)); }
- .tmb--0-m { margin: 0; }
- .tmb--0-25x-m { margin: 0 0 calc(var(--baseline-grid) * 0.25); }
- .tmb--0-5x-m { margin: 0 0 calc(var(--baseline-grid) * 0.5); }
- .tmb--0-75x-m { margin: 0 0 calc(var(--baseline-grid) * 0.75); }
- .tmb--1-25x-m { margin: 0 0 calc(var(--baseline-grid) * 1.25); }
- .tmb--1-5x-m { margin: 0 0 calc(var(--baseline-grid) * 1.5); }
- .tmb--2-0x-m { margin: 0 0 calc(var(--baseline-grid) * 2.0); }
- .tmb--2-5x-m { margin: 0 0 calc(var(--baseline-grid) * 2.5); }
- .tmb--3-0x-m { margin: 0 0 calc(var(--baseline-grid) * 3.0); }
-}
-
-@media (--breakpoint-large) {
- .tmb-l { margin: 0 0 calc(var(--baseline-grid)); }
- .tmb--0-l { margin: 0; }
- .tmb--0-25x-l { margin: 0 0 calc(var(--baseline-grid) * 0.25); }
- .tmb--0-5x-l { margin: 0 0 calc(var(--baseline-grid) * 0.5); }
- .tmb--0-75x-l { margin: 0 0 calc(var(--baseline-grid) * 0.75); }
- .tmb--1-25x-l { margin: 0 0 calc(var(--baseline-grid) * 1.25); }
- .tmb--1-5x-l { margin: 0 0 calc(var(--baseline-grid) * 1.5); }
- .tmb--2-0x-l { margin: 0 0 calc(var(--baseline-grid) * 2.0); }
- .tmb--2-5x-l { margin: 0 0 calc(var(--baseline-grid) * 2.5); }
- .tmb--3-0x-l { margin: 0 0 calc(var(--baseline-grid) * 3.0); }
-}
diff --git a/app/styles/spirit-product/_text-decoration.css b/app/styles/spirit-product/_text-decoration.css
deleted file mode 100644
index d69032c51c..0000000000
--- a/app/styles/spirit-product/_text-decoration.css
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.strike { text-decoration: line-through; }
-.underline { text-decoration: underline; }
-.no-underline { text-decoration: none; }
-
-
-@media (--breakpoint-not-small) {
- .strike-ns { text-decoration: line-through; }
- .underline-ns { text-decoration: underline; }
- .no-underline-ns { text-decoration: none; }
-}
-
-@media (--breakpoint-medium) {
- .strike-m { text-decoration: line-through; }
- .underline-m { text-decoration: underline; }
- .no-underline-m { text-decoration: none; }
-}
-
-@media (--breakpoint-large) {
- .strike-l { text-decoration: line-through; }
- .underline-l { text-decoration: underline; }
- .no-underline-l { text-decoration: none; }
-}
diff --git a/app/styles/spirit-product/_text-transform.css b/app/styles/spirit-product/_text-transform.css
deleted file mode 100644
index a7c2b19700..0000000000
--- a/app/styles/spirit-product/_text-transform.css
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
-
- Base:
- tt = text-transform
-
- Modifiers
- c = capitalize
- l = lowercase
- u = uppercase
- n = none
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.ttc { text-transform: capitalize; }
-.ttl { text-transform: lowercase; }
-.ttu { text-transform: uppercase; }
-.ttn { text-transform: none; }
-
-@media (--breakpoint-not-small) {
- .ttc-ns { text-transform: capitalize; }
- .ttl-ns { text-transform: lowercase; }
- .ttu-ns { text-transform: uppercase; }
- .ttn-ns { text-transform: none; }
-}
-
-@media (--breakpoint-medium) {
- .ttc-m { text-transform: capitalize; }
- .ttl-m { text-transform: lowercase; }
- .ttu-m { text-transform: uppercase; }
- .ttn-m { text-transform: none; }
-}
-
-@media (--breakpoint-large) {
- .ttc-l { text-transform: capitalize; }
- .ttl-l { text-transform: lowercase; }
- .ttu-l { text-transform: uppercase; }
- .ttn-l { text-transform: none; }
-}
diff --git a/app/styles/spirit-product/_type-scale.css b/app/styles/spirit-product/_type-scale.css
deleted file mode 100644
index f0bbca7ed7..0000000000
--- a/app/styles/spirit-product/_type-scale.css
+++ /dev/null
@@ -1,95 +0,0 @@
-/*
-
- Vertical rhythm = 1.067
- Tools that can help with experimenting with type scale:
- http://type-scale.com/
- https://www.gridlover.net/
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
- :root {
- --ts-base-fontsize: 62.5%;
-
- --ts-headline: 3.6rem;
- --ts-subheadline: 2.8rem;
-
- --ts-1: 2.3rem;
- --ts-2: 2.1rem;
- --ts-3: 2.0rem;
- --ts-4: 1.9rem;
- --ts-5: 1.75rem;
- --ts-6: 1.6rem;
- --ts-7: 1.4rem;
- --ts-8: 1.3rem;
- --ts-small: 1.2rem;
- --ts-supersmall: 1.1rem;
- }
-
-
-.fs-base { font-size: var(--ts-base-fontsize); }
-.f-headline { font-size: var(--ts-headline); }
-.f-subheadline { font-size: var(--ts-subheadline); }
-.f1 { font-size: var(--ts-1); }
-.f2 { font-size: var(--ts-2); }
-.f3 { font-size: var(--ts-3); }
-.f4 { font-size: var(--ts-4); }
-.f5 { font-size: var(--ts-5); }
-.f6 { font-size: var(--ts-6); }
-.f7 { font-size: var(--ts-7); }
-.f8, .f-default { font-size: var(--ts-8); }
-.f-small { font-size: var(--ts-small); }
-.f-supersmall { font-size: var(--ts-supersmall); }
-
-
-@media (--breakpoint-not-small){
- .fs-base-ns { font-size: var(--ts-base-fontsize); }
- .f-headline-ns { font-size: var(--ts-headline); }
- .f-subheadline-ns { font-size: var(--ts-subheadline); }
- .f1-ns { font-size: var(--ts-1); }
- .f2-ns { font-size: var(--ts-2); }
- .f3-ns { font-size: var(--ts-3); }
- .f4-ns { font-size: var(--ts-4); }
- .f5-ns { font-size: var(--ts-5); }
- .f6-ns { font-size: var(--ts-6); }
- .f7-ns { font-size: var(--ts-7); }
- .f8-ns, .f-default-ns { font-size: var(--ts-8); }
- .fsmall-ns { font-size: var(--ts-small); }
- .f-supersmall-ns { font-size: var(--ts-supersmall); }
-}
-
-@media (--breakpoint-medium) {
- .fs-base-m { font-size: var(--ts-base-fontsize); }
- .f-headline-m { font-size: var(--ts-headline); }
- .f-subheadline-m { font-size: var(--ts-subheadline); }
- .f1-m { font-size: var(--ts-1); }
- .f2-m { font-size: var(--ts-2); }
- .f3-m { font-size: var(--ts-3); }
- .f4-m { font-size: var(--ts-4); }
- .f5-m { font-size: var(--ts-5); }
- .f6-m { font-size: var(--ts-6); }
- .f7-m { font-size: var(--ts-7); }
- .f8-m, .f-default-m { font-size: var(--ts-8); }
- .fsmall-m { font-size: var(--ts-small); }
- .f-supersmall-m { font-size: var(--ts-supersmall); }
-}
-
-@media (--breakpoint-large) {
- .fs-base-l { font-size: var(--ts-base-fontsize); }
- .f-headline-l { font-size: var(--ts-headline); }
- .f-subheadline-l { font-size: var(--ts-subheadline); }
- .f1-l { font-size: var(--ts-1); }
- .f2-l { font-size: var(--ts-2); }
- .f3-l { font-size: var(--ts-3); }
- .f4-l { font-size: var(--ts-4); }
- .f5-l { font-size: var(--ts-5); }
- .f6-l { font-size: var(--ts-6); }
- .f7-l { font-size: var(--ts-7); }
- .f8-l, .f-default-l { font-size: var(--ts-8); }
- .fsmall-l { font-size: var(--ts-small); }
- .f-supersmall-l { font-size: var(--ts-supersmall); }
-}
diff --git a/app/styles/spirit-product/_typography.css b/app/styles/spirit-product/_typography.css
deleted file mode 100644
index 93ce6cb879..0000000000
--- a/app/styles/spirit-product/_typography.css
+++ /dev/null
@@ -1,144 +0,0 @@
-/*
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-
-
-/* Measure is limited to ~66 characters */
-.measure {
- max-width: 30em;
-}
-
-/* Measure is limited to ~80 characters */
-.measure-wide {
- max-width: 42em;
-}
-
-/* Measure is limited to ~45 characters */
-.measure-narrow {
- max-width: 20em;
-}
-
-/* Book paragraph style - paragraphs are indented with no vertical spacing. */
-.indent {
- text-indent: 1em;
- margin-top: 0;
- margin-bottom: 0;
-}
-
-.small-caps {
- font-variant: small-caps;
-}
-
-/* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */
-
-.truncate {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-.readability {
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- -moz-font-feature-settings: "liga" on;
-}
-
-@media (--breakpoint-not-small) {
- .measure-ns {
- max-width: 30em;
- }
- .measure-wide-ns {
- max-width: 34em;
- }
- .measure-narrow-ns {
- max-width: 20em;
- }
- .indent-ns {
- text-indent: 1em;
- margin-top: 0;
- margin-bottom: 0;
- }
- .small-caps-ns {
- font-variant: small-caps;
- }
- .truncate-ns {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .readability-ns {
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- -moz-font-feature-settings: "liga" on;
- }
-}
-
-@media (--breakpoint-medium) {
- .measure-m {
- max-width: 30em;
- }
- .measure-wide-m {
- max-width: 34em;
- }
- .measure-narrow-m {
- max-width: 20em;
- }
- .indent-m {
- text-indent: 1em;
- margin-top: 0;
- margin-bottom: 0;
- }
- .small-caps-m {
- font-variant: small-caps;
- }
- .truncate-m {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .readability-m {
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- -moz-font-feature-settings: "liga" on;
- }
-}
-
-@media (--breakpoint-large) {
- .measure-l {
- max-width: 30em;
- }
- .measure-wide-l {
- max-width: 34em;
- }
- .measure-narrow-l {
- max-width: 20em;
- }
- .indent-l {
- text-indent: 1em;
- margin-top: 0;
- margin-bottom: 0;
- }
- .small-caps-l {
- font-variant: small-caps;
- }
- .truncate-l {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .readability-l {
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- -moz-font-feature-settings: "liga" on;
- }
-}
diff --git a/app/styles/spirit-product/_utilities.css b/app/styles/spirit-product/_utilities.css
deleted file mode 100644
index 6dc7c55fe3..0000000000
--- a/app/styles/spirit-product/_utilities.css
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
-
- UTILITIES
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-/* Equivalent to .overflow-y-scroll */
-.overflow-container {
- overflow-y: scroll;
-}
-
-.center {
- margin-right: auto;
- margin-left: auto;
-}
-
-.mr-auto { margin-right: auto; }
-.ml-auto { margin-left: auto; }
-
-@media (--breakpoint-not-small){
- .center-ns {
- margin-right: auto;
- margin-left: auto;
- }
- .mr-auto-ns { margin-right: auto; }
- .ml-auto-ns { margin-left: auto; }
-}
-
-@media (--breakpoint-medium){
- .center-m {
- margin-right: auto;
- margin-left: auto;
- }
- .mr-auto-m { margin-right: auto; }
- .ml-auto-m { margin-left: auto; }
-}
-
-@media (--breakpoint-large){
- .center-l {
- margin-right: auto;
- margin-left: auto;
- }
- .mr-auto-l { margin-right: auto; }
- .ml-auto-l { margin-left: auto; }
-}
diff --git a/app/styles/spirit-product/_vertical-align.css b/app/styles/spirit-product/_vertical-align.css
deleted file mode 100644
index 83f9114842..0000000000
--- a/app/styles/spirit-product/_vertical-align.css
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
-
- VERTICAL ALIGN
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.v-base { vertical-align: baseline; }
-.v-mid { vertical-align: middle; }
-.v-top { vertical-align: top; }
-.v-btm { vertical-align: bottom; }
-
-@media (--breakpoint-not-small) {
- .v-base-ns { vertical-align: baseline; }
- .v-mid-ns { vertical-align: middle; }
- .v-top-ns { vertical-align: top; }
- .v-btm-ns { vertical-align: bottom; }
-}
-
-@media (--breakpoint-medium) {
- .v-base-m { vertical-align: baseline; }
- .v-mid-m { vertical-align: middle; }
- .v-top-m { vertical-align: top; }
- .v-btm-m { vertical-align: bottom; }
-}
-
-@media (--breakpoint-large) {
- .v-base-l { vertical-align: baseline; }
- .v-mid-l { vertical-align: middle; }
- .v-top-l { vertical-align: top; }
- .v-btm-l { vertical-align: bottom; }
-}
diff --git a/app/styles/spirit-product/_visibility.css b/app/styles/spirit-product/_visibility.css
deleted file mode 100644
index f5a8c44b6e..0000000000
--- a/app/styles/spirit-product/_visibility.css
+++ /dev/null
@@ -1,51 +0,0 @@
-/*
-
- VISIBILITY
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-
-/*
- Text that is hidden but accessible
- Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
-*/
-
-.clip {
- position: fixed !important;
- _position: absolute !important;
- clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
- clip: rect(1px, 1px, 1px, 1px);
-}
-
-@media (--breakpoint-not-small) {
- .clip-ns {
- position: fixed !important;
- _position: absolute !important;
- clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
- clip: rect(1px, 1px, 1px, 1px);
- }
-}
-
-@media (--breakpoint-medium) {
- .clip-m {
- position: fixed !important;
- _position: absolute !important;
- clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
- clip: rect(1px, 1px, 1px, 1px);
- }
-}
-
-@media (--breakpoint-large) {
- .clip-l {
- position: fixed !important;
- _position: absolute !important;
- clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
- clip: rect(1px, 1px, 1px, 1px);
- }
-}
-
diff --git a/app/styles/spirit-product/_white-space.css b/app/styles/spirit-product/_white-space.css
deleted file mode 100644
index 3902f1f7c1..0000000000
--- a/app/styles/spirit-product/_white-space.css
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
-
- WHITE SPACE
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-
-.ws-normal { white-space: normal; }
-.nowrap { white-space: nowrap; }
-.pre { white-space: pre; }
-
-@media (--breakpoint-not-small) {
- .ws-normal-ns { white-space: normal; }
- .nowrap-ns { white-space: nowrap; }
- .pre-ns { white-space: pre; }
-}
-
-@media (--breakpoint-medium) {
- .ws-normal-m { white-space: normal; }
- .nowrap-m { white-space: nowrap; }
- .pre-m { white-space: pre; }
-}
-
-@media (--breakpoint-large) {
- .ws-normal-l { white-space: normal; }
- .nowrap-l { white-space: nowrap; }
- .pre-l { white-space: pre; }
-}
-
diff --git a/app/styles/spirit-product/_widths.css b/app/styles/spirit-product/_widths.css
deleted file mode 100644
index dcfbc1816e..0000000000
--- a/app/styles/spirit-product/_widths.css
+++ /dev/null
@@ -1,208 +0,0 @@
-/*
-
- Base:
- w = width
-
- Value:
- (n) = (n * grid size)
- -(m) = (m)%
- -third = third of full width
- -two-thirds = two thirds of full width
- -auto = auto
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.w1 { width: calc(var(--grid-size) * 1); }
-.w2 { width: calc(var(--grid-size) * 2); }
-.w3 { width: calc(var(--grid-size) * 3); }
-.w4 { width: calc(var(--grid-size) * 4); }
-.w5 { width: calc(var(--grid-size) * 5); }
-.w6 { width: calc(var(--grid-size) * 6); }
-.w7 { width: calc(var(--grid-size) * 7); }
-.w8 { width: calc(var(--grid-size) * 8); }
-.w9 { width: calc(var(--grid-size) * 9); }
-.w10 { width: calc(var(--grid-size) * 10); }
-.w11 { width: calc(var(--grid-size) * 11); }
-.w12 { width: calc(var(--grid-size) * 12); }
-.w13 { width: calc(var(--grid-size) * 13); }
-.w14 { width: calc(var(--grid-size) * 14); }
-.w15 { width: calc(var(--grid-size) * 15); }
-.w16 { width: calc(var(--grid-size) * 16); }
-.w17 { width: calc(var(--grid-size) * 17); }
-.w18 { width: calc(var(--grid-size) * 18); }
-.w19 { width: calc(var(--grid-size) * 19); }
-.w20 { width: calc(var(--grid-size) * 20); }
-.w25 { width: calc(var(--grid-size) * 25); }
-.w30 { width: calc(var(--grid-size) * 30); }
-.w40 { width: calc(var(--grid-size) * 40); }
-.w50 { width: calc(var(--grid-size) * 50); }
-.w70 { width: calc(var(--grid-size) * 70); }
-.w88 { width: calc(var(--grid-size) * 88); }
-
-.w-10 { width: 10%; }
-.w-20 { width: 20%; }
-.w-25 { width: 25%; }
-.w-30 { width: 30%; }
-.w-33 { width: 33%; }
-.w-34 { width: 34%; }
-.w-40 { width: 40%; }
-.w-50 { width: 50%; }
-.w-60 { width: 60%; }
-.w-70 { width: 70%; }
-.w-75 { width: 75%; }
-.w-80 { width: 80%; }
-.w-90 { width: 90%; }
-.w-100 { width: 100%; }
-
-.w-third { width: calc(100% / 3); }
-.w-two-thirds { width: calc(100% / 1.5); }
-.w-auto { width: auto; }
-
-@media (--breakpoint-not-small) {
- .w1-ns { width: calc(var(--grid-size) * 1); }
- .w2-ns { width: calc(var(--grid-size) * 2); }
- .w3-ns { width: calc(var(--grid-size) * 3); }
- .w4-ns { width: calc(var(--grid-size) * 4); }
- .w5-ns { width: calc(var(--grid-size) * 5); }
- .w6-ns { width: calc(var(--grid-size) * 6); }
- .w7-ns { width: calc(var(--grid-size) * 7); }
- .w8-ns { width: calc(var(--grid-size) * 8); }
- .w9-ns { width: calc(var(--grid-size) * 9); }
- .w10-ns { width: calc(var(--grid-size) * 10); }
- .w11-ns { width: calc(var(--grid-size) * 11); }
- .w12-ns { width: calc(var(--grid-size) * 12); }
- .w13-ns { width: calc(var(--grid-size) * 13); }
- .w14-ns { width: calc(var(--grid-size) * 14); }
- .w15-ns { width: calc(var(--grid-size) * 15); }
- .w16-ns { width: calc(var(--grid-size) * 16); }
- .w17-ns { width: calc(var(--grid-size) * 17); }
- .w18-ns { width: calc(var(--grid-size) * 18); }
- .w19-ns { width: calc(var(--grid-size) * 19); }
- .w20-ns { width: calc(var(--grid-size) * 20); }
- .w25-ns { width: calc(var(--grid-size) * 25); }
- .w30-ns { width: calc(var(--grid-size) * 30); }
- .w40-ns { width: calc(var(--grid-size) * 40); }
- .w50-ns { width: calc(var(--grid-size) * 50); }
- .w70-ns { width: calc(var(--grid-size) * 70); }
- .w88-ns { width: calc(var(--grid-size) * 88); }
-
- .w-10-ns { width: 10%; }
- .w-20-ns { width: 20%; }
- .w-25-ns { width: 25%; }
- .w-30-ns { width: 30%; }
- .w-33-ns { width: 33%; }
- .w-34-ns { width: 34%; }
- .w-40-ns { width: 40%; }
- .w-50-ns { width: 50%; }
- .w-60-ns { width: 60%; }
- .w-70-ns { width: 70%; }
- .w-75-ns { width: 75%; }
- .w-80-ns { width: 80%; }
- .w-90-ns { width: 90%; }
- .w-100-ns { width: 100%; }
-
- .w-third-ns { width: calc(100% / 3); }
- .w-two-thirds-ns { width: calc(100% / 1.5); }
- .w-auto-ns { width: auto; }
-}
-
-@media (--breakpoint-medium) {
- .w1-m { width: calc(var(--grid-size) * 1); }
- .w2-m { width: calc(var(--grid-size) * 2); }
- .w3-m { width: calc(var(--grid-size) * 3); }
- .w4-m { width: calc(var(--grid-size) * 4); }
- .w5-m { width: calc(var(--grid-size) * 5); }
- .w6-m { width: calc(var(--grid-size) * 6); }
- .w7-m { width: calc(var(--grid-size) * 7); }
- .w8-m { width: calc(var(--grid-size) * 8); }
- .w9-m { width: calc(var(--grid-size) * 9); }
- .w10-m { width: calc(var(--grid-size) * 10); }
- .w11-m { width: calc(var(--grid-size) * 11); }
- .w12-m { width: calc(var(--grid-size) * 12); }
- .w13-m { width: calc(var(--grid-size) * 13); }
- .w14-m { width: calc(var(--grid-size) * 14); }
- .w15-m { width: calc(var(--grid-size) * 15); }
- .w16-m { width: calc(var(--grid-size) * 16); }
- .w17-m { width: calc(var(--grid-size) * 17); }
- .w18-m { width: calc(var(--grid-size) * 18); }
- .w19-m { width: calc(var(--grid-size) * 19); }
- .w20-m { width: calc(var(--grid-size) * 20); }
- .w25-m { width: calc(var(--grid-size) * 25); }
- .w30-m { width: calc(var(--grid-size) * 30); }
- .w40-m { width: calc(var(--grid-size) * 40); }
- .w50-m { width: calc(var(--grid-size) * 50); }
- .w70-m { width: calc(var(--grid-size) * 70); }
- .w88-m { width: calc(var(--grid-size) * 88); }
-
- .w-10-m { width: 10%; }
- .w-20-m { width: 20%; }
- .w-25-m { width: 25%; }
- .w-30-m { width: 30%; }
- .w-33-m { width: 33%; }
- .w-34-m { width: 34%; }
- .w-40-m { width: 40%; }
- .w-50-m { width: 50%; }
- .w-60-m { width: 60%; }
- .w-70-m { width: 70%; }
- .w-75-m { width: 75%; }
- .w-80-m { width: 80%; }
- .w-90-m { width: 90%; }
- .w-100-m { width: 100%; }
-
- .w-third-m { width: calc(100% / 3); }
- .w-two-thirds-m { width: calc(100% / 1.5); }
- .w-auto-m { width: auto; }
-}
-
-@media (--breakpoint-large) {
- .w1-l { width: calc(var(--grid-size) * 1); }
- .w2-l { width: calc(var(--grid-size) * 2); }
- .w3-l { width: calc(var(--grid-size) * 3); }
- .w4-l { width: calc(var(--grid-size) * 4); }
- .w5-l { width: calc(var(--grid-size) * 5); }
- .w6-l { width: calc(var(--grid-size) * 6); }
- .w7-l { width: calc(var(--grid-size) * 7); }
- .w8-l { width: calc(var(--grid-size) * 8); }
- .w9-l { width: calc(var(--grid-size) * 9); }
- .w10-l { width: calc(var(--grid-size) * 10); }
- .w11-l { width: calc(var(--grid-size) * 11); }
- .w12-l { width: calc(var(--grid-size) * 12); }
- .w13-l { width: calc(var(--grid-size) * 13); }
- .w14-l { width: calc(var(--grid-size) * 14); }
- .w15-l { width: calc(var(--grid-size) * 15); }
- .w16-l { width: calc(var(--grid-size) * 16); }
- .w17-l { width: calc(var(--grid-size) * 17); }
- .w18-l { width: calc(var(--grid-size) * 18); }
- .w19-l { width: calc(var(--grid-size) * 19); }
- .w20-l { width: calc(var(--grid-size) * 20); }
- .w25-l { width: calc(var(--grid-size) * 25); }
- .w30-l { width: calc(var(--grid-size) * 30); }
- .w40-l { width: calc(var(--grid-size) * 40); }
- .w50-l { width: calc(var(--grid-size) * 50); }
- .w70-l { width: calc(var(--grid-size) * 70); }
- .w88-l { width: calc(var(--grid-size) * 88); }
-
- .w-10-l { width: 10%; }
- .w-20-l { width: 20%; }
- .w-25-l { width: 25%; }
- .w-30-l { width: 30%; }
- .w-33-l { width: 33%; }
- .w-34-l { width: 34%; }
- .w-40-l { width: 40%; }
- .w-50-l { width: 50%; }
- .w-60-l { width: 60%; }
- .w-70-l { width: 70%; }
- .w-75-l { width: 75%; }
- .w-80-l { width: 80%; }
- .w-90-l { width: 90%; }
- .w-100-l { width: 100%; }
-
- .w-third-l { width: calc(100% / 3); }
- .w-two-thirds-l { width: calc(100% / 1.5); }
- .w-auto-l { width: auto; }
-}
diff --git a/app/styles/spirit-product/_word-break.css b/app/styles/spirit-product/_word-break.css
deleted file mode 100644
index bc88931a0d..0000000000
--- a/app/styles/spirit-product/_word-break.css
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
-
- WORD BREAK
-
- Base:
- word = word-break
-
- Media Query Extensions:
- -ns = not-small
- -m = medium
- -l = large
-
-*/
-
-.word-normal { word-break: normal; }
-.word-wrap { word-break: break-all; }
-.word-nowrap { word-break: keep-all; }
-
-@media (--breakpoint-not-small) {
- .word-normal-ns { word-break: normal; }
- .word-wrap-ns { word-break: break-all; }
- .word-nowrap-ns { word-break: keep-all; }
-}
-
-@media (--breakpoint-medium) {
- .word-normal-m { word-break: normal; }
- .word-wrap-m { word-break: break-all; }
- .word-nowrap-m { word-break: keep-all; }
-}
-
-@media (--breakpoint-large) {
- .word-normal-l { word-break: normal; }
- .word-wrap-l { word-break: break-all; }
- .word-nowrap-l { word-break: keep-all; }
-}
-
diff --git a/app/styles/spirit-product/_z-index.css b/app/styles/spirit-product/_z-index.css
deleted file mode 100644
index 9f4d863f7b..0000000000
--- a/app/styles/spirit-product/_z-index.css
+++ /dev/null
@@ -1,53 +0,0 @@
-/*
-
- Z-INDEX
-
- Base
- z = z-index
-
- Modifiers
- -0 = literal value 0
- -1 = literal value 1
- -2 = literal value 2
- -3 = literal value 3
- -4 = literal value 4
- -5 = literal value 5
- -999 = literal value 999
- -9999 = literal value 9999
-
- -max = largest accepted z-index value as integer
-
- -inherit = string value inherit
- -initial = string value initial
- -unset = string value unset
-
- MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
- Spec: http://www.w3.org/TR/CSS2/zindex.html
- Articles:
- https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
-
- Tips on extending:
- There might be a time worth using negative z-index values.
- Or if you are using tachyons with another project, you might need to
- adjust these values to suit your needs.
-
-*/
-
-.z-0 { z-index: 0; }
-.z-1 { z-index: 1; }
-.z-2 { z-index: 2; }
-.z-3 { z-index: 3; }
-.z-4 { z-index: 4; }
-.z-5 { z-index: 5; }
-
-.z-999 { z-index: 999; }
-.z-9999 { z-index: 9999; }
-
-.z-max {
- z-index: 2147483647;
-}
-
-.z-inherit { z-index: inherit; }
-.z-initial { z-index: initial; }
-.z-unset { z-index: unset; }
-
diff --git a/app/styles/spirit-product/spirit-product.css b/app/styles/spirit-product/spirit-product.css
deleted file mode 100644
index 2509387538..0000000000
--- a/app/styles/spirit-product/spirit-product.css
+++ /dev/null
@@ -1,76 +0,0 @@
-/* External Library Includes */
-/* Ghost-Admin's existing CSS already has normalization */
-/* @import './_normalize'; */
-
-/* Modules */
-@import './_spacing';
-@import './_box-sizing';
-@import './_aspect-ratios';
-@import './_images';
-@import './_background-size';
-@import './_background-position';
-@import './_outlines';
-@import './_borders';
-@import './_border-colors';
-@import './_border-radius';
-@import './_border-style';
-@import './_border-widths';
-@import './_box-shadow';
-@import './_code';
-@import './_coordinates';
-@import './_clears';
-@import './_display';
-@import './_flexbox';
-@import './_floats';
-@import './_font-family';
-@import './_font-style';
-@import './_font-weight';
-@import './_forms';
-@import './_heights';
-@import './_letter-spacing';
-@import './_line-height';
-@import './_links';
-@import './_lists';
-@import './_max-widths';
-@import './_min-widths';
-@import './_min-heights';
-@import './_widths';
-@import './_overflow';
-@import './_position';
-@import './_opacity';
-@import './_rotations';
-@import './_skins';
-@import './_gradients';
-@import './_hovers';
-@import './_text-block-spacings';
-@import './_negative-margins';
-@import './_tables';
-@import './_text-decoration';
-@import './_text-align';
-@import './_text-transform';
-@import './_type-scale';
-@import './_typography';
-@import './_utilities';
-@import './_visibility';
-@import './_white-space';
-@import './_vertical-align';
-@import './_hovers';
-@import './_z-index';
-@import './_nested';
-@import './_dropdown';
-@import './_nudge';
-@import './_icons';
-@import './_animations';
-
-/* Variables */
-/* Importing here will allow you to override any variables in the modules */
-@import './_colors';
-@import './_media-queries';
-
-/* Debugging */
-@import './_debug-children';
-@import './_debug-grid';
-
-/* Uncomment out the line below to help debug layout issues */
-/* @import './_debug'; */
-@import './_custom-styles';
diff --git a/app/styles/spirit.css b/app/styles/spirit.css
deleted file mode 100644
index b1754516d8..0000000000
--- a/app/styles/spirit.css
+++ /dev/null
@@ -1 +0,0 @@
-@import "spirit-product/spirit-product.css";
diff --git a/ember-cli-build.js b/ember-cli-build.js
index 47f716d4e9..5d95f59d4e 100644
--- a/ember-cli-build.js
+++ b/ember-cli-build.js
@@ -67,39 +67,6 @@ codemirrorAssets = function () {
return config;
};
-function postcssPlugins() {
- let plugins = [{
- module: require('postcss-easy-import')
- }, {
- module: require('postcss-custom-properties')
- }, {
- module: require('postcss-color-function')
- }, {
- module: require('autoprefixer'),
- options: {
- browsers: ['last 2 versions']
- }
- }];
-
- if (isProduction) {
- plugins.push({
- module: require('cssnano'),
- // cssnano minifies animations sometimes wrong, so they don't work anymore.
- // See: https://github.com/ben-eb/gulp-cssnano/issues/33#issuecomment-210518957
- options: {
- reduceIdents: {
- keyframes: false
- },
- discardUnused: {
- keyframes: false
- }
- }
- });
- }
-
- return plugins;
-}
-
module.exports = function (defaults) {
let app = new EmberApp(defaults, {
'ember-cli-babel': {
@@ -115,7 +82,6 @@ module.exports = function (defaults) {
js: assetLocation('ghost.js'),
css: {
app: assetLocation('ghost.css'),
- spirit: assetLocation('spirit.css'),
// TODO: find a way to use the .min file with the lazyLoader
'app-dark': 'assets/ghost-dark.css'
}
@@ -125,12 +91,6 @@ module.exports = function (defaults) {
css: assetLocation('vendor.css')
}
},
- postcssOptions: {
- compile: {
- enabled: true,
- plugins: postcssPlugins()
- }
- },
fingerprint: {
enabled: true,
extensions: ['js', 'css', 'png', 'jpg', 'jpeg', 'gif', 'map']
diff --git a/lib/asset-delivery/index.js b/lib/asset-delivery/index.js
index b49390b862..764bb98559 100644
--- a/lib/asset-delivery/index.js
+++ b/lib/asset-delivery/index.js
@@ -15,7 +15,6 @@ module.exports = {
return `
-
`;
}
diff --git a/lib/koenig-editor/addon/helpers/kg-style.js b/lib/koenig-editor/addon/helpers/kg-style.js
deleted file mode 100644
index 008db78a00..0000000000
--- a/lib/koenig-editor/addon/helpers/kg-style.js
+++ /dev/null
@@ -1,326 +0,0 @@
-import {helper} from '@ember/component/helper';
-import {htmlSafe} from '@ember/string';
-
-export function kgStyle(params/*, hash*/) {
- let [style] = params;
- let cssClass = '';
-
- let atFontStyle = 'sans-serif f-headline fw7 tracked-2 lh-heading';
- let h1FontStyle = 'sans-serif f-subheadline fw7 tracked-2 lh-heading';
- let h2FontStyle = 'sans-serif f1 fw7 tracked-2 lh-title';
- let h3FontStyle = 'sans-serif f2 fw7 tracked-2 lh-title';
- let h4FontStyle = 'sans-serif f3 fw7 tracked-3 lh-title';
- let h5FontStyle = 'sans-serif f4 fw7 tracked-2 lh-copy';
- let h6FontStyle = 'sans-serif f5 fw7 tracked-3 lh-copy';
- let pFontStyle = 'f3 fw3 lh-copy tracked-1 serif';
-
- let cardBorderStyle = 'pt1 pb1 pl14 nl14 pr2 nr2 ba b--whitegrey br3 relative kg-card-hover';
-
- switch (style) {
- // Article title
- case 'at':
- cssClass = atFontStyle + ' tmb--2-0x';
- break;
- case 'at-0':
- cssClass = atFontStyle + ' tmb--0';
- break;
- case 'at-p':
- cssClass = atFontStyle + ' tmb';
- break;
- case 'at-h':
- cssClass = atFontStyle + ' tmb--2-5x';
- break;
-
- // Heading 1
- case 'h1':
- case 'h1-p':
- cssClass = h1FontStyle + ' tmb--0-5x';
- break;
- case 'h1-h':
- cssClass = h1FontStyle + ' tmb';
- break;
- case 'h1-media':
- cssClass = h1FontStyle + ' tmb--2-0x';
- break;
- case 'h1-hr':
- cssClass = h1FontStyle + ' tmb--3-0x';
- break;
- case 'h1-list':
- cssClass = h1FontStyle + ' tmb';
- break;
- case 'h1-0':
- cssClass = h1FontStyle + ' tmb--0';
- break;
- case 'h1-2':
- cssClass = h1FontStyle + ' tmb--2-0x';
- break;
-
- // Heading 2
- case 'h2':
- case 'h2-p':
- cssClass = h2FontStyle + ' tmb--0-25x';
- break;
- case 'h2-h':
- cssClass = h2FontStyle + ' tmb--0-75x';
- break;
- case 'h2-media':
- cssClass = h2FontStyle + ' tmb--2-0x';
- break;
- case 'h2-hr':
- cssClass = h2FontStyle + ' tmb--3-0x';
- break;
- case 'h2-list':
- cssClass = h2FontStyle + ' tmb';
- break;
- case 'h2-0':
- cssClass = h2FontStyle + ' tmb--0';
- break;
- case 'h2-2':
- cssClass = h2FontStyle + ' tmb--2-0x';
- break;
-
- // Heading 3
- case 'h3':
- case 'h3-p':
- cssClass = h3FontStyle + ' tmb--0-25x';
- break;
- case 'h3-h':
- cssClass = h3FontStyle + ' tmb--0-5x';
- break;
- case 'h3-media':
- cssClass = h3FontStyle + ' tmb--1-5x';
- break;
- case 'h3-hr':
- cssClass = h3FontStyle + ' tmb--3-0x';
- break;
- case 'h3-list':
- cssClass = h3FontStyle + ' tmb';
- break;
- case 'h3-0':
- cssClass = h3FontStyle + ' tmb--0';
- break;
- case 'h3-2':
- cssClass = h3FontStyle + ' tmb--2-0x';
- break;
-
- // Heading 4
- case 'h4':
- case 'h4-p':
- cssClass = h4FontStyle + ' tmb--0-25x';
- break;
- case 'h4-h':
- cssClass = h4FontStyle + ' tmb--0-25x';
- break;
- case 'h4-media':
- cssClass = h4FontStyle + ' tmb--1-5x';
- break;
- case 'h4-hr':
- cssClass = h4FontStyle + ' tmb--3-0x';
- break;
- case 'h4-list':
- cssClass = h4FontStyle + ' tmb';
- break;
- case 'h4-0':
- cssClass = h4FontStyle + ' tmb--0';
- break;
- case 'h4-2':
- cssClass = h4FontStyle + ' tmb--2-0x';
- break;
-
- // Heading 5
- case 'h5':
- case 'h5-p':
- cssClass = h5FontStyle + ' tmb--0-25x';
- break;
- case 'h5-h':
- cssClass = h5FontStyle + ' tmb--0-25x';
- break;
- case 'h5-media':
- cssClass = h5FontStyle + ' tmb--1-5x';
- break;
- case 'h5-hr':
- cssClass = h5FontStyle + ' tmb--3-0x';
- break;
- case 'h5-list':
- cssClass = h5FontStyle + ' tmb';
- break;
- case 'h5-0':
- cssClass = h5FontStyle + ' tmb--0';
- break;
- case 'h5-2':
- cssClass = h5FontStyle + ' tmb--2-0x';
- break;
-
- // Heading 6
- case 'h6':
- case 'h6-p':
- cssClass = h6FontStyle + ' tmb--0-25x';
- break;
- case 'h6-h':
- cssClass = h6FontStyle + ' tmb--0-25x';
- break;
- case 'h6-media':
- cssClass = h6FontStyle + ' tmb--1-5x';
- break;
- case 'h6-hr':
- cssClass = h6FontStyle + ' tmb--3-0x';
- break;
- case 'h6-list':
- cssClass = h6FontStyle + ' tmb';
- break;
- case 'h6-0':
- cssClass = h6FontStyle + ' tmb--0';
- break;
- case 'h6-2':
- cssClass = h6FontStyle + ' tmb--2-0x';
- break;
-
- // Paragraphs
- case 'p':
- case 'p-p':
- cssClass = pFontStyle + ' tmb--2-0x';
- break;
- case 'p-h':
- cssClass = pFontStyle + ' tmb--3-0x';
- break;
- case 'p-media':
- cssClass = pFontStyle + ' tmb--2-0x';
- break;
- case 'p-hr':
- cssClass = pFontStyle + ' tmb--3-0x';
- break;
- case 'p-list':
- cssClass = pFontStyle + ' tmb--1-5x';
- break;
- case 'p-0':
- cssClass = pFontStyle + ' tmb--0';
- break;
-
- // Lists
- case 'list':
- case 'list-p':
- cssClass = pFontStyle + ' tmb--1-25x';
- break;
- case 'list-h':
- cssClass = pFontStyle + ' tmb--3-0x';
- break;
- case 'list-hr':
- cssClass = pFontStyle + ' tmb--3-0x';
- break;
- case 'list-item':
- cssClass = 'lh-list';
- break;
-
- /* Component styles
- /* ------------------------------------------ */
-
- // links
- case 'link':
- cssClass = 'link darkgrey miw-100-m2 hover-blue kg-link';
- break;
-
- // More typography
- case 'strong':
- cssClass = 'darkgrey miw-100-m2';
- break;
- case 'em':
- cssClass = 'darkgrey miw-100-m2';
- break;
- case 'underline':
- cssClass = 'underline';
- break;
- case 'var':
- cssClass = 'fs-normal';
- break;
- case 'strike':
- cssClass = 'strike';
- break;
- case 'code-inline':
- cssClass = 'f5 fw3 bg-whitegrey br2 kg-code-inline';
- break;
- case 'code-block':
- cssClass = 'f6 lh-code fw3 bg-darkgrey-m2 pa3 white br3 tmb--2-0x';
- break;
- case 'mark':
- cssClass = 'mark';
- break;
-
- // Blockquotes
- case 'blockquote':
- case 'blockquote-p':
- cssClass = pFontStyle + ' bl bw2 b--blue pt1 pb1 pl5 i tmb--2-0x';
- break;
- case 'blockquote-h':
- cssClass = pFontStyle + ' bl bw2 b--blue pt1 pb1 pl5 i tmb--3-0x';
- break;
- case 'blockquote-media':
- cssClass = pFontStyle + ' bl bw2 b--blue pt1 pb1 pl5 i tmb--2-0x';
- break;
- case 'blockquote-hr':
- cssClass = pFontStyle + ' bl bw2 b--blue pt1 pb1 pl5 i tmb--3-0x';
- break;
- case 'blockquote-list':
- cssClass = pFontStyle + ' bl bw2 b--blue pt1 pb1 pl5 i tmb--1-5x';
- break;
-
- // Container cards
- case 'container-card':
- case 'container-card-p':
- cssClass = cardBorderStyle + ' tmb--2-0x mih10';
- break;
-
- // Generic media card
- case 'media-card':
- case 'media-card-p':
- cssClass = pFontStyle + ' nt2 nr2 nl2 pa2 ba b--transparent kg-card-hover tmb--2-0x';
- break;
- case 'media-card-h':
- cssClass = pFontStyle + ' nt2 nr2 nl2 pa2 ba b--transparent kg-card-hover tmb--3-0x';
- break;
- case 'media-card-media':
- cssClass = pFontStyle + ' nt2 nr2 nl2 pa2 ba b--transparent kg-card-hover tmb--2-0x';
- break;
- case 'media-card-hr':
- cssClass = pFontStyle + ' nt2 nr2 nl2 pa2 ba b--transparent kg-card-hover tmb--3-0x';
- break;
- case 'media-card-list':
- cssClass = pFontStyle + ' nt2 nr2 nl2 pa2 ba b--transparent kg-card-hover tmb--1-5x';
- break;
-
- // Media styles & figure caption
- case 'image-wide':
- cssClass = 'mw-l center db';
- break;
- case 'image-normal':
- cssClass = 'center db';
- break;
- case 'figcaption':
- cssClass = 'db pa2 pb0 mw-s center lh-title sans-serif fw4 f7 middarkgrey tracked-2 tc';
- break;
-
- // Forms
- case 'form-fieldset':
- cssClass = pFontStyle + ' tmb--2-0x';
- break;
-
- // Horizontal ruler
- case 'hr':
- cssClass = 'bb bw1 bt-0 bl-0 br-0 b--lightgrey tmb--3-0x';
- break;
-
- // Tables
- case 'table':
- cssClass = 'collapse serif f5 lh-copy tmb--3-0x';
- break;
- case 'table-row':
- cssClass = 'bb b--whitegrey';
- break;
- case 'table-cell':
- cssClass = 'pa2';
- break;
- }
-
- return htmlSafe(cssClass);
-}
-
-export default helper(kgStyle);
diff --git a/lib/koenig-editor/app/helpers/kg-style.js b/lib/koenig-editor/app/helpers/kg-style.js
deleted file mode 100644
index 969a63e893..0000000000
--- a/lib/koenig-editor/app/helpers/kg-style.js
+++ /dev/null
@@ -1 +0,0 @@
-export {default, kgStyle} from 'koenig-editor/helpers/kg-style';
diff --git a/package.json b/package.json
index 0ac1569a50..a34ce72717 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,6 @@
},
"devDependencies": {
"@html-next/vertical-collection": "1.0.0-beta.8",
- "autoprefixer": "8.2.0",
"blueimp-md5": "2.10.0",
"broccoli-asset-rev": "2.6.0",
"broccoli-clean-css": "^2.0.1",
@@ -39,7 +38,6 @@
"codemirror": "5.36.0",
"coveralls": "3.0.0",
"csscomb": "4.2.0",
- "cssnano": "4.0.0-rc.2",
"current-device": "0.7.2",
"deparam": "1.0.5",
"ember-ajax": "3.1.0",
@@ -50,9 +48,11 @@
"ember-cli-app-version": "3.1.3",
"ember-cli-babel": "6.12.0",
"ember-cli-chai": "0.5.0",
+ "ember-cli-cjs-transform": "1.1.1",
"ember-cli-code-coverage": "0.4.2",
"ember-cli-dependency-checker": "2.1.0",
"ember-cli-eslint": "4.2.3",
+ "ember-cli-ghost-spirit": "0.0.1",
"ember-cli-htmlbars": "2.0.3",
"ember-cli-htmlbars-inline-precompile": "1.0.2",
"ember-cli-inject-live-reload": "1.7.0",
@@ -60,7 +60,7 @@
"ember-cli-mocha": "^0.15.0",
"ember-cli-moment-shim": "3.6.0",
"ember-cli-node-assets": "0.2.2",
- "ember-cli-postcss": "3.7.1",
+ "ember-cli-postcss": "^3.7.1",
"ember-cli-pretender": "1.0.1",
"ember-cli-shims": "1.2.0",
"ember-cli-string-helpers": "1.8.0",
@@ -97,6 +97,7 @@
"eslint": "4.19.1",
"eslint-plugin-ghost": "0.0.23",
"fs-extra": "4.0.3",
+ "ghost-spirit": "0.0.9",
"glob": "7.1.2",
"google-caja-bower": "https://github.com/acburdine/google-caja-bower#ghost",
"grunt": "1.0.2",
@@ -114,9 +115,6 @@
"mobiledoc-kit": "0.10.21",
"normalize.css": "3.0.3",
"password-generator": "2.2.0",
- "postcss-color-function": "4.0.1",
- "postcss-custom-properties": "6.2.0",
- "postcss-easy-import": "3.0.0",
"simplemde": "https://github.com/kevinansfield/simplemde-markdown-editor.git#ghost",
"testem": "2.0.0",
"top-gh-contribs": "2.0.4",
diff --git a/yarn.lock b/yarn.lock
index a1abbe9a34..4821715e79 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,6 +2,10 @@
# yarn lockfile v1
+"@csstools/convert-colors@^1.4.0":
+ version "1.4.0"
+ resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7"
+
"@ember/test-helpers@^0.7.16":
version "0.7.20"
resolved "https://registry.yarnpkg.com/@ember/test-helpers/-/test-helpers-0.7.20.tgz#488b1c8ef23626f8831e5cb750ffca86e017e6dc"
@@ -65,8 +69,8 @@
resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.38.tgz#c1be40aa933723c608820a99a373a16d215a1ca2"
"@types/node@^9.6.0":
- version "9.6.0"
- resolved "https://registry.yarnpkg.com/@types/node/-/node-9.6.0.tgz#d3480ee666df9784b1001a1872a2f6ccefb6c2d7"
+ version "9.6.1"
+ resolved "https://registry.yarnpkg.com/@types/node/-/node-9.6.1.tgz#e2d374ef15b315b48e7efc308fa1a7cd51faa06c"
JSONStream@^1.0.3:
version "1.3.2"
@@ -146,6 +150,10 @@ after@0.8.1:
version "0.8.1"
resolved "https://registry.yarnpkg.com/after/-/after-0.8.1.tgz#ab5d4fb883f596816d3515f8f791c0af486dd627"
+after@0.8.2:
+ version "0.8.2"
+ resolved "https://registry.yarnpkg.com/after/-/after-0.8.2.tgz#fedb394f9f0e02aa9768e702bda23b505fae7e1f"
+
ajv-keywords@^2.1.0:
version "2.1.1"
resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-2.1.1.tgz#617997fc5f60576894c435f940d819e135b80762"
@@ -206,6 +214,12 @@ amdefine@>=0.0.4:
version "1.0.1"
resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
+ansi-cyan@^0.1.1:
+ version "0.1.1"
+ resolved "https://registry.yarnpkg.com/ansi-cyan/-/ansi-cyan-0.1.1.tgz#538ae528af8982f28ae30d86f2f17456d2609873"
+ dependencies:
+ ansi-wrap "0.1.0"
+
ansi-escapes@^1.1.0:
version "1.4.0"
resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-1.4.0.tgz#d3a8a83b319aa67793662b13e761c7911422306e"
@@ -214,6 +228,18 @@ ansi-escapes@^3.0.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.1.0.tgz#f73207bb81207d75fd6c83f125af26eea378ca30"
+ansi-gray@^0.1.1:
+ version "0.1.1"
+ resolved "https://registry.yarnpkg.com/ansi-gray/-/ansi-gray-0.1.1.tgz#2962cf54ec9792c48510a3deb524436861ef7251"
+ dependencies:
+ ansi-wrap "0.1.0"
+
+ansi-red@^0.1.1:
+ version "0.1.1"
+ resolved "https://registry.yarnpkg.com/ansi-red/-/ansi-red-0.1.1.tgz#8c638f9d1080800a353c9c28c8a81ca4705d946c"
+ dependencies:
+ ansi-wrap "0.1.0"
+
ansi-regex@^0.2.0, ansi-regex@^0.2.1:
version "0.2.1"
resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-0.2.1.tgz#0d8e946967a3d8143f93e24e298525fc1b2235f9"
@@ -240,6 +266,10 @@ ansi-styles@^3.0.0, ansi-styles@^3.2.1:
dependencies:
color-convert "^1.9.0"
+ansi-wrap@0.1.0:
+ version "0.1.0"
+ resolved "https://registry.yarnpkg.com/ansi-wrap/-/ansi-wrap-0.1.0.tgz#a82250ddb0015e9a27ca82e82ea603bbfa45efaf"
+
ansicolors@~0.2.1:
version "0.2.1"
resolved "https://registry.yarnpkg.com/ansicolors/-/ansicolors-0.2.1.tgz#be089599097b74a5c9c4a84a0cdbcdb62bd87aef"
@@ -286,6 +316,13 @@ argparse@^1.0.2, argparse@^1.0.7:
dependencies:
sprintf-js "~1.0.2"
+arr-diff@^1.0.1:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-1.1.0.tgz#687c32758163588fef7de7b36fabe495eb1a399a"
+ dependencies:
+ arr-flatten "^1.0.1"
+ array-slice "^0.2.3"
+
arr-diff@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-2.0.0.tgz#8f3b827f955a8bd669697e4a4256ac3ceae356cf"
@@ -300,6 +337,10 @@ arr-flatten@^1.0.1, arr-flatten@^1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/arr-flatten/-/arr-flatten-1.1.0.tgz#36048bbff4e7b47e136644316c99669ea5ae91f1"
+arr-union@^2.0.1:
+ version "2.1.0"
+ resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-2.1.0.tgz#20f9eab5ec70f5c7d215b1077b1c39161d292c7d"
+
arr-union@^3.1.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
@@ -328,6 +369,10 @@ array-reduce@~0.0.0:
version "0.0.0"
resolved "https://registry.yarnpkg.com/array-reduce/-/array-reduce-0.0.0.tgz#173899d3ffd1c7d9383e4479525dbe278cab5f2b"
+array-slice@^0.2.3:
+ version "0.2.3"
+ resolved "https://registry.yarnpkg.com/array-slice/-/array-slice-0.2.3.tgz#dd3cfb80ed7973a75117cdac69b0b99ec86186f5"
+
array-to-error@^1.0.0:
version "1.1.1"
resolved "https://registry.yarnpkg.com/array-to-error/-/array-to-error-1.1.1.tgz#d68812926d14097a205579a667eeaf1856a44c07"
@@ -360,6 +405,10 @@ arraybuffer.slice@0.0.6:
version "0.0.6"
resolved "https://registry.yarnpkg.com/arraybuffer.slice/-/arraybuffer.slice-0.0.6.tgz#f33b2159f0532a3f3107a272c0ccfbd1ad2979ca"
+arraybuffer.slice@~0.0.7:
+ version "0.0.7"
+ resolved "https://registry.yarnpkg.com/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz#3bbc4275dd584cc1b10809b89d4e8b63a69e7675"
+
arrify@^1.0.0:
version "1.0.1"
resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
@@ -432,7 +481,11 @@ async-disk-cache@^1.2.1:
rsvp "^3.0.18"
username-sync "1.0.1"
-async-promise-queue@^1.0.3:
+async-limiter@~1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.0.tgz#78faed8c3d074ab81f22b4e985d79e8738f720f8"
+
+async-promise-queue@^1.0.3, async-promise-queue@^1.0.4:
version "1.0.4"
resolved "https://registry.yarnpkg.com/async-promise-queue/-/async-promise-queue-1.0.4.tgz#308baafbc74aff66a0bb6e7f4a18d4fe8434440c"
dependencies:
@@ -458,8 +511,8 @@ asynckit@^0.4.0:
resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
atob@^2.0.0:
- version "2.0.3"
- resolved "https://registry.yarnpkg.com/atob/-/atob-2.0.3.tgz#19c7a760473774468f20b2d2d03372ad7d4cbf5d"
+ version "2.1.0"
+ resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.0.tgz#ab2b150e51d7b122b9efc8d7340c06b6c41076bc"
autoprefixer@8.2.0:
version "8.2.0"
@@ -1125,10 +1178,6 @@ backo2@1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/backo2/-/backo2-1.0.2.tgz#31ab1ac8b129363463e35b3ebb69f4dfcfba7947"
-balanced-match@0.1.0:
- version "0.1.0"
- resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.1.0.tgz#b504bd05869b39259dd0c5efc35d843176dccc4a"
-
balanced-match@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
@@ -1149,6 +1198,10 @@ base64id@0.1.0:
version "0.1.0"
resolved "https://registry.yarnpkg.com/base64id/-/base64id-0.1.0.tgz#02ce0fdeee0cef4f40080e1e73e834f0b1bfce3f"
+base64id@1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/base64id/-/base64id-1.0.0.tgz#47688cb99bb6804f0e06d3e763b1c32e57d8e6b6"
+
base@^0.11.1:
version "0.11.2"
resolved "https://registry.yarnpkg.com/base/-/base-0.11.2.tgz#7bde5ced145b6d551a90db87f83c558b4eb48a8f"
@@ -1205,7 +1258,7 @@ bluebird@^2.9.33:
version "2.11.0"
resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-2.11.0.tgz#534b9033c022c9579c56ba3b3e5a5caafbb650e1"
-bluebird@^3.1.1, bluebird@^3.3.5, bluebird@^3.4.6:
+bluebird@^3.0.5, bluebird@^3.1.1, bluebird@^3.3.5, bluebird@^3.4.6:
version "3.5.1"
resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.5.1.tgz#d9551f9de98f1fcda1e683d17ee91a0602ee2eb9"
@@ -1455,7 +1508,7 @@ broccoli-config-replace@^1.1.2:
debug "^2.2.0"
fs-extra "^0.24.0"
-broccoli-debug@^0.6.1, broccoli-debug@^0.6.2, broccoli-debug@^0.6.3:
+broccoli-debug@^0.6.1, broccoli-debug@^0.6.2, broccoli-debug@^0.6.3, broccoli-debug@^0.6.4:
version "0.6.4"
resolved "https://registry.yarnpkg.com/broccoli-debug/-/broccoli-debug-0.6.4.tgz#986eb3d2005e00e3bb91f9d0a10ab137210cd150"
dependencies:
@@ -1607,7 +1660,7 @@ broccoli-merge-trees@2.0.0, broccoli-merge-trees@^2.0.0:
broccoli-plugin "^1.3.0"
merge-trees "^1.0.1"
-broccoli-merge-trees@3.0.0:
+broccoli-merge-trees@3.0.0, broccoli-merge-trees@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/broccoli-merge-trees/-/broccoli-merge-trees-3.0.0.tgz#90e4959f9e3c57cf1f04fab35152f3d849468d8b"
dependencies:
@@ -1792,7 +1845,7 @@ broccoli-templater@^1.0.0:
broccoli-stew "^1.2.0"
lodash.template "^3.3.2"
-broccoli-uglify-sourcemap@2.0.2, broccoli-uglify-sourcemap@^2.0.1:
+broccoli-uglify-sourcemap@2.0.2:
version "2.0.2"
resolved "https://registry.yarnpkg.com/broccoli-uglify-sourcemap/-/broccoli-uglify-sourcemap-2.0.2.tgz#f4a73112f1f56b46043e2e89cba5ce7762cddeb3"
dependencies:
@@ -1806,6 +1859,22 @@ broccoli-uglify-sourcemap@2.0.2, broccoli-uglify-sourcemap@^2.0.1:
uglify-es "^3.1.3"
walk-sync "^0.3.2"
+broccoli-uglify-sourcemap@^2.0.1:
+ version "2.1.1"
+ resolved "https://registry.yarnpkg.com/broccoli-uglify-sourcemap/-/broccoli-uglify-sourcemap-2.1.1.tgz#33005537e18a322a181a5aea3e46d145b3355630"
+ dependencies:
+ async-promise-queue "^1.0.4"
+ broccoli-plugin "^1.2.1"
+ debug "^3.1.0"
+ lodash.defaultsdeep "^4.6.0"
+ matcher-collection "^1.0.5"
+ mkdirp "^0.5.0"
+ source-map-url "^0.4.0"
+ symlink-or-copy "^1.0.1"
+ uglify-es "^3.1.3"
+ walk-sync "^0.3.2"
+ workerpool "^2.3.0"
+
broccoli-unwatched-tree@^0.1.1:
version "0.1.3"
resolved "https://registry.yarnpkg.com/broccoli-unwatched-tree/-/broccoli-unwatched-tree-0.1.3.tgz#ab0fb820f613845bf67a803baad820f68b1e3aae"
@@ -1824,8 +1893,8 @@ brorand@^1.0.1:
resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
browser-pack@^6.0.1:
- version "6.0.4"
- resolved "https://registry.yarnpkg.com/browser-pack/-/browser-pack-6.0.4.tgz#9a73beb3b48f9e36868be007b64400102c04a99f"
+ version "6.1.0"
+ resolved "https://registry.yarnpkg.com/browser-pack/-/browser-pack-6.1.0.tgz#c34ba10d0b9ce162b5af227c7131c92c2ecd5774"
dependencies:
JSONStream "^1.0.3"
combine-source-map "~0.8.0"
@@ -1952,11 +2021,11 @@ browserslist@^2.0.0, browserslist@^2.1.2, browserslist@^2.2.2:
electron-to-chromium "^1.3.30"
browserslist@^3.2.0:
- version "3.2.3"
- resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-3.2.3.tgz#ad36e56a43daeacf4d2b7bb16441b7ac30be4510"
+ version "3.2.4"
+ resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-3.2.4.tgz#fb9ad70fd09875137ae943a31ab815ed76896031"
dependencies:
- caniuse-lite "^1.0.30000819"
- electron-to-chromium "^1.3.40"
+ caniuse-lite "^1.0.30000821"
+ electron-to-chromium "^1.3.41"
bser@^2.0.0:
version "2.0.0"
@@ -1996,6 +2065,22 @@ builtins@^1.0.3:
version "1.0.3"
resolved "https://registry.yarnpkg.com/builtins/-/builtins-1.0.3.tgz#cb94faeb61c8696451db36534e1422f94f0aee88"
+bunyan-loggly@^1.3.1:
+ version "1.3.3"
+ resolved "https://registry.yarnpkg.com/bunyan-loggly/-/bunyan-loggly-1.3.3.tgz#8e0f03df7eab60d1761234be1aef4874bb915fa4"
+ dependencies:
+ json-stringify-safe "^5.0.1"
+ node-loggly-bulk "^2.2.1"
+
+bunyan@1.8.5:
+ version "1.8.5"
+ resolved "https://registry.yarnpkg.com/bunyan/-/bunyan-1.8.5.tgz#0d619e83005fb89070f5f47982fc1bf00600878a"
+ optionalDependencies:
+ dtrace-provider "~0.8"
+ moment "^2.10.6"
+ mv "~2"
+ safe-json-stringify "~1"
+
bytes@1:
version "1.0.0"
resolved "https://registry.yarnpkg.com/bytes/-/bytes-1.0.0.tgz#3569ede8ba34315fab99c3e92cb04c7220de1fa8"
@@ -2034,6 +2119,10 @@ caller-path@^0.1.0:
dependencies:
callsites "^0.2.0"
+caller@1.0.1:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/caller/-/caller-1.0.1.tgz#b851860f70e195db3d277395aa1a7e23ea30ecf5"
+
callsite@1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/callsite/-/callsite-1.0.0.tgz#280398e5d664bd74038b6f0905153e6e8af1bc20"
@@ -2053,7 +2142,7 @@ camelcase@^1.0.2, camelcase@^1.2.1:
version "1.2.1"
resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39"
-camelcase@^2.0.0:
+camelcase@^2.0.0, camelcase@^2.0.1:
version "2.1.1"
resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
@@ -2080,9 +2169,9 @@ caniuse-api@^2.0.0:
lodash.memoize "^4.1.2"
lodash.uniq "^4.5.0"
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000792, caniuse-lite@^1.0.30000817, caniuse-lite@^1.0.30000819:
- version "1.0.30000820"
- resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000820.tgz#6e36ee75187a2c83d26d6504a1af47cc580324d2"
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000792, caniuse-lite@^1.0.30000817, caniuse-lite@^1.0.30000821:
+ version "1.0.30000823"
+ resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000823.tgz#b79842a5b5a48eaa416b73f5a5d7a23f52d26014"
capture-exit@^1.1.0:
version "1.2.0"
@@ -2251,8 +2340,8 @@ cli-cursor@^2.1.0:
restore-cursor "^2.0.0"
cli-spinners@^1.1.0:
- version "1.1.0"
- resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-1.1.0.tgz#f1847b168844d917a671eb9d147e3df497c90d06"
+ version "1.3.0"
+ resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-1.3.0.tgz#6ba8b357395f07b7981c1acc2614485ee8c02a2d"
cli-table@^0.3.1:
version "0.3.1"
@@ -2272,7 +2361,7 @@ cliui@^2.1.0:
right-align "^0.1.1"
wordwrap "0.0.2"
-cliui@^3.2.0:
+cliui@^3.0.3, cliui@^3.2.0:
version "3.2.0"
resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
dependencies:
@@ -2325,7 +2414,7 @@ collection-visit@^1.0.0:
map-visit "^1.0.0"
object-visit "^1.0.0"
-color-convert@^1.3.0, color-convert@^1.8.2, color-convert@^1.9.0:
+color-convert@^1.8.2, color-convert@^1.9.0:
version "1.9.1"
resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.1.tgz#c1261107aeb2f294ebffec9ed9ecad529a6097ed"
dependencies:
@@ -2335,12 +2424,6 @@ color-name@^1.0.0, color-name@^1.1.1:
version "1.1.3"
resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-color-string@^0.3.0:
- version "0.3.0"
- resolved "https://registry.yarnpkg.com/color-string/-/color-string-0.3.0.tgz#27d46fb67025c5c2fa25993bfbf579e47841b991"
- dependencies:
- color-name "^1.0.0"
-
color-string@^1.4.0:
version "1.5.2"
resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.2.tgz#26e45814bc3c9a7cbd6751648a41434514a773a9"
@@ -2348,13 +2431,9 @@ color-string@^1.4.0:
color-name "^1.0.0"
simple-swizzle "^0.2.2"
-color@^0.11.0:
- version "0.11.4"
- resolved "https://registry.yarnpkg.com/color/-/color-0.11.4.tgz#6d7b5c74fb65e841cd48792ad1ed5e07b904d764"
- dependencies:
- clone "^1.0.2"
- color-convert "^1.3.0"
- color-string "^0.3.0"
+color-support@^1.1.3:
+ version "1.1.3"
+ resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
color@^1.0.0:
version "1.0.3"
@@ -2367,20 +2446,15 @@ colors@1.0.3:
version "1.0.3"
resolved "https://registry.yarnpkg.com/colors/-/colors-1.0.3.tgz#0433f44d809680fdeb60ed260f1b0c262e82a40b"
+colors@^1.1.2:
+ version "1.2.1"
+ resolved "https://registry.yarnpkg.com/colors/-/colors-1.2.1.tgz#f4a3d302976aaf042356ba1ade3b1a2c62d9d794"
+
colors@~1.1.2:
version "1.1.2"
resolved "https://registry.yarnpkg.com/colors/-/colors-1.1.2.tgz#168a4701756b6a7f51a12ce0c97bfa28c084ed63"
-combine-source-map@~0.7.1:
- version "0.7.2"
- resolved "https://registry.yarnpkg.com/combine-source-map/-/combine-source-map-0.7.2.tgz#0870312856b307a87cc4ac486f3a9a62aeccc09e"
- dependencies:
- convert-source-map "~1.1.0"
- inline-source-map "~0.6.0"
- lodash.memoize "~3.0.3"
- source-map "~0.5.3"
-
-combine-source-map@~0.8.0:
+combine-source-map@^0.8.0, combine-source-map@~0.8.0:
version "0.8.0"
resolved "https://registry.yarnpkg.com/combine-source-map/-/combine-source-map-0.8.0.tgz#a58d0df042c186fcf822a8e8015f5450d2d79a8b"
dependencies:
@@ -2409,7 +2483,7 @@ commander@2.8.x:
dependencies:
graceful-readlink ">= 1.0.0"
-commander@^2.5.0, commander@^2.6.0:
+commander@^2.5.0, commander@^2.6.0, commander@^2.9.0:
version "2.15.1"
resolved "https://registry.yarnpkg.com/commander/-/commander-2.15.1.tgz#df46e867d0fc2aec66a34662b406a9ccafff5b0f"
@@ -2492,6 +2566,13 @@ concat-stream@~1.5.0, concat-stream@~1.5.1:
readable-stream "~2.0.0"
typedarray "~0.0.5"
+config-chain@~1.1.5:
+ version "1.1.11"
+ resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.11.tgz#aba09747dfbe4c3e70e766a6e41586e1859fc6f2"
+ dependencies:
+ ini "^1.3.4"
+ proto-list "~1.2.1"
+
configstore@^3.0.0:
version "3.1.2"
resolved "https://registry.yarnpkg.com/configstore/-/configstore-3.1.2.tgz#c6f25defaeef26df12dd33414b001fe81a543f8f"
@@ -2503,6 +2584,10 @@ configstore@^3.0.0:
write-file-atomic "^2.0.0"
xdg-basedir "^3.0.0"
+connect-slashes@^1.3.1:
+ version "1.3.1"
+ resolved "https://registry.yarnpkg.com/connect-slashes/-/connect-slashes-1.3.1.tgz#95d61830d0f9d5853c8688f0b5f43988b186ac37"
+
console-browserify@^1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.1.0.tgz#f0241c45730a9fc6323b206dbf38edc741d0bb10"
@@ -2575,8 +2660,8 @@ core-js@^1.0.0:
resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
core-js@^2.4.0, core-js@^2.5.0:
- version "2.5.3"
- resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.3.tgz#8acc38345824f16d8365b7c9b4259168e8ed603e"
+ version "2.5.4"
+ resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.4.tgz#f2c8bf181f2a80b92f360121429ce63a2f0aeae0"
core-object@^1.1.0:
version "1.1.0"
@@ -2592,7 +2677,7 @@ core-util-is@1.0.2, core-util-is@~1.0.0:
version "1.0.2"
resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
-cosmiconfig@^2.0.0:
+cosmiconfig@^2.0.0, cosmiconfig@^2.1.0, cosmiconfig@^2.1.1:
version "2.2.2"
resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-2.2.2.tgz#6173cebd56fac042c1f4390edf7af6c07c7cb892"
dependencies:
@@ -2649,6 +2734,16 @@ cross-spawn@^5.0.1, cross-spawn@^5.1.0:
shebang-command "^1.2.0"
which "^1.2.9"
+cross-spawn@^6.0.0:
+ version "6.0.5"
+ resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
+ dependencies:
+ nice-try "^1.0.4"
+ path-key "^2.0.1"
+ semver "^5.5.0"
+ shebang-command "^1.2.0"
+ which "^1.2.9"
+
cryptiles@2.x.x:
version "2.0.5"
resolved "https://registry.yarnpkg.com/cryptiles/-/cryptiles-2.0.5.tgz#3bdfecdc608147c1c67202fa291e7dca59eaa3b8"
@@ -2687,15 +2782,6 @@ cson-parser@^1.1.0:
dependencies:
coffee-script "^1.10.0"
-css-color-function@~1.3.3:
- version "1.3.3"
- resolved "https://registry.yarnpkg.com/css-color-function/-/css-color-function-1.3.3.tgz#8ed24c2c0205073339fafa004bc8c141fccb282e"
- dependencies:
- balanced-match "0.1.0"
- color "^0.11.0"
- debug "^3.1.0"
- rgb "~0.1.0"
-
css-color-names@^0.0.4:
version "0.0.4"
resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
@@ -2792,7 +2878,7 @@ cssnano-util-same-parent@^4.0.0-rc.2:
version "4.0.0-rc.2"
resolved "https://registry.yarnpkg.com/cssnano-util-same-parent/-/cssnano-util-same-parent-4.0.0-rc.2.tgz#b036b89f0d7c7516aafd1dc9e70f0ed05768834a"
-cssnano@4.0.0-rc.2:
+cssnano@^4.0.0-rc.2:
version "4.0.0-rc.2"
resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-4.0.0-rc.2.tgz#bcc06fe303d4f0f14070e59c121667c1727e2feb"
dependencies:
@@ -2880,13 +2966,13 @@ debug@2.3.3:
dependencies:
ms "0.7.2"
-debug@2.6.9, debug@^2.1.0, debug@^2.1.1, debug@^2.1.3, debug@^2.2.0, debug@^2.3.3, debug@^2.4.0, debug@^2.6.8:
+debug@2.6.9, debug@^2.1.0, debug@^2.1.1, debug@^2.1.3, debug@^2.2.0, debug@^2.3.3, debug@^2.4.0, debug@^2.6.8, debug@^2.6.9:
version "2.6.9"
resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
dependencies:
ms "2.0.0"
-debug@^3.1.0:
+debug@^3.1.0, debug@~3.1.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
dependencies:
@@ -3109,6 +3195,12 @@ dot-prop@^4.1.0, dot-prop@^4.1.1:
dependencies:
is-obj "^1.0.0"
+dtrace-provider@~0.8:
+ version "0.8.6"
+ resolved "https://registry.yarnpkg.com/dtrace-provider/-/dtrace-provider-0.8.6.tgz#428a223afe03425d2cd6d6347fdf40c66903563d"
+ dependencies:
+ nan "^2.3.3"
+
duplexer2@^0.1.2, duplexer2@~0.1.0, duplexer2@~0.1.2:
version "0.1.4"
resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1"
@@ -3125,13 +3217,23 @@ editions@^1.1.1:
version "1.3.4"
resolved "https://registry.yarnpkg.com/editions/-/editions-1.3.4.tgz#3662cb592347c3168eb8e498a0ff73271d67f50b"
+editorconfig@^0.13.2:
+ version "0.13.3"
+ resolved "https://registry.yarnpkg.com/editorconfig/-/editorconfig-0.13.3.tgz#e5219e587951d60958fd94ea9a9a008cdeff1b34"
+ dependencies:
+ bluebird "^3.0.5"
+ commander "^2.9.0"
+ lru-cache "^3.2.0"
+ semver "^5.1.0"
+ sigmund "^1.0.1"
+
ee-first@1.1.1:
version "1.1.1"
resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
-electron-to-chromium@^1.3.30, electron-to-chromium@^1.3.40:
- version "1.3.40"
- resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.40.tgz#1fbd6d97befd72b8a6f921dc38d22413d2f6fddf"
+electron-to-chromium@^1.3.30, electron-to-chromium@^1.3.41:
+ version "1.3.41"
+ resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.41.tgz#7e33643e00cd85edfd17e04194f6d00e73737235"
element-resize-detector@1.1.4:
version "1.1.4"
@@ -3258,8 +3360,8 @@ ember-cli-babel@6.12.0, ember-cli-babel@^6.0.0, ember-cli-babel@^6.0.0-beta.10,
semver "^5.4.1"
ember-cli-babel@^5.0.0, ember-cli-babel@^5.1.5, ember-cli-babel@^5.1.6, ember-cli-babel@^5.1.7, ember-cli-babel@^5.2.4:
- version "5.2.4"
- resolved "https://registry.yarnpkg.com/ember-cli-babel/-/ember-cli-babel-5.2.4.tgz#5ce4f46b08ed6f6d21e878619fb689719d6e8e13"
+ version "5.2.8"
+ resolved "https://registry.yarnpkg.com/ember-cli-babel/-/ember-cli-babel-5.2.8.tgz#0356b03cc3fdff5d0f2ecaa46a0e1cfaebffd876"
dependencies:
broccoli-babel-transpiler "^5.6.2"
broccoli-funnel "^1.0.0"
@@ -3292,6 +3394,21 @@ ember-cli-chai@0.5.0:
rollup-plugin-commonjs "^8.0.2"
rollup-plugin-node-resolve "^3.0.0"
+ember-cli-cjs-transform@1.1.1, ember-cli-cjs-transform@^1.1.1:
+ version "1.1.1"
+ resolved "https://registry.yarnpkg.com/ember-cli-cjs-transform/-/ember-cli-cjs-transform-1.1.1.tgz#79082031fec73885077496e2cd8d481dac79e0d0"
+ dependencies:
+ broccoli-debug "^0.6.4"
+ broccoli-plugin "^1.3.0"
+ ember-cli-babel "^6.6.0"
+ fs-extra "^5.0.0"
+ hash-for-dep "^1.2.3"
+ pkg-dir "^2.0.0"
+ rollup "^0.57.1"
+ rollup-plugin-commonjs "^9.1.0"
+ rollup-plugin-node-resolve "^3.3.0"
+ username "^3.0.0"
+
ember-cli-code-coverage@0.4.2:
version "0.4.2"
resolved "https://registry.yarnpkg.com/ember-cli-code-coverage/-/ember-cli-code-coverage-0.4.2.tgz#bd223af453ef0b80e5482cc9958cd9726b5865c7"
@@ -3336,6 +3453,18 @@ ember-cli-get-component-path-option@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/ember-cli-get-component-path-option/-/ember-cli-get-component-path-option-1.0.0.tgz#0d7b595559e2f9050abed804f1d8eff1b08bc771"
+ember-cli-ghost-spirit@0.0.1:
+ version "0.0.1"
+ resolved "https://registry.yarnpkg.com/ember-cli-ghost-spirit/-/ember-cli-ghost-spirit-0.0.1.tgz#14ccefb3ff8f7f5b4a1deb863368a2a63a533c5f"
+ dependencies:
+ broccoli-file-creator "^1.1.1"
+ broccoli-funnel "^2.0.1"
+ broccoli-merge-trees "^3.0.0"
+ ember-cli-babel "^6.6.0"
+ ember-cli-cjs-transform "^1.1.1"
+ ember-cli-postcss "3.7.1"
+ ghost-spirit "^0.0.9"
+
ember-cli-htmlbars-inline-precompile@1.0.2, ember-cli-htmlbars-inline-precompile@^1.0.0:
version "1.0.2"
resolved "https://registry.yarnpkg.com/ember-cli-htmlbars-inline-precompile/-/ember-cli-htmlbars-inline-precompile-1.0.2.tgz#5b544f664d5d9911f08cd979c5f70d8cb0ca2add"
@@ -3459,7 +3588,7 @@ ember-cli-path-utils@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/ember-cli-path-utils/-/ember-cli-path-utils-1.0.0.tgz#4e39af8b55301cddc5017739b77a804fba2071ed"
-ember-cli-postcss@3.7.1:
+ember-cli-postcss@3.7.1, ember-cli-postcss@^3.7.1:
version "3.7.1"
resolved "https://registry.yarnpkg.com/ember-cli-postcss/-/ember-cli-postcss-3.7.1.tgz#95e30ddf1924a88bb63c7749b8d128c7382fc807"
dependencies:
@@ -3659,7 +3788,7 @@ ember-composable-helpers@2.1.0, ember-composable-helpers@^2.0.1:
broccoli-funnel "^1.0.1"
ember-cli-babel "^6.6.0"
-ember-concurrency@0.8.16, ember-concurrency@^0.8.1, ember-concurrency@^0.8.12:
+ember-concurrency@0.8.16:
version "0.8.16"
resolved "https://registry.yarnpkg.com/ember-concurrency/-/ember-concurrency-0.8.16.tgz#979fab6fb7e3105e695defb39e7a4b641237944d"
dependencies:
@@ -3667,6 +3796,14 @@ ember-concurrency@0.8.16, ember-concurrency@^0.8.1, ember-concurrency@^0.8.12:
ember-cli-babel "^6.8.2"
ember-maybe-import-regenerator "^0.1.5"
+ember-concurrency@^0.8.1, ember-concurrency@^0.8.12:
+ version "0.8.17"
+ resolved "https://registry.yarnpkg.com/ember-concurrency/-/ember-concurrency-0.8.17.tgz#be47a90342f1960f4f57284c2fe5f7ce2396142a"
+ dependencies:
+ babel-core "^6.24.1"
+ ember-cli-babel "^6.8.2"
+ ember-maybe-import-regenerator "^0.1.5"
+
"ember-cookies@^0.1.0 || ^0.2.0":
version "0.2.0"
resolved "https://registry.yarnpkg.com/ember-cookies/-/ember-cookies-0.2.0.tgz#81195a31a36447240fb97af47d01ad582f747d47"
@@ -3803,8 +3940,8 @@ ember-infinity@1.0.0-beta.1:
ember-in-viewport "~3.0.0"
ember-inflector@^2.0.0:
- version "2.1.0"
- resolved "https://registry.yarnpkg.com/ember-inflector/-/ember-inflector-2.1.0.tgz#afcb92d022a4eab58f08ff4578eafc3a1de2d09b"
+ version "2.2.0"
+ resolved "https://registry.yarnpkg.com/ember-inflector/-/ember-inflector-2.2.0.tgz#edd273dfd1a29be27f14b195e2f0ed70e812d9e0"
dependencies:
ember-cli-babel "^6.0.0"
@@ -3981,8 +4118,8 @@ ember-rfc176-data@^0.2.0, ember-rfc176-data@^0.2.7:
resolved "https://registry.yarnpkg.com/ember-rfc176-data/-/ember-rfc176-data-0.2.7.tgz#bd355bc9b473e08096b518784170a23388bc973b"
ember-rfc176-data@^0.3.0, ember-rfc176-data@^0.3.1:
- version "0.3.1"
- resolved "https://registry.yarnpkg.com/ember-rfc176-data/-/ember-rfc176-data-0.3.1.tgz#6a5a4b8b82ec3af34f3010965fa96b936ca94519"
+ version "0.3.2"
+ resolved "https://registry.yarnpkg.com/ember-rfc176-data/-/ember-rfc176-data-0.3.2.tgz#bde5538939529b263c142b53a47402f8127f8dce"
ember-route-action-helper@2.0.6:
version "2.0.6"
@@ -4136,6 +4273,22 @@ engine.io-client@1.8.0:
xmlhttprequest-ssl "1.5.3"
yeast "0.1.2"
+engine.io-client@~3.2.0:
+ version "3.2.1"
+ resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-3.2.1.tgz#6f54c0475de487158a1a7c77d10178708b6add36"
+ dependencies:
+ component-emitter "1.2.1"
+ component-inherit "0.0.3"
+ debug "~3.1.0"
+ engine.io-parser "~2.1.1"
+ has-cors "1.1.0"
+ indexof "0.0.1"
+ parseqs "0.0.5"
+ parseuri "0.0.5"
+ ws "~3.3.1"
+ xmlhttprequest-ssl "~1.5.4"
+ yeast "0.1.2"
+
engine.io-parser@1.3.1:
version "1.3.1"
resolved "https://registry.yarnpkg.com/engine.io-parser/-/engine.io-parser-1.3.1.tgz#9554f1ae33107d6fbd170ca5466d2f833f6a07cf"
@@ -4147,6 +4300,16 @@ engine.io-parser@1.3.1:
has-binary "0.1.6"
wtf-8 "1.0.0"
+engine.io-parser@~2.1.0, engine.io-parser@~2.1.1:
+ version "2.1.2"
+ resolved "https://registry.yarnpkg.com/engine.io-parser/-/engine.io-parser-2.1.2.tgz#4c0f4cff79aaeecbbdcfdea66a823c6085409196"
+ dependencies:
+ after "0.8.2"
+ arraybuffer.slice "~0.0.7"
+ base64-arraybuffer "0.1.5"
+ blob "0.0.4"
+ has-binary2 "~1.0.2"
+
engine.io@1.8.0:
version "1.8.0"
resolved "https://registry.yarnpkg.com/engine.io/-/engine.io-1.8.0.tgz#3eeb5f264cb75dbbec1baaea26d61f5a4eace2aa"
@@ -4158,6 +4321,17 @@ engine.io@1.8.0:
engine.io-parser "1.3.1"
ws "1.1.1"
+engine.io@~3.2.0:
+ version "3.2.0"
+ resolved "https://registry.yarnpkg.com/engine.io/-/engine.io-3.2.0.tgz#54332506f42f2edc71690d2f2a42349359f3bf7d"
+ dependencies:
+ accepts "~1.3.4"
+ base64id "1.0.0"
+ cookie "0.3.1"
+ debug "~3.1.0"
+ engine.io-parser "~2.1.0"
+ ws "~3.3.1"
+
ensure-posix-path@^1.0.0, ensure-posix-path@^1.0.1, ensure-posix-path@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/ensure-posix-path/-/ensure-posix-path-1.0.2.tgz#a65b3e42d0b71cfc585eb774f9943c8d9b91b0c2"
@@ -4184,8 +4358,8 @@ error@^7.0.0:
xtend "~4.0.0"
es5-ext@^0.10.14, es5-ext@^0.10.35, es5-ext@^0.10.9, es5-ext@~0.10.14:
- version "0.10.41"
- resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.41.tgz#bab3e982d750f0112f0cb9e6abed72c59eb33eb2"
+ version "0.10.42"
+ resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.42.tgz#8c07dd33af04d5dcd1310b5cef13bea63a89ba8d"
dependencies:
es6-iterator "~2.0.3"
es6-symbol "~3.1.1"
@@ -4382,8 +4556,8 @@ esprima@~3.0.0:
resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.0.0.tgz#53cf247acda77313e551c3aa2e73342d3fb4f7d9"
esquery@^1.0.0:
- version "1.0.0"
- resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.0.0.tgz#cfba8b57d7fba93f17298a8a006a04cda13d80fa"
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.0.1.tgz#406c51658b1f5991a5f9b62b1dc25b00e3e5c708"
dependencies:
estraverse "^4.0.0"
@@ -4409,7 +4583,7 @@ estree-walker@^0.3.0:
version "0.3.1"
resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.3.1.tgz#e6b1a51cf7292524e7237c312e5fe6660c1ce1aa"
-estree-walker@^0.5.0:
+estree-walker@^0.5.0, estree-walker@^0.5.1:
version "0.5.1"
resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.5.1.tgz#64fc375053abc6f57d73e9bd2f004644ad3c5854"
@@ -4465,6 +4639,30 @@ exec-sh@^0.2.0:
dependencies:
merge "^1.1.3"
+execa@^0.10.0:
+ version "0.10.0"
+ resolved "https://registry.yarnpkg.com/execa/-/execa-0.10.0.tgz#ff456a8f53f90f8eccc71a96d11bdfc7f082cb50"
+ dependencies:
+ cross-spawn "^6.0.0"
+ get-stream "^3.0.0"
+ is-stream "^1.1.0"
+ npm-run-path "^2.0.0"
+ p-finally "^1.0.0"
+ signal-exit "^3.0.0"
+ strip-eof "^1.0.0"
+
+execa@^0.7.0:
+ version "0.7.0"
+ resolved "https://registry.yarnpkg.com/execa/-/execa-0.7.0.tgz#944becd34cc41ee32a63a9faf27ad5a65fc59777"
+ dependencies:
+ cross-spawn "^5.0.1"
+ get-stream "^3.0.0"
+ is-stream "^1.1.0"
+ npm-run-path "^2.0.0"
+ p-finally "^1.0.0"
+ signal-exit "^3.0.0"
+ strip-eof "^1.0.0"
+
execa@^0.8.0:
version "0.8.0"
resolved "https://registry.yarnpkg.com/execa/-/execa-0.8.0.tgz#d8d76bbc1b55217ed190fd6dd49d3c774ecfc8da"
@@ -4535,7 +4733,15 @@ expand-tilde@^2.0.0, expand-tilde@^2.0.2:
dependencies:
homedir-polyfill "^1.0.1"
-express@^4.10.7, express@^4.12.3:
+express-hbs@^1.0.2:
+ version "1.0.4"
+ resolved "https://registry.yarnpkg.com/express-hbs/-/express-hbs-1.0.4.tgz#c4480d6e8a9f8c23500d3b1a1394f17eae451786"
+ dependencies:
+ handlebars "4.0.6"
+ js-beautify "1.6.8"
+ readdirp "2.1.0"
+
+express@^4.10.7, express@^4.12.3, express@^4.14.0:
version "4.16.3"
resolved "https://registry.yarnpkg.com/express/-/express-4.16.3.tgz#6af8a502350db3246ecc4becf6b5a34d22f7ed53"
dependencies:
@@ -4570,6 +4776,12 @@ express@^4.10.7, express@^4.12.3:
utils-merge "1.0.1"
vary "~1.1.2"
+extend-shallow@^1.1.2:
+ version "1.1.4"
+ resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-1.1.4.tgz#19d6bf94dfc09d76ba711f39b872d21ff4dd9071"
+ dependencies:
+ kind-of "^1.1.0"
+
extend-shallow@^2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
@@ -4596,8 +4808,8 @@ external-editor@^1.1.0:
tmp "^0.0.29"
external-editor@^2.0.4:
- version "2.1.0"
- resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-2.1.0.tgz#3d026a21b7f95b5726387d4200ac160d372c3b48"
+ version "2.2.0"
+ resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-2.2.0.tgz#045511cfd8d133f3846673d1047c154e214ad3d5"
dependencies:
chardet "^0.4.0"
iconv-lite "^0.4.17"
@@ -4638,6 +4850,14 @@ faker@^3.0.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/faker/-/faker-3.1.0.tgz#0f908faf4e6ec02524e54a57e432c5c013e08c9f"
+fancy-log@^1.3.2:
+ version "1.3.2"
+ resolved "https://registry.yarnpkg.com/fancy-log/-/fancy-log-1.3.2.tgz#f41125e3d84f2e7d89a43d06d958c8f78be16be1"
+ dependencies:
+ ansi-gray "^0.1.1"
+ color-support "^1.1.3"
+ time-stamp "^1.0.0"
+
fast-deep-equal@^1.0.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz#c053477817c86b51daa853c81e059b733d023614"
@@ -4657,8 +4877,8 @@ fast-ordered-set@^1.0.0, fast-ordered-set@^1.0.2:
blank-object "^1.0.1"
fast-sourcemap-concat@^1.0.1:
- version "1.2.4"
- resolved "https://registry.yarnpkg.com/fast-sourcemap-concat/-/fast-sourcemap-concat-1.2.4.tgz#dec83ec49fb3674bb750b92cec53b79bb7c46f67"
+ version "1.2.5"
+ resolved "https://registry.yarnpkg.com/fast-sourcemap-concat/-/fast-sourcemap-concat-1.2.5.tgz#196db60ffefa9c616291512cd89113210e3cb747"
dependencies:
chalk "^0.5.1"
fs-extra "^0.30.0"
@@ -4737,6 +4957,10 @@ find-index@^1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/find-index/-/find-index-1.1.0.tgz#53007c79cd30040d6816d79458e8837d5c5705ef"
+find-root@1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.0.0.tgz#962ff211aab25c6520feeeb8d6287f8f6e95807a"
+
find-up@^1.0.0:
version "1.1.2"
resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
@@ -4884,6 +5108,22 @@ fs-extra@^2.0.0:
graceful-fs "^4.1.2"
jsonfile "^2.1.0"
+fs-extra@^3.0.1:
+ version "3.0.1"
+ resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-3.0.1.tgz#3794f378c58b342ea7dbbb23095109c4b3b62291"
+ dependencies:
+ graceful-fs "^4.1.2"
+ jsonfile "^3.0.0"
+ universalify "^0.1.0"
+
+fs-extra@^5.0.0:
+ version "5.0.0"
+ resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-5.0.0.tgz#414d0110cdd06705734d055652c5411260c31abd"
+ dependencies:
+ graceful-fs "^4.1.2"
+ jsonfile "^4.0.0"
+ universalify "^0.1.0"
+
fs-readdir-recursive@^0.1.0:
version "0.1.2"
resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-0.1.2.tgz#315b4fb8c1ca5b8c47defef319d073dad3568059"
@@ -5011,6 +5251,42 @@ getpass@^0.1.1:
dependencies:
assert-plus "^1.0.0"
+ghost-ignition@^2.7.0:
+ version "2.9.1"
+ resolved "https://registry.yarnpkg.com/ghost-ignition/-/ghost-ignition-2.9.1.tgz#582191c5413b17935431040f10a12a23a5ace628"
+ dependencies:
+ bunyan "1.8.5"
+ bunyan-loggly "^1.3.1"
+ caller "1.0.1"
+ debug "^2.6.9"
+ find-root "1.0.0"
+ fs-extra "^3.0.1"
+ json-stringify-safe "^5.0.1"
+ lodash "^4.16.4"
+ moment "^2.15.2"
+ nconf "^0.10.0"
+ prettyjson "^1.1.3"
+ uuid "^3.0.0"
+
+ghost-spirit@0.0.9, ghost-spirit@^0.0.9:
+ version "0.0.9"
+ resolved "https://registry.yarnpkg.com/ghost-spirit/-/ghost-spirit-0.0.9.tgz#0281357da1e11b5238b1121b535b52339f979897"
+ dependencies:
+ autoprefixer "8.2.0"
+ bluebird "^3.4.6"
+ connect-slashes "^1.3.1"
+ cssnano "^4.0.0-rc.2"
+ express "^4.14.0"
+ express-hbs "^1.0.2"
+ ghost-ignition "^2.7.0"
+ gulp-postcss "7.0.1"
+ lodash "^4.15.0"
+ postcss-color-mod-function "2.4.2"
+ postcss-custom-media "6.0.0"
+ postcss-custom-properties "7.0.0"
+ postcss-easy-import "3.0.0"
+ postcss-prefix-selector "1.6.0"
+
git-repo-info@^1.1.2, git-repo-info@^1.4.1:
version "1.4.1"
resolved "https://registry.yarnpkg.com/git-repo-info/-/git-repo-info-1.4.1.tgz#2a072823254aaf62fcf0766007d7b6651bd41943"
@@ -5073,6 +5349,16 @@ glob@^5.0.10, glob@^5.0.15, glob@~5.0.0:
once "^1.3.0"
path-is-absolute "^1.0.0"
+glob@^6.0.1:
+ version "6.0.4"
+ resolved "https://registry.yarnpkg.com/glob/-/glob-6.0.4.tgz#0f08860f6a155127b2fadd4f9ce24b1aab6e4d22"
+ dependencies:
+ inflight "^1.0.4"
+ inherits "2"
+ minimatch "2 || 3"
+ once "^1.3.0"
+ path-is-absolute "^1.0.0"
+
glob@~7.0.0:
version "7.0.6"
resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.6.tgz#211bafaf49e525b8cd93260d14ab136152b3f57a"
@@ -5231,6 +5517,26 @@ grunt@1.0.2:
path-is-absolute "~1.0.0"
rimraf "~2.2.8"
+gulp-postcss@7.0.1:
+ version "7.0.1"
+ resolved "https://registry.yarnpkg.com/gulp-postcss/-/gulp-postcss-7.0.1.tgz#3f1c36db1197140c399c252ddff339129638e395"
+ dependencies:
+ fancy-log "^1.3.2"
+ plugin-error "^0.1.2"
+ postcss "^6.0.0"
+ postcss-load-config "^1.2.0"
+ vinyl-sourcemaps-apply "^0.2.1"
+
+handlebars@4.0.6:
+ version "4.0.6"
+ resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.6.tgz#2ce4484850537f9c97a8026d5399b935c4ed4ed7"
+ dependencies:
+ async "^1.4.0"
+ optimist "^0.6.1"
+ source-map "^0.4.4"
+ optionalDependencies:
+ uglify-js "^2.6"
+
handlebars@^4.0.1, handlebars@^4.0.4:
version "4.0.11"
resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.11.tgz#630a35dfe0294bc281edae6ffc5d329fc7982dcc"
@@ -5275,6 +5581,12 @@ has-ansi@^2.0.0:
dependencies:
ansi-regex "^2.0.0"
+has-binary2@~1.0.2:
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/has-binary2/-/has-binary2-1.0.2.tgz#e83dba49f0b9be4d026d27365350d9f03f54be98"
+ dependencies:
+ isarray "2.0.1"
+
has-binary@0.1.6:
version "0.1.6"
resolved "https://registry.yarnpkg.com/has-binary/-/has-binary-0.1.6.tgz#25326f39cfa4f616ad8787894e3af2cfbc7b6e10"
@@ -5353,7 +5665,7 @@ hash-base@^3.0.0:
inherits "^2.0.1"
safe-buffer "^5.0.1"
-hash-for-dep@^1.0.2:
+hash-for-dep@^1.0.2, hash-for-dep@^1.2.3:
version "1.2.3"
resolved "https://registry.yarnpkg.com/hash-for-dep/-/hash-for-dep-1.2.3.tgz#5ec69fca32c23523972d52acb5bb65ffc3664cab"
dependencies:
@@ -5491,7 +5803,7 @@ htmlparser2@~3.8.1:
entities "1.0"
readable-stream "1.1"
-http-errors@1.6.2, http-errors@~1.6.2:
+http-errors@1.6.2:
version "1.6.2"
resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.2.tgz#0a002cc85707192a7e7946ceedc11155f60ec736"
dependencies:
@@ -5500,6 +5812,15 @@ http-errors@1.6.2, http-errors@~1.6.2:
setprototypeof "1.0.3"
statuses ">= 1.3.1 < 2"
+http-errors@~1.6.2:
+ version "1.6.3"
+ resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
+ dependencies:
+ depd "~1.1.2"
+ inherits "2.0.3"
+ setprototypeof "1.1.0"
+ statuses ">= 1.4.0 < 2"
+
http-parser-js@>=0.4.0:
version "0.4.11"
resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.4.11.tgz#5b720849c650903c27e521633d94696ee95f3529"
@@ -5584,7 +5905,7 @@ inherits@2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
-ini@^1.3.4, ini@~1.3.0:
+ini@^1.3.0, ini@^1.3.4, ini@~1.3.0:
version "1.3.5"
resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
@@ -5643,11 +5964,11 @@ inquirer@^3.0.6:
through "^2.3.6"
insert-module-globals@^7.0.0:
- version "7.0.4"
- resolved "https://registry.yarnpkg.com/insert-module-globals/-/insert-module-globals-7.0.4.tgz#1f144b807884507894bdbbb564c0d70075460251"
+ version "7.0.5"
+ resolved "https://registry.yarnpkg.com/insert-module-globals/-/insert-module-globals-7.0.5.tgz#6d0a6f28d4a7e0eae171ad305e0f47bdfe0c258e"
dependencies:
JSONStream "^1.0.3"
- combine-source-map "~0.7.1"
+ combine-source-map "^0.8.0"
concat-stream "^1.6.1"
is-buffer "^1.1.0"
lexical-scope "^1.2.0"
@@ -5936,6 +6257,10 @@ isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+isarray@2.0.1:
+ version "2.0.1"
+ resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.1.tgz#a37d94ed9cda2d59865c9f76fe596ee1f338741e"
+
isarray@^2.0.4:
version "2.0.4"
resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.4.tgz#38e7bcbb0f3ba1b7933c86ba1894ddfc3781bbb7"
@@ -6000,6 +6325,19 @@ jquery@^3.2.1:
version "3.3.1"
resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.3.1.tgz#958ce29e81c9790f31be7792df5d4d95fc57fbca"
+js-base64@^2.1.9:
+ version "2.4.3"
+ resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.4.3.tgz#2e545ec2b0f2957f41356510205214e98fad6582"
+
+js-beautify@1.6.8:
+ version "1.6.8"
+ resolved "https://registry.yarnpkg.com/js-beautify/-/js-beautify-1.6.8.tgz#da1146d34431145309c89be7f69ed16e8e0ff07e"
+ dependencies:
+ config-chain "~1.1.5"
+ editorconfig "^0.13.2"
+ mkdirp "~0.5.0"
+ nopt "~3.0.1"
+
js-tokens@1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-1.0.1.tgz#cc435a5c8b94ad15acb7983140fc80182c89aeae"
@@ -6100,7 +6438,7 @@ json-stable-stringify@~0.0.0:
dependencies:
jsonify "~0.0.0"
-json-stringify-safe@~5.0.1:
+json-stringify-safe@5.0.x, json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
version "5.0.1"
resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
@@ -6122,6 +6460,12 @@ jsonfile@^2.1.0:
optionalDependencies:
graceful-fs "^4.1.6"
+jsonfile@^3.0.0:
+ version "3.0.1"
+ resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-3.0.1.tgz#a5ecc6f65f53f662c4415c7675a0331d0992ec66"
+ optionalDependencies:
+ graceful-fs "^4.1.6"
+
jsonfile@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
@@ -6153,6 +6497,10 @@ keymaster@1.6.2:
version "1.6.2"
resolved "https://registry.yarnpkg.com/keymaster/-/keymaster-1.6.2.tgz#e1ae54d0ea9488f9f60b66b668f02e9a1946c6eb"
+kind-of@^1.1.0:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-1.1.0.tgz#140a3d2d41a36d2efcfa9377b62c24f8495a5c44"
+
kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0:
version "3.2.2"
resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
@@ -6298,8 +6646,8 @@ locate-path@^2.0.0:
path-exists "^3.0.0"
lodash-es@^4.17.4:
- version "4.17.7"
- resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.7.tgz#db240a3252c3dd8360201ac9feef91ac977ea856"
+ version "4.17.8"
+ resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.8.tgz#6fa8c8c5d337481df0bdf1c0d899d42473121e45"
lodash._baseassign@^3.0.0:
version "3.2.0"
@@ -6683,7 +7031,7 @@ lodash@^3.10.0, lodash@^3.9.3:
version "3.10.1"
resolved "https://registry.yarnpkg.com/lodash/-/lodash-3.10.1.tgz#5bf45e8e49ba4189e17d482789dfd15bd140b7b6"
-lodash@^4.1.0, lodash@^4.11.1, lodash@^4.13.1, lodash@^4.14.0, lodash@^4.17.4, lodash@^4.3.0, lodash@^4.5.1, lodash@~4.17.5:
+lodash@^4.1.0, lodash@^4.11.1, lodash@^4.13.1, lodash@^4.14.0, lodash@^4.15.0, lodash@^4.16.4, lodash@^4.17.4, lodash@^4.3.0, lodash@^4.5.1, lodash@~4.17.5:
version "4.17.5"
resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.5.tgz#99a92d65c0272debe8c96b6057bc8fbfa3bed511"
@@ -6730,6 +7078,12 @@ lru-cache@2:
version "2.7.3"
resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-2.7.3.tgz#6d4524e8b955f95d4f5b58851ce21dd72fb4e952"
+lru-cache@^3.2.0:
+ version "3.2.0"
+ resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-3.2.0.tgz#71789b3b7f5399bec8565dda38aa30d2a097efee"
+ dependencies:
+ pseudomap "^1.0.1"
+
lru-cache@^4.0.1:
version "4.1.2"
resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.2.tgz#45234b2e6e2f2b33da125624c4664929a0224c3f"
@@ -6857,6 +7211,12 @@ media-typer@0.3.0:
version "0.3.0"
resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
+mem@^1.1.0:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/mem/-/mem-1.1.0.tgz#5edd52b485ca1d900fe64895505399a0dfa45f76"
+ dependencies:
+ mimic-fn "^1.0.0"
+
memory-streams@^0.1.0:
version "0.1.3"
resolved "https://registry.yarnpkg.com/memory-streams/-/memory-streams-0.1.3.tgz#d9b0017b4b87f1d92f55f2745c9caacb1dc93ceb"
@@ -7099,9 +7459,9 @@ moment-timezone@^0.5.13:
dependencies:
moment ">= 2.9.0"
-"moment@>= 2.9.0", moment@^2.19.3:
- version "2.21.0"
- resolved "https://registry.yarnpkg.com/moment/-/moment-2.21.0.tgz#2a114b51d2a6ec9e6d83cf803f838a878d8a023a"
+"moment@>= 2.9.0", moment@^2.10.6, moment@^2.15.2, moment@^2.18.1, moment@^2.19.3:
+ version "2.22.0"
+ resolved "https://registry.yarnpkg.com/moment/-/moment-2.22.0.tgz#7921ade01017dd45186e7fee5f424f0b8663a730"
morgan@^1.8.1:
version "1.9.0"
@@ -7141,7 +7501,15 @@ mute-stream@0.0.7:
version "0.0.7"
resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
-nan@^2.3.0:
+mv@~2:
+ version "2.1.1"
+ resolved "https://registry.yarnpkg.com/mv/-/mv-2.1.1.tgz#ae6ce0d6f6d5e0a4f7d893798d03c1ea9559b6a2"
+ dependencies:
+ mkdirp "~0.5.1"
+ ncp "~2.0.0"
+ rimraf "~2.4.0"
+
+nan@^2.3.0, nan@^2.3.3:
version "2.10.0"
resolved "https://registry.yarnpkg.com/nan/-/nan-2.10.0.tgz#96d0cd610ebd58d4b4de9cc0c6828cda99c7548f"
@@ -7166,6 +7534,19 @@ natural-compare@^1.4.0:
version "1.4.0"
resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+nconf@^0.10.0:
+ version "0.10.0"
+ resolved "https://registry.yarnpkg.com/nconf/-/nconf-0.10.0.tgz#da1285ee95d0a922ca6cee75adcf861f48205ad2"
+ dependencies:
+ async "^1.4.0"
+ ini "^1.3.0"
+ secure-keys "^1.0.0"
+ yargs "^3.19.0"
+
+ncp@~2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/ncp/-/ncp-2.0.0.tgz#195a21d6c46e361d2fb1281ba38b91e9df7bdbb3"
+
negotiator@0.6.1:
version "0.6.1"
resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9"
@@ -7174,6 +7555,10 @@ next-tick@1:
version "1.0.0"
resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.0.0.tgz#ca86d1fe8828169b0120208e3dc8424b9db8342c"
+nice-try@^1.0.4:
+ version "1.0.4"
+ resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.4.tgz#d93962f6c52f2c1558c0fbda6d512819f1efe1c4"
+
nise@^1.2.0:
version "1.3.2"
resolved "https://registry.yarnpkg.com/nise/-/nise-1.3.2.tgz#fd6fd8dc040dfb3c0a45252feb6ff21832309b14"
@@ -7204,6 +7589,14 @@ node-int64@^0.4.0:
version "0.4.0"
resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
+node-loggly-bulk@^2.2.1:
+ version "2.2.2"
+ resolved "https://registry.yarnpkg.com/node-loggly-bulk/-/node-loggly-bulk-2.2.2.tgz#4180fdf0ec0a490c5a2edd68cf728fd4a5f60df8"
+ dependencies:
+ json-stringify-safe "5.0.x"
+ moment "^2.18.1"
+ request ">=2.76.0 <3.0.0"
+
node-modules-path@^1.0.0, node-modules-path@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/node-modules-path/-/node-modules-path-1.0.1.tgz#40096b08ce7ad0ea14680863af449c7c75a5d1c8"
@@ -7233,7 +7626,7 @@ node-pre-gyp@^0.6.39:
tar "^2.2.1"
tar-pack "^3.4.0"
-nopt@3.x, nopt@^3.0.6, nopt@~3.0.6:
+nopt@3.x, nopt@^3.0.6, nopt@~3.0.1, nopt@~3.0.6:
version "3.0.6"
resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
dependencies:
@@ -7594,7 +7987,7 @@ path-is-inside@^1.0.1, path-is-inside@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
-path-key@^2.0.0:
+path-key@^2.0.0, path-key@^2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
@@ -7674,6 +8067,22 @@ pinkie@^2.0.0:
version "2.0.4"
resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
+pkg-dir@^2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-2.0.0.tgz#f6d5d1109e19d63edf428e0bd57e12777615334b"
+ dependencies:
+ find-up "^2.1.0"
+
+plugin-error@^0.1.2:
+ version "0.1.2"
+ resolved "https://registry.yarnpkg.com/plugin-error/-/plugin-error-0.1.2.tgz#3b9bb3335ccf00f425e07437e19276967da47ace"
+ dependencies:
+ ansi-cyan "^0.1.1"
+ ansi-red "^0.1.1"
+ arr-diff "^1.0.1"
+ arr-union "^2.0.1"
+ extend-shallow "^1.1.2"
+
plur@^2.1.2:
version "2.1.2"
resolved "https://registry.yarnpkg.com/plur/-/plur-2.1.2.tgz#7482452c1a0f508e3e344eaec312c91c29dc655a"
@@ -7705,14 +8114,13 @@ postcss-calc@^6.0.0:
postcss-selector-parser "^2.2.2"
reduce-css-calc "^2.0.0"
-postcss-color-function@4.0.1:
- version "4.0.1"
- resolved "https://registry.yarnpkg.com/postcss-color-function/-/postcss-color-function-4.0.1.tgz#402b3f2cebc3f6947e618fb6be3654fbecef6444"
+postcss-color-mod-function@2.4.2:
+ version "2.4.2"
+ resolved "https://registry.yarnpkg.com/postcss-color-mod-function/-/postcss-color-mod-function-2.4.2.tgz#bdf408f152bc3201517a4c38b7eb5cd2996114fb"
dependencies:
- css-color-function "~1.3.3"
- postcss "^6.0.1"
- postcss-message-helpers "^2.0.0"
- postcss-value-parser "^3.3.0"
+ "@csstools/convert-colors" "^1.4.0"
+ postcss "^6.0.19"
+ postcss-values-parser "^1.3.2"
postcss-colormin@^4.0.0-rc.2:
version "4.0.0-rc.2"
@@ -7731,12 +8139,18 @@ postcss-convert-values@^4.0.0-rc.2:
postcss "^6.0.0"
postcss-value-parser "^3.0.0"
-postcss-custom-properties@6.2.0:
- version "6.2.0"
- resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-6.2.0.tgz#5d929a7f06e9b84e0f11334194c0ba9a30acfbe9"
+postcss-custom-media@6.0.0:
+ version "6.0.0"
+ resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-6.0.0.tgz#be532784110ecb295044fb5395a18006eb21a737"
+ dependencies:
+ postcss "^6.0.1"
+
+postcss-custom-properties@7.0.0:
+ version "7.0.0"
+ resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-7.0.0.tgz#24dc4fbe6d6ed550ea4fd3b11204660e9ffa3b33"
dependencies:
balanced-match "^1.0.0"
- postcss "^6.0.13"
+ postcss "^6.0.18"
postcss-discard-comments@^4.0.0-rc.2:
version "4.0.0-rc.2"
@@ -7785,6 +8199,29 @@ postcss-import@^10.0.0:
read-cache "^1.0.0"
resolve "^1.1.7"
+postcss-load-config@^1.2.0:
+ version "1.2.0"
+ resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-1.2.0.tgz#539e9afc9ddc8620121ebf9d8c3673e0ce50d28a"
+ dependencies:
+ cosmiconfig "^2.1.0"
+ object-assign "^4.1.0"
+ postcss-load-options "^1.2.0"
+ postcss-load-plugins "^2.3.0"
+
+postcss-load-options@^1.2.0:
+ version "1.2.0"
+ resolved "https://registry.yarnpkg.com/postcss-load-options/-/postcss-load-options-1.2.0.tgz#b098b1559ddac2df04bc0bb375f99a5cfe2b6d8c"
+ dependencies:
+ cosmiconfig "^2.1.0"
+ object-assign "^4.1.0"
+
+postcss-load-plugins@^2.3.0:
+ version "2.3.0"
+ resolved "https://registry.yarnpkg.com/postcss-load-plugins/-/postcss-load-plugins-2.3.0.tgz#745768116599aca2f009fad426b00175049d8d92"
+ dependencies:
+ cosmiconfig "^2.1.1"
+ object-assign "^4.1.0"
+
postcss-merge-longhand@^4.0.0-rc.2:
version "4.0.0-rc.2"
resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-4.0.0-rc.2.tgz#5aae5b86750d9a16e7bef6482dab65a9d4b3c03a"
@@ -7804,10 +8241,6 @@ postcss-merge-rules@^4.0.0-rc.2:
postcss-selector-parser "^3.0.0-rc.0"
vendors "^1.0.0"
-postcss-message-helpers@^2.0.0:
- version "2.0.0"
- resolved "https://registry.yarnpkg.com/postcss-message-helpers/-/postcss-message-helpers-2.0.0.tgz#a4f2f4fab6e4fe002f0aed000478cdf52f9ba60e"
-
postcss-minify-font-values@^4.0.0-rc.2:
version "4.0.0-rc.2"
resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-4.0.0-rc.2.tgz#e5fd79c97525e79421ea736d857baedce65a5ea9"
@@ -7922,6 +8355,12 @@ postcss-ordered-values@^4.0.0-rc.2:
postcss "^6.0.0"
postcss-value-parser "^3.0.0"
+postcss-prefix-selector@1.6.0:
+ version "1.6.0"
+ resolved "https://registry.yarnpkg.com/postcss-prefix-selector/-/postcss-prefix-selector-1.6.0.tgz#b495949d639c63147145648326853216f3c10900"
+ dependencies:
+ postcss "^5.0.8"
+
postcss-reduce-initial@^4.0.0-rc.2:
version "4.0.0-rc.2"
resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-4.0.0-rc.2.tgz#ab2e1cca7903745a77b99630445c939152e0cd62"
@@ -7977,6 +8416,14 @@ postcss-value-parser@^3.0.0, postcss-value-parser@^3.2.3, postcss-value-parser@^
version "3.3.0"
resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.0.tgz#87f38f9f18f774a4ab4c8a232f5c5ce8872a9d15"
+postcss-values-parser@^1.3.2:
+ version "1.5.0"
+ resolved "https://registry.yarnpkg.com/postcss-values-parser/-/postcss-values-parser-1.5.0.tgz#5d9fa63e2bcb0179ce48f3235303765eb89f3047"
+ dependencies:
+ flatten "^1.0.2"
+ indexes-of "^1.0.1"
+ uniq "^1.0.1"
+
postcss@6.0.14:
version "6.0.14"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.14.tgz#5534c72114739e75d0afcf017db853099f562885"
@@ -7993,7 +8440,16 @@ postcss@6.0.16:
source-map "^0.6.1"
supports-color "^5.1.0"
-postcss@^6.0.0, postcss@^6.0.1, postcss@^6.0.11, postcss@^6.0.13, postcss@^6.0.20:
+postcss@^5.0.8:
+ version "5.2.18"
+ resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.18.tgz#badfa1497d46244f6390f58b319830d9107853c5"
+ dependencies:
+ chalk "^1.1.3"
+ js-base64 "^2.1.9"
+ source-map "^0.5.6"
+ supports-color "^3.2.3"
+
+postcss@^6.0.0, postcss@^6.0.1, postcss@^6.0.11, postcss@^6.0.18, postcss@^6.0.19, postcss@^6.0.20:
version "6.0.21"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.21.tgz#8265662694eddf9e9a5960db6da33c39e4cd069d"
dependencies:
@@ -8027,6 +8483,13 @@ pretty-ms@^3.1.0:
parse-ms "^1.0.0"
plur "^2.1.2"
+prettyjson@^1.1.3:
+ version "1.2.1"
+ resolved "https://registry.yarnpkg.com/prettyjson/-/prettyjson-1.2.1.tgz#fcffab41d19cab4dfae5e575e64246619b12d289"
+ dependencies:
+ colors "^1.1.2"
+ minimist "^1.2.0"
+
printf@^0.2.3:
version "0.2.5"
resolved "https://registry.yarnpkg.com/printf/-/printf-0.2.5.tgz#c438ca2ca33e3927671db4ab69c0e52f936a4f0f"
@@ -8063,6 +8526,10 @@ promise-map-series@^0.2.0, promise-map-series@^0.2.1:
dependencies:
rsvp "^3.0.14"
+proto-list@~1.2.1:
+ version "1.2.4"
+ resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
+
proxy-addr@~2.0.3:
version "2.0.3"
resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.3.tgz#355f262505a621646b3130a728eb647e22055341"
@@ -8070,7 +8537,7 @@ proxy-addr@~2.0.3:
forwarded "~0.1.2"
ipaddr.js "1.6.0"
-pseudomap@^1.0.2:
+pseudomap@^1.0.1, pseudomap@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
@@ -8250,6 +8717,15 @@ readable-stream@~2.0.0:
string_decoder "~0.10.x"
util-deprecate "~1.0.1"
+readdirp@2.1.0:
+ version "2.1.0"
+ resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.1.0.tgz#4ed0ad060df3073300c48440373f72d1cc642d78"
+ dependencies:
+ graceful-fs "^4.1.2"
+ minimatch "^3.0.2"
+ readable-stream "^2.0.2"
+ set-immediate-shim "^1.0.1"
+
recast@0.10.33:
version "0.10.33"
resolved "https://registry.yarnpkg.com/recast/-/recast-0.10.33.tgz#942808f7aa016f1fa7142c461d7e5704aaa8d697"
@@ -8346,8 +8822,8 @@ regex-not@^1.0.0, regex-not@^1.0.2:
safe-regex "^1.1.0"
regexpp@^1.0.1:
- version "1.0.1"
- resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-1.0.1.tgz#d857c3a741dce075c2848dcb019a0a975b190d43"
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-1.1.0.tgz#0e3516dd0b7904f413d2d4193dce4618c3a689ab"
regexpu-core@^2.0.0:
version "2.0.0"
@@ -8428,7 +8904,7 @@ request@2.81.0:
tunnel-agent "^0.6.0"
uuid "^3.0.0"
-request@^2.55.0, request@^2.72.0, request@^2.79.0:
+"request@>=2.76.0 <3.0.0", request@^2.55.0, request@^2.72.0, request@^2.79.0:
version "2.85.0"
resolved "https://registry.yarnpkg.com/request/-/request-2.85.0.tgz#5a03615a47c61420b3eb99b7dba204f83603e1fa"
dependencies:
@@ -8535,10 +9011,6 @@ rgb-regex@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/rgb-regex/-/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1"
-rgb@~0.1.0:
- version "0.1.0"
- resolved "https://registry.yarnpkg.com/rgb/-/rgb-0.1.0.tgz#be27b291e8feffeac1bd99729721bfa40fc037b5"
-
rgba-regex@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3"
@@ -8559,6 +9031,12 @@ rimraf@~2.2.6, rimraf@~2.2.8:
version "2.2.8"
resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.2.8.tgz#e439be2aaee327321952730f99a8929e4fc50582"
+rimraf@~2.4.0:
+ version "2.4.5"
+ resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.4.5.tgz#ee710ce5d93a8fdb856fb5ea8ff0e2d75934b2da"
+ dependencies:
+ glob "^6.0.1"
+
ripemd160@^2.0.0, ripemd160@^2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.1.tgz#0f4584295c53a3628af7e6d79aca21ce57d1c6e7"
@@ -8585,7 +9063,16 @@ rollup-plugin-commonjs@^8.0.2:
resolve "^1.4.0"
rollup-pluginutils "^2.0.1"
-rollup-plugin-node-resolve@^3.0.0:
+rollup-plugin-commonjs@^9.1.0:
+ version "9.1.0"
+ resolved "https://registry.yarnpkg.com/rollup-plugin-commonjs/-/rollup-plugin-commonjs-9.1.0.tgz#468341aab32499123ee9a04b22f51d9bf26fdd94"
+ dependencies:
+ estree-walker "^0.5.1"
+ magic-string "^0.22.4"
+ resolve "^1.5.0"
+ rollup-pluginutils "^2.0.1"
+
+rollup-plugin-node-resolve@^3.0.0, rollup-plugin-node-resolve@^3.3.0:
version "3.3.0"
resolved "https://registry.yarnpkg.com/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-3.3.0.tgz#c26d110a36812cbefa7ce117cadcd3439aa1c713"
dependencies:
@@ -8681,6 +9168,10 @@ safe-json-parse@~1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/safe-json-parse/-/safe-json-parse-1.0.1.tgz#3e76723e38dfdda13c9b1d29a1e07ffee4b30b57"
+safe-json-stringify@~1:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/safe-json-stringify/-/safe-json-stringify-1.1.0.tgz#bd2b6dad1ebafab3c24672a395527f01804b7e19"
+
safe-regex@^1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/safe-regex/-/safe-regex-1.1.0.tgz#40a3669f3b077d1e943d44629e157dd48023bf2e"
@@ -8709,7 +9200,11 @@ sax@^1.1.4, sax@~1.2.1:
version "1.2.4"
resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
-"semver@2 || 3 || 4 || 5", semver@^5.1.0, semver@^5.1.1, semver@^5.3.0, semver@^5.4.1:
+secure-keys@^1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/secure-keys/-/secure-keys-1.0.0.tgz#f0c82d98a3b139a8776a8808050b824431087fca"
+
+"semver@2 || 3 || 4 || 5", semver@^5.1.0, semver@^5.1.1, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0:
version "5.5.0"
resolved "https://registry.yarnpkg.com/semver/-/semver-5.5.0.tgz#dc4bbc7a6ca9d916dee5d43516f0092b58f7b8ab"
@@ -8744,6 +9239,10 @@ set-blocking@^2.0.0, set-blocking@~2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
+set-immediate-shim@^1.0.1:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61"
+
set-value@^0.4.3:
version "0.4.3"
resolved "https://registry.yarnpkg.com/set-value/-/set-value-0.4.3.tgz#7db08f9d3d22dc7f78e53af3c3bf4666ecdfccf1"
@@ -8807,7 +9306,7 @@ shellwords@^0.1.1:
version "0.1.1"
resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
-sigmund@~1.0.0:
+sigmund@^1.0.1, sigmund@~1.0.0:
version "1.0.1"
resolved "https://registry.yarnpkg.com/sigmund/-/sigmund-1.0.1.tgz#3ff21f198cad2175f9f3b781853fd94d0d19b590"
@@ -8840,8 +9339,8 @@ simple-swizzle@^0.2.2:
resolved "https://github.com/kevinansfield/simplemde-markdown-editor.git#306336f5be3f80cfc616fdc9a0fde4d7b328faa3"
sinon@^4.4.5:
- version "4.4.8"
- resolved "https://registry.yarnpkg.com/sinon/-/sinon-4.4.8.tgz#0479e0ccb8caa0d737ce9773c8d53d57d38f2d84"
+ version "4.5.0"
+ resolved "https://registry.yarnpkg.com/sinon/-/sinon-4.5.0.tgz#427ae312a337d3c516804ce2754e8c0d5028cb04"
dependencies:
"@sinonjs/formatio" "^2.0.0"
diff "^3.1.0"
@@ -8913,6 +9412,10 @@ socket.io-adapter@0.5.0:
debug "2.3.3"
socket.io-parser "2.3.1"
+socket.io-adapter@~1.1.0:
+ version "1.1.1"
+ resolved "https://registry.yarnpkg.com/socket.io-adapter/-/socket.io-adapter-1.1.1.tgz#2a805e8a14d6372124dd9159ad4502f8cb07f06b"
+
socket.io-client@1.6.0:
version "1.6.0"
resolved "https://registry.yarnpkg.com/socket.io-client/-/socket.io-client-1.6.0.tgz#5b668f4f771304dfeed179064708386fa6717853"
@@ -8929,6 +9432,25 @@ socket.io-client@1.6.0:
socket.io-parser "2.3.1"
to-array "0.1.4"
+socket.io-client@2.1.0:
+ version "2.1.0"
+ resolved "https://registry.yarnpkg.com/socket.io-client/-/socket.io-client-2.1.0.tgz#0d0b21d460dc4ed36e57085136f2be0137ff20ff"
+ dependencies:
+ backo2 "1.0.2"
+ base64-arraybuffer "0.1.5"
+ component-bind "1.0.0"
+ component-emitter "1.2.1"
+ debug "~3.1.0"
+ engine.io-client "~3.2.0"
+ has-binary2 "~1.0.2"
+ has-cors "1.1.0"
+ indexof "0.0.1"
+ object-component "0.0.3"
+ parseqs "0.0.5"
+ parseuri "0.0.5"
+ socket.io-parser "~3.2.0"
+ to-array "0.1.4"
+
socket.io-parser@2.3.1:
version "2.3.1"
resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-2.3.1.tgz#dd532025103ce429697326befd64005fcfe5b4a0"
@@ -8938,6 +9460,14 @@ socket.io-parser@2.3.1:
isarray "0.0.1"
json3 "3.3.2"
+socket.io-parser@~3.2.0:
+ version "3.2.0"
+ resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-3.2.0.tgz#e7c6228b6aa1f814e6148aea325b51aa9499e077"
+ dependencies:
+ component-emitter "1.2.1"
+ debug "~3.1.0"
+ isarray "2.0.1"
+
socket.io@1.6.0:
version "1.6.0"
resolved "https://registry.yarnpkg.com/socket.io/-/socket.io-1.6.0.tgz#3e40d932637e6bd923981b25caf7c53e83b6e2e1"
@@ -8950,6 +9480,17 @@ socket.io@1.6.0:
socket.io-client "1.6.0"
socket.io-parser "2.3.1"
+socket.io@^2.1.0:
+ version "2.1.0"
+ resolved "https://registry.yarnpkg.com/socket.io/-/socket.io-2.1.0.tgz#de77161795b6303e7aefc982ea04acb0cec17395"
+ dependencies:
+ debug "~3.1.0"
+ engine.io "~3.2.0"
+ has-binary2 "~1.0.2"
+ socket.io-adapter "~1.1.0"
+ socket.io-client "2.1.0"
+ socket.io-parser "~3.2.0"
+
sort-keys@^1.0.0:
version "1.1.2"
resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
@@ -9016,7 +9557,7 @@ source-map@0.5.6:
version "0.5.6"
resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
-source-map@0.5.x, source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.0, source-map@~0.5.1, source-map@~0.5.3:
+source-map@0.5.x, source-map@^0.5.0, source-map@^0.5.1, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.0, source-map@~0.5.1, source-map@~0.5.3:
version "0.5.7"
resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
@@ -9041,8 +9582,8 @@ sourcemap-codec@^1.4.1:
resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.1.tgz#c8fd92d91889e902a07aee392bdd2c5863958ba2"
sourcemap-validator@^1.0.5:
- version "1.0.7"
- resolved "https://registry.yarnpkg.com/sourcemap-validator/-/sourcemap-validator-1.0.7.tgz#d76aaadbe2c6ec269293b5f212100fad91eef260"
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/sourcemap-validator/-/sourcemap-validator-1.1.0.tgz#00454547d1682186e1498a7208e022e8dfa8738f"
dependencies:
jsesc "~0.3.x"
lodash.foreach "~2.3.x"
@@ -9125,7 +9666,11 @@ static-extend@^0.1.1:
define-property "^0.2.5"
object-copy "^0.1.0"
-"statuses@>= 1.3.1 < 2", statuses@~1.4.0:
+"statuses@>= 1.3.1 < 2", "statuses@>= 1.4.0 < 2":
+ version "1.5.0"
+ resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
+
+statuses@~1.4.0:
version "1.4.0"
resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.4.0.tgz#bb73d446da2796106efcc1b601a253d6c46bd087"
@@ -9287,7 +9832,7 @@ supports-color@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
-supports-color@^3.1.0:
+supports-color@^3.1.0, supports-color@^3.2.3:
version "3.2.3"
resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
dependencies:
@@ -9391,7 +9936,7 @@ temp@0.8.3:
os-tmpdir "^1.0.0"
rimraf "~2.2.6"
-testem@2.0.0, testem@^2.0.0:
+testem@2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/testem/-/testem-2.0.0.tgz#b05c96200c7ac98bae998d71c94c0c5345907d13"
dependencies:
@@ -9423,6 +9968,38 @@ testem@2.0.0, testem@^2.0.0:
tap-parser "^5.1.0"
xmldom "^0.1.19"
+testem@^2.0.0:
+ version "2.2.0"
+ resolved "https://registry.yarnpkg.com/testem/-/testem-2.2.0.tgz#4c9d0f9daaa2b05b9a3c8dde2e486bbf80b0f266"
+ dependencies:
+ backbone "^1.1.2"
+ bluebird "^3.4.6"
+ charm "^1.0.0"
+ commander "^2.6.0"
+ consolidate "^0.14.0"
+ execa "^0.10.0"
+ express "^4.10.7"
+ fireworm "^0.7.0"
+ glob "^7.0.4"
+ http-proxy "^1.13.1"
+ js-yaml "^3.2.5"
+ lodash.assignin "^4.1.0"
+ lodash.castarray "^4.4.0"
+ lodash.clonedeep "^4.4.1"
+ lodash.find "^4.5.1"
+ lodash.uniqby "^4.7.0"
+ mkdirp "^0.5.1"
+ mustache "^2.2.1"
+ node-notifier "^5.0.1"
+ npmlog "^4.0.0"
+ printf "^0.2.3"
+ rimraf "^2.4.4"
+ socket.io "^2.1.0"
+ spawn-args "^0.2.0"
+ styled_string "0.0.1"
+ tap-parser "^5.1.0"
+ xmldom "^0.1.19"
+
tether@^1.4.0:
version "1.4.3"
resolved "https://registry.yarnpkg.com/tether/-/tether-1.4.3.tgz#fd547024c47b6e5c9b87e1880f997991a9a6ad54"
@@ -9450,6 +10027,10 @@ through2@^2.0.0:
version "2.3.8"
resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
+time-stamp@^1.0.0:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/time-stamp/-/time-stamp-1.1.0.tgz#764a5a11af50561921b133f3b44e618687e0f5c3"
+
time-zone@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/time-zone/-/time-zone-1.0.0.tgz#99c5bf55958966af6d06d83bdf3800dc82faec5d"
@@ -9646,6 +10227,10 @@ ultron@1.0.x:
version "1.0.2"
resolved "https://registry.yarnpkg.com/ultron/-/ultron-1.0.2.tgz#ace116ab557cd197386a4e88f4685378c8b2e4fa"
+ultron@~1.1.0:
+ version "1.1.1"
+ resolved "https://registry.yarnpkg.com/ultron/-/ultron-1.1.1.tgz#9fe1536a10a664a65266a1e3ccf85fd36302bc9c"
+
umd@^3.0.0:
version "3.0.3"
resolved "https://registry.yarnpkg.com/umd/-/umd-3.0.3.tgz#aa9fe653c42b9097678489c01000acb69f0b26cf"
@@ -9748,6 +10333,13 @@ username@^1.0.1:
dependencies:
meow "^3.4.0"
+username@^3.0.0:
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/username/-/username-3.0.0.tgz#b3dba982a72b4ce59d52f159fa1aeba266af5fc8"
+ dependencies:
+ execa "^0.7.0"
+ mem "^1.1.0"
+
util-deprecate@^1.0.2, util-deprecate@~1.0.1:
version "1.0.2"
resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
@@ -9807,6 +10399,12 @@ verror@1.10.0:
core-util-is "1.0.2"
extsprintf "^1.2.0"
+vinyl-sourcemaps-apply@^0.2.1:
+ version "0.2.1"
+ resolved "https://registry.yarnpkg.com/vinyl-sourcemaps-apply/-/vinyl-sourcemaps-apply-0.2.1.tgz#ab6549d61d172c2b1b87be5c508d239c8ef87705"
+ dependencies:
+ source-map "^0.5.1"
+
vlq@^0.2.2:
version "0.2.3"
resolved "https://registry.yarnpkg.com/vlq/-/vlq-0.2.3.tgz#8f3e4328cf63b1540c0d67e1b2778386f8975b26"
@@ -9903,8 +10501,8 @@ websocket-extensions@>=0.1.1:
resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.3.tgz#5d2ff22977003ec687a4b87073dfbbac146ccf29"
whatwg-fetch@^2.0.3:
- version "2.0.3"
- resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.3.tgz#9c84ec2dcf68187ff00bc64e1274b442176e1c84"
+ version "2.0.4"
+ resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz#dde6a5df315f9d39991aa17621853d720b85566f"
whatwg-url-compat@~0.6.5:
version "0.6.5"
@@ -9942,7 +10540,7 @@ window-size@0.1.0:
version "0.1.0"
resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.0.tgz#5438cd2ea93b202efa3a19fe8887aee7c94f9c9d"
-window-size@^0.1.2:
+window-size@^0.1.2, window-size@^0.1.4:
version "0.1.4"
resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.4.tgz#f8e1aa1ee5a53ec5bf151ffa09742a6ad7697876"
@@ -10000,6 +10598,14 @@ ws@1.1.1:
options ">=0.0.5"
ultron "1.0.x"
+ws@~3.3.1:
+ version "3.3.3"
+ resolved "https://registry.yarnpkg.com/ws/-/ws-3.3.3.tgz#f1cf84fe2d5e901ebce94efaece785f187a228f2"
+ dependencies:
+ async-limiter "~1.0.0"
+ safe-buffer "~5.1.0"
+ ultron "~1.1.0"
+
wtf-8@1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/wtf-8/-/wtf-8-1.0.0.tgz#392d8ba2d0f1c34d1ee2d630f15d0efb68e1048a"
@@ -10020,6 +10626,10 @@ xmlhttprequest-ssl@1.5.3:
version "1.5.3"
resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.3.tgz#185a888c04eca46c3e4070d99f7b49de3528992d"
+xmlhttprequest-ssl@~1.5.4:
+ version "1.5.5"
+ resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz#c2876b06168aadc40e57d97e81191ac8f4398b3e"
+
xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.0, xtend@~4.0.1:
version "4.0.1"
resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
@@ -10051,6 +10661,18 @@ yargs-parser@^8.0.0:
dependencies:
camelcase "^4.1.0"
+yargs@^3.19.0:
+ version "3.32.0"
+ resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.32.0.tgz#03088e9ebf9e756b69751611d2a5ef591482c995"
+ dependencies:
+ camelcase "^2.0.1"
+ cliui "^3.0.3"
+ decamelize "^1.1.1"
+ os-locale "^1.4.0"
+ string-width "^1.0.1"
+ window-size "^0.1.4"
+ y18n "^3.2.0"
+
yargs@^6.5.0:
version "6.6.0"
resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"