diff --git a/CHANGELOG.md b/CHANGELOG.md index 87769e0c290..7e7379e0352 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,71 @@ # Change log for: FreeSewing (global) +## unreleased (2021-02-07) + +### bella + +#### Fixed + + - Verify whether back dart passes armhole depth + +### breanna + +#### Fixed + + - Try harder to find the intersection point for the scyedart + - Define missing y variable in paperless branch + +### bruce + +#### Fixed + + - Added notches to facilitate seam matching + +### components + +#### Fixed + + - Check point attributes are present before using them + +### hortensia + +#### Added + + - Initial release of Hortensia, a handbag pattern + +### hugo + +#### Fixed + + - Fix style of the seam allowance paths + - Fix sleeve dependencies + +### simone + +#### Fixed + + - Force bust dart intersection if not found initially + +### theo + +#### Fixed + + - Check for intersection returning an array + +### titan + +#### Fixed + + - Always balance the waist + +### wahid + +#### Fixed + + - Make sure roudEnd and roundStart points are always available + + ## 2.12.1 (2021-01-27) ### create-freesewing-pattern diff --git a/packages/bella/CHANGELOG.md b/packages/bella/CHANGELOG.md index 217565a67de..89e9e67b86a 100644 --- a/packages/bella/CHANGELOG.md +++ b/packages/bella/CHANGELOG.md @@ -1,6 +1,12 @@ # Change log for: @freesewing/bella +## unreleased (2021-02-07) + +### Fixed + + - Verify whether back dart passes armhole depth + ## 2.12.0 (2021-01-19) ### Added diff --git a/packages/bella/example/src/layout.css b/packages/bella/example/src/layout.css new file mode 100644 index 00000000000..564f3cd2862 --- /dev/null +++ b/packages/bella/example/src/layout.css @@ -0,0 +1,235 @@ +div.layout-wrapper { + width: 100%; + margin: 0; + padding: 0; + background-color: red; + background: #f8f9fa; + background: linear-gradient(90deg, #f1f3f5 0%, #f1f3f5 25%, #f8f9fa 26%, #f8f9fa 100%); } + div.layout-wrapper div.layout { + display: flex; + max-width: 1600px; + margin: auto; + padding: 0; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + background-color: #f8f9fa; + min-height: calc(100vh - 64px); } + div.layout-wrapper div.layout > aside { + width: 33%; + background: #f1f3f5; + border-right: 2px solid #dee2e6; } + div.layout-wrapper div.layout > section { + margin: 0; + padding: 1rem; } + div.layout-wrapper div.layout > section > div.content { + max-width: 66ch; + min-width: 340px; } + div.layout-wrapper div.layout > section > div.content.wide { + max-width: 100%; + margin: auto; } + +.theme-wrapper.dark header { + background-color: #1a1d21; } + +.theme-wrapper.dark div.layout-wrapper { + background: #f8f9fa; + background: linear-gradient(90deg, #1a1d21 0%, #1a1d21 25%, #212529 26%, #212529 100%); } + .theme-wrapper.dark div.layout-wrapper div.layout { + background-color: #212529; } + .theme-wrapper.dark div.layout-wrapper div.layout > aside { + background-color: #1a1d21; + border-right: 2px solid #343a40; } + +header a svg { + color: #ced4da; } + +header a:first-of-type svg { + color: #f8f9fa; } + +header a:hover svg { + color: #b197fc; } + +header a span, +header button span { + color: #ced4da; } + header a span svg, + header button span svg { + color: #dee2e6; } + +header a:hover span, +header button:hover span { + color: #f8f9fa; } + header a:hover span svg, + header button:hover span svg { + color: #b197fc; } + +header a, +header button { + padding: 0 1vw !important; } + +/* monitor */ +@media (min-width: 1200px) { + div.layout > section { + width: 63%; } } + +/* slate */ +@media (max-width: 1199px) and (min-width: 960px) { + div.layout > aside { + width: 298px; } + div.layout > section { + width: calc(100% - 300px - 4rem); + max-width: none; + margin: 0 1rem 0 3rem; } } + +/* tablet */ +@media (max-width: 959px) { + div.layout > aside { + width: 218px; } + div.layout > section { + width: calc(100% - 220px - 4rem); + max-width: none; + margin: 0; + padding: 0 2rem; } + div.layout > section div.content { + min-width: inherit; } } + +/* mobile */ +@media (max-width: 599px) { + div.layout > aside { + display: none; } + div.layout > section { + width: calc(100%); + margin: 0 auto; + padding: 0 1.5rem; + max-width: none; } } + +div.gatsby-highlight { + margin-bottom: 1rem; } + +@media (max-width: 599px) { + #mobile-menu { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100vh; + padding: 0 0 1rem; + max-width: 600px; + z-index: -10; + transition: opacity 0.25s ease 0s; + opacity: 0; + overflow: scroll; } + #mobile-menu > ul, + #mobile-menu > div { + transform: translate(0px, 10px); + transition: transform 0.25s ease 0s; } + .theme-wrapper.show-menu #mobile-menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu #mobile-menu > div { + transform: translate(0px, 0px); } } + +.theme-wrapper.light div.draft-ui-menu, +.theme-wrapper.light div.menu { + background: #f1f3f5; } + +.theme-wrapper.dark div.draft-ui-menu, +.theme-wrapper.dark div.menu { + background: #343a40; } + +.theme-wrapper.show-menu div.menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu div.menu > div { + transform: translate(0px, 0px); } + +div.spaced-buttons > button { + margin: 0 0.5rem 0.5rem 0; } + +div.spaced > * { + margin: 0 0.5rem 0.5rem 0; } + +ul#pre-main-menu { + margin: 0; + padding: 0; } + +.boldish { + font-weight: 500; } + +.freesewing.draft { + padding: 1rem; } + +li.action { + clear: both; } + +li.action span.MuiSwitch-root { + float: right; } + +.theme-wrapper.light ul#draft-config li.action.toggle.off, +.theme-wrapper.dark ul#draft-config li.action.toggle.off { + color: #868e96; } + .theme-wrapper.light ul#draft-config li.action.toggle.off > span svg, + .theme-wrapper.dark ul#draft-config li.action.toggle.off > span svg { + color: #868e96; } + +footer { + background-color: #1a1d21; + color: #adb5bd; + padding: 3rem 0 6rem; } + footer a { + color: #dee2e6 !important; + font-weight: 400; } + footer a:hover { + color: #d0bfff !important; } + footer div.cols { + display: flex; + flex-direction: row; + justify-content: space-between; + max-width: 1600px; + margin: auto; + padding: 0 1.5rem; } + footer div.cols > div { + min-width: 150px; + max-width: calc(20% - 4rem); + padding: 0 2rem 0 0; + width: 100%; } + footer ul { + text-align: left; + font-size: 1.1rem; + margin: 0; + padding: 0; + width: 100%; } + footer ul li:first-of-type { + padding: 0.35rem 0.75rem; } + footer ul li { + display: block; } + footer ul li a:hover { + text-decoration: none !important; } + footer ul li.heading { + font-weight: bold; + border-bottom: 3px solid #adb5bd; + margin-bottom: 0.5rem; } + +/* XL screens */ +@media (min-width: 1200px) { + footer div.cols > div:last-of-type { + min-width: 350px; } } + +/* SM screens */ +@media (min-width: 600px) and (max-width: 959px) { + footer div.cols { + flex-wrap: wrap; } + footer div.cols > div { + width: calc(30% - 4rem); + padding: 0 1rem; } } + +/* XS screens */ +@media (max-width: 599px) { + footer div.cols { + display: block; } + footer div.cols > div { + margin: 2rem auto 0; + max-width: calc(100% - 4rem); } + footer div.cols > div:first-of-type { + margin-top: 0; } } diff --git a/packages/breanna/CHANGELOG.md b/packages/breanna/CHANGELOG.md index 9314b45536f..2573a24e60b 100644 --- a/packages/breanna/CHANGELOG.md +++ b/packages/breanna/CHANGELOG.md @@ -1,6 +1,13 @@ # Change log for: @freesewing/breanna +## unreleased (2021-02-07) + +### Fixed + + - Try harder to find the intersection point for the scyedart + - Define missing y variable in paperless branch + ## 2.7.0 (2020-07-12) ### Changed diff --git a/packages/breanna/example/src/layout.css b/packages/breanna/example/src/layout.css new file mode 100644 index 00000000000..564f3cd2862 --- /dev/null +++ b/packages/breanna/example/src/layout.css @@ -0,0 +1,235 @@ +div.layout-wrapper { + width: 100%; + margin: 0; + padding: 0; + background-color: red; + background: #f8f9fa; + background: linear-gradient(90deg, #f1f3f5 0%, #f1f3f5 25%, #f8f9fa 26%, #f8f9fa 100%); } + div.layout-wrapper div.layout { + display: flex; + max-width: 1600px; + margin: auto; + padding: 0; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + background-color: #f8f9fa; + min-height: calc(100vh - 64px); } + div.layout-wrapper div.layout > aside { + width: 33%; + background: #f1f3f5; + border-right: 2px solid #dee2e6; } + div.layout-wrapper div.layout > section { + margin: 0; + padding: 1rem; } + div.layout-wrapper div.layout > section > div.content { + max-width: 66ch; + min-width: 340px; } + div.layout-wrapper div.layout > section > div.content.wide { + max-width: 100%; + margin: auto; } + +.theme-wrapper.dark header { + background-color: #1a1d21; } + +.theme-wrapper.dark div.layout-wrapper { + background: #f8f9fa; + background: linear-gradient(90deg, #1a1d21 0%, #1a1d21 25%, #212529 26%, #212529 100%); } + .theme-wrapper.dark div.layout-wrapper div.layout { + background-color: #212529; } + .theme-wrapper.dark div.layout-wrapper div.layout > aside { + background-color: #1a1d21; + border-right: 2px solid #343a40; } + +header a svg { + color: #ced4da; } + +header a:first-of-type svg { + color: #f8f9fa; } + +header a:hover svg { + color: #b197fc; } + +header a span, +header button span { + color: #ced4da; } + header a span svg, + header button span svg { + color: #dee2e6; } + +header a:hover span, +header button:hover span { + color: #f8f9fa; } + header a:hover span svg, + header button:hover span svg { + color: #b197fc; } + +header a, +header button { + padding: 0 1vw !important; } + +/* monitor */ +@media (min-width: 1200px) { + div.layout > section { + width: 63%; } } + +/* slate */ +@media (max-width: 1199px) and (min-width: 960px) { + div.layout > aside { + width: 298px; } + div.layout > section { + width: calc(100% - 300px - 4rem); + max-width: none; + margin: 0 1rem 0 3rem; } } + +/* tablet */ +@media (max-width: 959px) { + div.layout > aside { + width: 218px; } + div.layout > section { + width: calc(100% - 220px - 4rem); + max-width: none; + margin: 0; + padding: 0 2rem; } + div.layout > section div.content { + min-width: inherit; } } + +/* mobile */ +@media (max-width: 599px) { + div.layout > aside { + display: none; } + div.layout > section { + width: calc(100%); + margin: 0 auto; + padding: 0 1.5rem; + max-width: none; } } + +div.gatsby-highlight { + margin-bottom: 1rem; } + +@media (max-width: 599px) { + #mobile-menu { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100vh; + padding: 0 0 1rem; + max-width: 600px; + z-index: -10; + transition: opacity 0.25s ease 0s; + opacity: 0; + overflow: scroll; } + #mobile-menu > ul, + #mobile-menu > div { + transform: translate(0px, 10px); + transition: transform 0.25s ease 0s; } + .theme-wrapper.show-menu #mobile-menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu #mobile-menu > div { + transform: translate(0px, 0px); } } + +.theme-wrapper.light div.draft-ui-menu, +.theme-wrapper.light div.menu { + background: #f1f3f5; } + +.theme-wrapper.dark div.draft-ui-menu, +.theme-wrapper.dark div.menu { + background: #343a40; } + +.theme-wrapper.show-menu div.menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu div.menu > div { + transform: translate(0px, 0px); } + +div.spaced-buttons > button { + margin: 0 0.5rem 0.5rem 0; } + +div.spaced > * { + margin: 0 0.5rem 0.5rem 0; } + +ul#pre-main-menu { + margin: 0; + padding: 0; } + +.boldish { + font-weight: 500; } + +.freesewing.draft { + padding: 1rem; } + +li.action { + clear: both; } + +li.action span.MuiSwitch-root { + float: right; } + +.theme-wrapper.light ul#draft-config li.action.toggle.off, +.theme-wrapper.dark ul#draft-config li.action.toggle.off { + color: #868e96; } + .theme-wrapper.light ul#draft-config li.action.toggle.off > span svg, + .theme-wrapper.dark ul#draft-config li.action.toggle.off > span svg { + color: #868e96; } + +footer { + background-color: #1a1d21; + color: #adb5bd; + padding: 3rem 0 6rem; } + footer a { + color: #dee2e6 !important; + font-weight: 400; } + footer a:hover { + color: #d0bfff !important; } + footer div.cols { + display: flex; + flex-direction: row; + justify-content: space-between; + max-width: 1600px; + margin: auto; + padding: 0 1.5rem; } + footer div.cols > div { + min-width: 150px; + max-width: calc(20% - 4rem); + padding: 0 2rem 0 0; + width: 100%; } + footer ul { + text-align: left; + font-size: 1.1rem; + margin: 0; + padding: 0; + width: 100%; } + footer ul li:first-of-type { + padding: 0.35rem 0.75rem; } + footer ul li { + display: block; } + footer ul li a:hover { + text-decoration: none !important; } + footer ul li.heading { + font-weight: bold; + border-bottom: 3px solid #adb5bd; + margin-bottom: 0.5rem; } + +/* XL screens */ +@media (min-width: 1200px) { + footer div.cols > div:last-of-type { + min-width: 350px; } } + +/* SM screens */ +@media (min-width: 600px) and (max-width: 959px) { + footer div.cols { + flex-wrap: wrap; } + footer div.cols > div { + width: calc(30% - 4rem); + padding: 0 1rem; } } + +/* XS screens */ +@media (max-width: 599px) { + footer div.cols { + display: block; } + footer div.cols > div { + margin: 2rem auto 0; + max-width: calc(100% - 4rem); } + footer div.cols > div:first-of-type { + margin-top: 0; } } diff --git a/packages/bruce/CHANGELOG.md b/packages/bruce/CHANGELOG.md index e6c174727f1..6725561ea22 100644 --- a/packages/bruce/CHANGELOG.md +++ b/packages/bruce/CHANGELOG.md @@ -1,6 +1,12 @@ # Change log for: @freesewing/bruce +## unreleased (2021-02-07) + +### Fixed + + - Added notches to facilitate seam matching + ## 2.11.3 (2021-01-16) ### Fixed diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 1741a79161e..866cf974483 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -1,6 +1,12 @@ # Change log for: @freesewing/components +## unreleased (2021-02-07) + +### Fixed + + - Check point attributes are present before using them + ## 2.11.3 (2021-01-16) ### Fixed diff --git a/packages/hortensia/CHANGELOG.md b/packages/hortensia/CHANGELOG.md index eedf4c7513b..1c3a0a3fc86 100644 --- a/packages/hortensia/CHANGELOG.md +++ b/packages/hortensia/CHANGELOG.md @@ -1,6 +1,12 @@ # Change log for: @freesewing/hortensia +## unreleased (2021-02-07) + +### Added + + - Initial release of Hortensia, a handbag pattern + This is the **initial release**, and the start of this change log. diff --git a/packages/hugo/CHANGELOG.md b/packages/hugo/CHANGELOG.md index 0e33fd95168..e64ea91df7d 100644 --- a/packages/hugo/CHANGELOG.md +++ b/packages/hugo/CHANGELOG.md @@ -1,6 +1,13 @@ # Change log for: @freesewing/hugo +## unreleased (2021-02-07) + +### Fixed + + - Fix style of the seam allowance paths + - Fix sleeve dependencies + ## 2.11.3 (2021-01-16) ### Fixed diff --git a/packages/hugo/example/src/layout.css b/packages/hugo/example/src/layout.css new file mode 100644 index 00000000000..564f3cd2862 --- /dev/null +++ b/packages/hugo/example/src/layout.css @@ -0,0 +1,235 @@ +div.layout-wrapper { + width: 100%; + margin: 0; + padding: 0; + background-color: red; + background: #f8f9fa; + background: linear-gradient(90deg, #f1f3f5 0%, #f1f3f5 25%, #f8f9fa 26%, #f8f9fa 100%); } + div.layout-wrapper div.layout { + display: flex; + max-width: 1600px; + margin: auto; + padding: 0; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + background-color: #f8f9fa; + min-height: calc(100vh - 64px); } + div.layout-wrapper div.layout > aside { + width: 33%; + background: #f1f3f5; + border-right: 2px solid #dee2e6; } + div.layout-wrapper div.layout > section { + margin: 0; + padding: 1rem; } + div.layout-wrapper div.layout > section > div.content { + max-width: 66ch; + min-width: 340px; } + div.layout-wrapper div.layout > section > div.content.wide { + max-width: 100%; + margin: auto; } + +.theme-wrapper.dark header { + background-color: #1a1d21; } + +.theme-wrapper.dark div.layout-wrapper { + background: #f8f9fa; + background: linear-gradient(90deg, #1a1d21 0%, #1a1d21 25%, #212529 26%, #212529 100%); } + .theme-wrapper.dark div.layout-wrapper div.layout { + background-color: #212529; } + .theme-wrapper.dark div.layout-wrapper div.layout > aside { + background-color: #1a1d21; + border-right: 2px solid #343a40; } + +header a svg { + color: #ced4da; } + +header a:first-of-type svg { + color: #f8f9fa; } + +header a:hover svg { + color: #b197fc; } + +header a span, +header button span { + color: #ced4da; } + header a span svg, + header button span svg { + color: #dee2e6; } + +header a:hover span, +header button:hover span { + color: #f8f9fa; } + header a:hover span svg, + header button:hover span svg { + color: #b197fc; } + +header a, +header button { + padding: 0 1vw !important; } + +/* monitor */ +@media (min-width: 1200px) { + div.layout > section { + width: 63%; } } + +/* slate */ +@media (max-width: 1199px) and (min-width: 960px) { + div.layout > aside { + width: 298px; } + div.layout > section { + width: calc(100% - 300px - 4rem); + max-width: none; + margin: 0 1rem 0 3rem; } } + +/* tablet */ +@media (max-width: 959px) { + div.layout > aside { + width: 218px; } + div.layout > section { + width: calc(100% - 220px - 4rem); + max-width: none; + margin: 0; + padding: 0 2rem; } + div.layout > section div.content { + min-width: inherit; } } + +/* mobile */ +@media (max-width: 599px) { + div.layout > aside { + display: none; } + div.layout > section { + width: calc(100%); + margin: 0 auto; + padding: 0 1.5rem; + max-width: none; } } + +div.gatsby-highlight { + margin-bottom: 1rem; } + +@media (max-width: 599px) { + #mobile-menu { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100vh; + padding: 0 0 1rem; + max-width: 600px; + z-index: -10; + transition: opacity 0.25s ease 0s; + opacity: 0; + overflow: scroll; } + #mobile-menu > ul, + #mobile-menu > div { + transform: translate(0px, 10px); + transition: transform 0.25s ease 0s; } + .theme-wrapper.show-menu #mobile-menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu #mobile-menu > div { + transform: translate(0px, 0px); } } + +.theme-wrapper.light div.draft-ui-menu, +.theme-wrapper.light div.menu { + background: #f1f3f5; } + +.theme-wrapper.dark div.draft-ui-menu, +.theme-wrapper.dark div.menu { + background: #343a40; } + +.theme-wrapper.show-menu div.menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu div.menu > div { + transform: translate(0px, 0px); } + +div.spaced-buttons > button { + margin: 0 0.5rem 0.5rem 0; } + +div.spaced > * { + margin: 0 0.5rem 0.5rem 0; } + +ul#pre-main-menu { + margin: 0; + padding: 0; } + +.boldish { + font-weight: 500; } + +.freesewing.draft { + padding: 1rem; } + +li.action { + clear: both; } + +li.action span.MuiSwitch-root { + float: right; } + +.theme-wrapper.light ul#draft-config li.action.toggle.off, +.theme-wrapper.dark ul#draft-config li.action.toggle.off { + color: #868e96; } + .theme-wrapper.light ul#draft-config li.action.toggle.off > span svg, + .theme-wrapper.dark ul#draft-config li.action.toggle.off > span svg { + color: #868e96; } + +footer { + background-color: #1a1d21; + color: #adb5bd; + padding: 3rem 0 6rem; } + footer a { + color: #dee2e6 !important; + font-weight: 400; } + footer a:hover { + color: #d0bfff !important; } + footer div.cols { + display: flex; + flex-direction: row; + justify-content: space-between; + max-width: 1600px; + margin: auto; + padding: 0 1.5rem; } + footer div.cols > div { + min-width: 150px; + max-width: calc(20% - 4rem); + padding: 0 2rem 0 0; + width: 100%; } + footer ul { + text-align: left; + font-size: 1.1rem; + margin: 0; + padding: 0; + width: 100%; } + footer ul li:first-of-type { + padding: 0.35rem 0.75rem; } + footer ul li { + display: block; } + footer ul li a:hover { + text-decoration: none !important; } + footer ul li.heading { + font-weight: bold; + border-bottom: 3px solid #adb5bd; + margin-bottom: 0.5rem; } + +/* XL screens */ +@media (min-width: 1200px) { + footer div.cols > div:last-of-type { + min-width: 350px; } } + +/* SM screens */ +@media (min-width: 600px) and (max-width: 959px) { + footer div.cols { + flex-wrap: wrap; } + footer div.cols > div { + width: calc(30% - 4rem); + padding: 0 1rem; } } + +/* XS screens */ +@media (max-width: 599px) { + footer div.cols { + display: block; } + footer div.cols > div { + margin: 2rem auto 0; + max-width: calc(100% - 4rem); } + footer div.cols > div:first-of-type { + margin-top: 0; } } diff --git a/packages/jaeger/example/src/layout.css b/packages/jaeger/example/src/layout.css new file mode 100644 index 00000000000..564f3cd2862 --- /dev/null +++ b/packages/jaeger/example/src/layout.css @@ -0,0 +1,235 @@ +div.layout-wrapper { + width: 100%; + margin: 0; + padding: 0; + background-color: red; + background: #f8f9fa; + background: linear-gradient(90deg, #f1f3f5 0%, #f1f3f5 25%, #f8f9fa 26%, #f8f9fa 100%); } + div.layout-wrapper div.layout { + display: flex; + max-width: 1600px; + margin: auto; + padding: 0; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + background-color: #f8f9fa; + min-height: calc(100vh - 64px); } + div.layout-wrapper div.layout > aside { + width: 33%; + background: #f1f3f5; + border-right: 2px solid #dee2e6; } + div.layout-wrapper div.layout > section { + margin: 0; + padding: 1rem; } + div.layout-wrapper div.layout > section > div.content { + max-width: 66ch; + min-width: 340px; } + div.layout-wrapper div.layout > section > div.content.wide { + max-width: 100%; + margin: auto; } + +.theme-wrapper.dark header { + background-color: #1a1d21; } + +.theme-wrapper.dark div.layout-wrapper { + background: #f8f9fa; + background: linear-gradient(90deg, #1a1d21 0%, #1a1d21 25%, #212529 26%, #212529 100%); } + .theme-wrapper.dark div.layout-wrapper div.layout { + background-color: #212529; } + .theme-wrapper.dark div.layout-wrapper div.layout > aside { + background-color: #1a1d21; + border-right: 2px solid #343a40; } + +header a svg { + color: #ced4da; } + +header a:first-of-type svg { + color: #f8f9fa; } + +header a:hover svg { + color: #b197fc; } + +header a span, +header button span { + color: #ced4da; } + header a span svg, + header button span svg { + color: #dee2e6; } + +header a:hover span, +header button:hover span { + color: #f8f9fa; } + header a:hover span svg, + header button:hover span svg { + color: #b197fc; } + +header a, +header button { + padding: 0 1vw !important; } + +/* monitor */ +@media (min-width: 1200px) { + div.layout > section { + width: 63%; } } + +/* slate */ +@media (max-width: 1199px) and (min-width: 960px) { + div.layout > aside { + width: 298px; } + div.layout > section { + width: calc(100% - 300px - 4rem); + max-width: none; + margin: 0 1rem 0 3rem; } } + +/* tablet */ +@media (max-width: 959px) { + div.layout > aside { + width: 218px; } + div.layout > section { + width: calc(100% - 220px - 4rem); + max-width: none; + margin: 0; + padding: 0 2rem; } + div.layout > section div.content { + min-width: inherit; } } + +/* mobile */ +@media (max-width: 599px) { + div.layout > aside { + display: none; } + div.layout > section { + width: calc(100%); + margin: 0 auto; + padding: 0 1.5rem; + max-width: none; } } + +div.gatsby-highlight { + margin-bottom: 1rem; } + +@media (max-width: 599px) { + #mobile-menu { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100vh; + padding: 0 0 1rem; + max-width: 600px; + z-index: -10; + transition: opacity 0.25s ease 0s; + opacity: 0; + overflow: scroll; } + #mobile-menu > ul, + #mobile-menu > div { + transform: translate(0px, 10px); + transition: transform 0.25s ease 0s; } + .theme-wrapper.show-menu #mobile-menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu #mobile-menu > div { + transform: translate(0px, 0px); } } + +.theme-wrapper.light div.draft-ui-menu, +.theme-wrapper.light div.menu { + background: #f1f3f5; } + +.theme-wrapper.dark div.draft-ui-menu, +.theme-wrapper.dark div.menu { + background: #343a40; } + +.theme-wrapper.show-menu div.menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu div.menu > div { + transform: translate(0px, 0px); } + +div.spaced-buttons > button { + margin: 0 0.5rem 0.5rem 0; } + +div.spaced > * { + margin: 0 0.5rem 0.5rem 0; } + +ul#pre-main-menu { + margin: 0; + padding: 0; } + +.boldish { + font-weight: 500; } + +.freesewing.draft { + padding: 1rem; } + +li.action { + clear: both; } + +li.action span.MuiSwitch-root { + float: right; } + +.theme-wrapper.light ul#draft-config li.action.toggle.off, +.theme-wrapper.dark ul#draft-config li.action.toggle.off { + color: #868e96; } + .theme-wrapper.light ul#draft-config li.action.toggle.off > span svg, + .theme-wrapper.dark ul#draft-config li.action.toggle.off > span svg { + color: #868e96; } + +footer { + background-color: #1a1d21; + color: #adb5bd; + padding: 3rem 0 6rem; } + footer a { + color: #dee2e6 !important; + font-weight: 400; } + footer a:hover { + color: #d0bfff !important; } + footer div.cols { + display: flex; + flex-direction: row; + justify-content: space-between; + max-width: 1600px; + margin: auto; + padding: 0 1.5rem; } + footer div.cols > div { + min-width: 150px; + max-width: calc(20% - 4rem); + padding: 0 2rem 0 0; + width: 100%; } + footer ul { + text-align: left; + font-size: 1.1rem; + margin: 0; + padding: 0; + width: 100%; } + footer ul li:first-of-type { + padding: 0.35rem 0.75rem; } + footer ul li { + display: block; } + footer ul li a:hover { + text-decoration: none !important; } + footer ul li.heading { + font-weight: bold; + border-bottom: 3px solid #adb5bd; + margin-bottom: 0.5rem; } + +/* XL screens */ +@media (min-width: 1200px) { + footer div.cols > div:last-of-type { + min-width: 350px; } } + +/* SM screens */ +@media (min-width: 600px) and (max-width: 959px) { + footer div.cols { + flex-wrap: wrap; } + footer div.cols > div { + width: calc(30% - 4rem); + padding: 0 1rem; } } + +/* XS screens */ +@media (max-width: 599px) { + footer div.cols { + display: block; } + footer div.cols > div { + margin: 2rem auto 0; + max-width: calc(100% - 4rem); } + footer div.cols > div:first-of-type { + margin-top: 0; } } diff --git a/packages/simone/CHANGELOG.md b/packages/simone/CHANGELOG.md index cdd5b9b8413..28865b1ca69 100644 --- a/packages/simone/CHANGELOG.md +++ b/packages/simone/CHANGELOG.md @@ -1,6 +1,12 @@ # Change log for: @freesewing/simone +## unreleased (2021-02-07) + +### Fixed + + - Force bust dart intersection if not found initially + ## 2.11.3 (2021-01-16) ### Fixed diff --git a/packages/simone/example/src/layout.css b/packages/simone/example/src/layout.css new file mode 100644 index 00000000000..564f3cd2862 --- /dev/null +++ b/packages/simone/example/src/layout.css @@ -0,0 +1,235 @@ +div.layout-wrapper { + width: 100%; + margin: 0; + padding: 0; + background-color: red; + background: #f8f9fa; + background: linear-gradient(90deg, #f1f3f5 0%, #f1f3f5 25%, #f8f9fa 26%, #f8f9fa 100%); } + div.layout-wrapper div.layout { + display: flex; + max-width: 1600px; + margin: auto; + padding: 0; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + background-color: #f8f9fa; + min-height: calc(100vh - 64px); } + div.layout-wrapper div.layout > aside { + width: 33%; + background: #f1f3f5; + border-right: 2px solid #dee2e6; } + div.layout-wrapper div.layout > section { + margin: 0; + padding: 1rem; } + div.layout-wrapper div.layout > section > div.content { + max-width: 66ch; + min-width: 340px; } + div.layout-wrapper div.layout > section > div.content.wide { + max-width: 100%; + margin: auto; } + +.theme-wrapper.dark header { + background-color: #1a1d21; } + +.theme-wrapper.dark div.layout-wrapper { + background: #f8f9fa; + background: linear-gradient(90deg, #1a1d21 0%, #1a1d21 25%, #212529 26%, #212529 100%); } + .theme-wrapper.dark div.layout-wrapper div.layout { + background-color: #212529; } + .theme-wrapper.dark div.layout-wrapper div.layout > aside { + background-color: #1a1d21; + border-right: 2px solid #343a40; } + +header a svg { + color: #ced4da; } + +header a:first-of-type svg { + color: #f8f9fa; } + +header a:hover svg { + color: #b197fc; } + +header a span, +header button span { + color: #ced4da; } + header a span svg, + header button span svg { + color: #dee2e6; } + +header a:hover span, +header button:hover span { + color: #f8f9fa; } + header a:hover span svg, + header button:hover span svg { + color: #b197fc; } + +header a, +header button { + padding: 0 1vw !important; } + +/* monitor */ +@media (min-width: 1200px) { + div.layout > section { + width: 63%; } } + +/* slate */ +@media (max-width: 1199px) and (min-width: 960px) { + div.layout > aside { + width: 298px; } + div.layout > section { + width: calc(100% - 300px - 4rem); + max-width: none; + margin: 0 1rem 0 3rem; } } + +/* tablet */ +@media (max-width: 959px) { + div.layout > aside { + width: 218px; } + div.layout > section { + width: calc(100% - 220px - 4rem); + max-width: none; + margin: 0; + padding: 0 2rem; } + div.layout > section div.content { + min-width: inherit; } } + +/* mobile */ +@media (max-width: 599px) { + div.layout > aside { + display: none; } + div.layout > section { + width: calc(100%); + margin: 0 auto; + padding: 0 1.5rem; + max-width: none; } } + +div.gatsby-highlight { + margin-bottom: 1rem; } + +@media (max-width: 599px) { + #mobile-menu { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100vh; + padding: 0 0 1rem; + max-width: 600px; + z-index: -10; + transition: opacity 0.25s ease 0s; + opacity: 0; + overflow: scroll; } + #mobile-menu > ul, + #mobile-menu > div { + transform: translate(0px, 10px); + transition: transform 0.25s ease 0s; } + .theme-wrapper.show-menu #mobile-menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu #mobile-menu > div { + transform: translate(0px, 0px); } } + +.theme-wrapper.light div.draft-ui-menu, +.theme-wrapper.light div.menu { + background: #f1f3f5; } + +.theme-wrapper.dark div.draft-ui-menu, +.theme-wrapper.dark div.menu { + background: #343a40; } + +.theme-wrapper.show-menu div.menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu div.menu > div { + transform: translate(0px, 0px); } + +div.spaced-buttons > button { + margin: 0 0.5rem 0.5rem 0; } + +div.spaced > * { + margin: 0 0.5rem 0.5rem 0; } + +ul#pre-main-menu { + margin: 0; + padding: 0; } + +.boldish { + font-weight: 500; } + +.freesewing.draft { + padding: 1rem; } + +li.action { + clear: both; } + +li.action span.MuiSwitch-root { + float: right; } + +.theme-wrapper.light ul#draft-config li.action.toggle.off, +.theme-wrapper.dark ul#draft-config li.action.toggle.off { + color: #868e96; } + .theme-wrapper.light ul#draft-config li.action.toggle.off > span svg, + .theme-wrapper.dark ul#draft-config li.action.toggle.off > span svg { + color: #868e96; } + +footer { + background-color: #1a1d21; + color: #adb5bd; + padding: 3rem 0 6rem; } + footer a { + color: #dee2e6 !important; + font-weight: 400; } + footer a:hover { + color: #d0bfff !important; } + footer div.cols { + display: flex; + flex-direction: row; + justify-content: space-between; + max-width: 1600px; + margin: auto; + padding: 0 1.5rem; } + footer div.cols > div { + min-width: 150px; + max-width: calc(20% - 4rem); + padding: 0 2rem 0 0; + width: 100%; } + footer ul { + text-align: left; + font-size: 1.1rem; + margin: 0; + padding: 0; + width: 100%; } + footer ul li:first-of-type { + padding: 0.35rem 0.75rem; } + footer ul li { + display: block; } + footer ul li a:hover { + text-decoration: none !important; } + footer ul li.heading { + font-weight: bold; + border-bottom: 3px solid #adb5bd; + margin-bottom: 0.5rem; } + +/* XL screens */ +@media (min-width: 1200px) { + footer div.cols > div:last-of-type { + min-width: 350px; } } + +/* SM screens */ +@media (min-width: 600px) and (max-width: 959px) { + footer div.cols { + flex-wrap: wrap; } + footer div.cols > div { + width: calc(30% - 4rem); + padding: 0 1rem; } } + +/* XS screens */ +@media (max-width: 599px) { + footer div.cols { + display: block; } + footer div.cols > div { + margin: 2rem auto 0; + max-width: calc(100% - 4rem); } + footer div.cols > div:first-of-type { + margin-top: 0; } } diff --git a/packages/theo/CHANGELOG.md b/packages/theo/CHANGELOG.md index ededb713041..12f80a8698a 100644 --- a/packages/theo/CHANGELOG.md +++ b/packages/theo/CHANGELOG.md @@ -1,6 +1,12 @@ # Change log for: @freesewing/theo +## unreleased (2021-02-07) + +### Fixed + + - Check for intersection returning an array + ## 2.11.3 (2021-01-16) ### Fixed diff --git a/packages/theo/example/src/layout.css b/packages/theo/example/src/layout.css new file mode 100644 index 00000000000..564f3cd2862 --- /dev/null +++ b/packages/theo/example/src/layout.css @@ -0,0 +1,235 @@ +div.layout-wrapper { + width: 100%; + margin: 0; + padding: 0; + background-color: red; + background: #f8f9fa; + background: linear-gradient(90deg, #f1f3f5 0%, #f1f3f5 25%, #f8f9fa 26%, #f8f9fa 100%); } + div.layout-wrapper div.layout { + display: flex; + max-width: 1600px; + margin: auto; + padding: 0; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + background-color: #f8f9fa; + min-height: calc(100vh - 64px); } + div.layout-wrapper div.layout > aside { + width: 33%; + background: #f1f3f5; + border-right: 2px solid #dee2e6; } + div.layout-wrapper div.layout > section { + margin: 0; + padding: 1rem; } + div.layout-wrapper div.layout > section > div.content { + max-width: 66ch; + min-width: 340px; } + div.layout-wrapper div.layout > section > div.content.wide { + max-width: 100%; + margin: auto; } + +.theme-wrapper.dark header { + background-color: #1a1d21; } + +.theme-wrapper.dark div.layout-wrapper { + background: #f8f9fa; + background: linear-gradient(90deg, #1a1d21 0%, #1a1d21 25%, #212529 26%, #212529 100%); } + .theme-wrapper.dark div.layout-wrapper div.layout { + background-color: #212529; } + .theme-wrapper.dark div.layout-wrapper div.layout > aside { + background-color: #1a1d21; + border-right: 2px solid #343a40; } + +header a svg { + color: #ced4da; } + +header a:first-of-type svg { + color: #f8f9fa; } + +header a:hover svg { + color: #b197fc; } + +header a span, +header button span { + color: #ced4da; } + header a span svg, + header button span svg { + color: #dee2e6; } + +header a:hover span, +header button:hover span { + color: #f8f9fa; } + header a:hover span svg, + header button:hover span svg { + color: #b197fc; } + +header a, +header button { + padding: 0 1vw !important; } + +/* monitor */ +@media (min-width: 1200px) { + div.layout > section { + width: 63%; } } + +/* slate */ +@media (max-width: 1199px) and (min-width: 960px) { + div.layout > aside { + width: 298px; } + div.layout > section { + width: calc(100% - 300px - 4rem); + max-width: none; + margin: 0 1rem 0 3rem; } } + +/* tablet */ +@media (max-width: 959px) { + div.layout > aside { + width: 218px; } + div.layout > section { + width: calc(100% - 220px - 4rem); + max-width: none; + margin: 0; + padding: 0 2rem; } + div.layout > section div.content { + min-width: inherit; } } + +/* mobile */ +@media (max-width: 599px) { + div.layout > aside { + display: none; } + div.layout > section { + width: calc(100%); + margin: 0 auto; + padding: 0 1.5rem; + max-width: none; } } + +div.gatsby-highlight { + margin-bottom: 1rem; } + +@media (max-width: 599px) { + #mobile-menu { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100vh; + padding: 0 0 1rem; + max-width: 600px; + z-index: -10; + transition: opacity 0.25s ease 0s; + opacity: 0; + overflow: scroll; } + #mobile-menu > ul, + #mobile-menu > div { + transform: translate(0px, 10px); + transition: transform 0.25s ease 0s; } + .theme-wrapper.show-menu #mobile-menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu #mobile-menu > div { + transform: translate(0px, 0px); } } + +.theme-wrapper.light div.draft-ui-menu, +.theme-wrapper.light div.menu { + background: #f1f3f5; } + +.theme-wrapper.dark div.draft-ui-menu, +.theme-wrapper.dark div.menu { + background: #343a40; } + +.theme-wrapper.show-menu div.menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu div.menu > div { + transform: translate(0px, 0px); } + +div.spaced-buttons > button { + margin: 0 0.5rem 0.5rem 0; } + +div.spaced > * { + margin: 0 0.5rem 0.5rem 0; } + +ul#pre-main-menu { + margin: 0; + padding: 0; } + +.boldish { + font-weight: 500; } + +.freesewing.draft { + padding: 1rem; } + +li.action { + clear: both; } + +li.action span.MuiSwitch-root { + float: right; } + +.theme-wrapper.light ul#draft-config li.action.toggle.off, +.theme-wrapper.dark ul#draft-config li.action.toggle.off { + color: #868e96; } + .theme-wrapper.light ul#draft-config li.action.toggle.off > span svg, + .theme-wrapper.dark ul#draft-config li.action.toggle.off > span svg { + color: #868e96; } + +footer { + background-color: #1a1d21; + color: #adb5bd; + padding: 3rem 0 6rem; } + footer a { + color: #dee2e6 !important; + font-weight: 400; } + footer a:hover { + color: #d0bfff !important; } + footer div.cols { + display: flex; + flex-direction: row; + justify-content: space-between; + max-width: 1600px; + margin: auto; + padding: 0 1.5rem; } + footer div.cols > div { + min-width: 150px; + max-width: calc(20% - 4rem); + padding: 0 2rem 0 0; + width: 100%; } + footer ul { + text-align: left; + font-size: 1.1rem; + margin: 0; + padding: 0; + width: 100%; } + footer ul li:first-of-type { + padding: 0.35rem 0.75rem; } + footer ul li { + display: block; } + footer ul li a:hover { + text-decoration: none !important; } + footer ul li.heading { + font-weight: bold; + border-bottom: 3px solid #adb5bd; + margin-bottom: 0.5rem; } + +/* XL screens */ +@media (min-width: 1200px) { + footer div.cols > div:last-of-type { + min-width: 350px; } } + +/* SM screens */ +@media (min-width: 600px) and (max-width: 959px) { + footer div.cols { + flex-wrap: wrap; } + footer div.cols > div { + width: calc(30% - 4rem); + padding: 0 1rem; } } + +/* XS screens */ +@media (max-width: 599px) { + footer div.cols { + display: block; } + footer div.cols > div { + margin: 2rem auto 0; + max-width: calc(100% - 4rem); } + footer div.cols > div:first-of-type { + margin-top: 0; } } diff --git a/packages/titan/CHANGELOG.md b/packages/titan/CHANGELOG.md index 16b34637d22..b7cd04e6cee 100644 --- a/packages/titan/CHANGELOG.md +++ b/packages/titan/CHANGELOG.md @@ -1,6 +1,12 @@ # Change log for: @freesewing/titan +## unreleased (2021-02-07) + +### Fixed + + - Always balance the waist + ## 2.10.4 (2020-11-13) ### Fixed diff --git a/packages/titan/example/src/layout.css b/packages/titan/example/src/layout.css new file mode 100644 index 00000000000..564f3cd2862 --- /dev/null +++ b/packages/titan/example/src/layout.css @@ -0,0 +1,235 @@ +div.layout-wrapper { + width: 100%; + margin: 0; + padding: 0; + background-color: red; + background: #f8f9fa; + background: linear-gradient(90deg, #f1f3f5 0%, #f1f3f5 25%, #f8f9fa 26%, #f8f9fa 100%); } + div.layout-wrapper div.layout { + display: flex; + max-width: 1600px; + margin: auto; + padding: 0; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + background-color: #f8f9fa; + min-height: calc(100vh - 64px); } + div.layout-wrapper div.layout > aside { + width: 33%; + background: #f1f3f5; + border-right: 2px solid #dee2e6; } + div.layout-wrapper div.layout > section { + margin: 0; + padding: 1rem; } + div.layout-wrapper div.layout > section > div.content { + max-width: 66ch; + min-width: 340px; } + div.layout-wrapper div.layout > section > div.content.wide { + max-width: 100%; + margin: auto; } + +.theme-wrapper.dark header { + background-color: #1a1d21; } + +.theme-wrapper.dark div.layout-wrapper { + background: #f8f9fa; + background: linear-gradient(90deg, #1a1d21 0%, #1a1d21 25%, #212529 26%, #212529 100%); } + .theme-wrapper.dark div.layout-wrapper div.layout { + background-color: #212529; } + .theme-wrapper.dark div.layout-wrapper div.layout > aside { + background-color: #1a1d21; + border-right: 2px solid #343a40; } + +header a svg { + color: #ced4da; } + +header a:first-of-type svg { + color: #f8f9fa; } + +header a:hover svg { + color: #b197fc; } + +header a span, +header button span { + color: #ced4da; } + header a span svg, + header button span svg { + color: #dee2e6; } + +header a:hover span, +header button:hover span { + color: #f8f9fa; } + header a:hover span svg, + header button:hover span svg { + color: #b197fc; } + +header a, +header button { + padding: 0 1vw !important; } + +/* monitor */ +@media (min-width: 1200px) { + div.layout > section { + width: 63%; } } + +/* slate */ +@media (max-width: 1199px) and (min-width: 960px) { + div.layout > aside { + width: 298px; } + div.layout > section { + width: calc(100% - 300px - 4rem); + max-width: none; + margin: 0 1rem 0 3rem; } } + +/* tablet */ +@media (max-width: 959px) { + div.layout > aside { + width: 218px; } + div.layout > section { + width: calc(100% - 220px - 4rem); + max-width: none; + margin: 0; + padding: 0 2rem; } + div.layout > section div.content { + min-width: inherit; } } + +/* mobile */ +@media (max-width: 599px) { + div.layout > aside { + display: none; } + div.layout > section { + width: calc(100%); + margin: 0 auto; + padding: 0 1.5rem; + max-width: none; } } + +div.gatsby-highlight { + margin-bottom: 1rem; } + +@media (max-width: 599px) { + #mobile-menu { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100vh; + padding: 0 0 1rem; + max-width: 600px; + z-index: -10; + transition: opacity 0.25s ease 0s; + opacity: 0; + overflow: scroll; } + #mobile-menu > ul, + #mobile-menu > div { + transform: translate(0px, 10px); + transition: transform 0.25s ease 0s; } + .theme-wrapper.show-menu #mobile-menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu #mobile-menu > div { + transform: translate(0px, 0px); } } + +.theme-wrapper.light div.draft-ui-menu, +.theme-wrapper.light div.menu { + background: #f1f3f5; } + +.theme-wrapper.dark div.draft-ui-menu, +.theme-wrapper.dark div.menu { + background: #343a40; } + +.theme-wrapper.show-menu div.menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu div.menu > div { + transform: translate(0px, 0px); } + +div.spaced-buttons > button { + margin: 0 0.5rem 0.5rem 0; } + +div.spaced > * { + margin: 0 0.5rem 0.5rem 0; } + +ul#pre-main-menu { + margin: 0; + padding: 0; } + +.boldish { + font-weight: 500; } + +.freesewing.draft { + padding: 1rem; } + +li.action { + clear: both; } + +li.action span.MuiSwitch-root { + float: right; } + +.theme-wrapper.light ul#draft-config li.action.toggle.off, +.theme-wrapper.dark ul#draft-config li.action.toggle.off { + color: #868e96; } + .theme-wrapper.light ul#draft-config li.action.toggle.off > span svg, + .theme-wrapper.dark ul#draft-config li.action.toggle.off > span svg { + color: #868e96; } + +footer { + background-color: #1a1d21; + color: #adb5bd; + padding: 3rem 0 6rem; } + footer a { + color: #dee2e6 !important; + font-weight: 400; } + footer a:hover { + color: #d0bfff !important; } + footer div.cols { + display: flex; + flex-direction: row; + justify-content: space-between; + max-width: 1600px; + margin: auto; + padding: 0 1.5rem; } + footer div.cols > div { + min-width: 150px; + max-width: calc(20% - 4rem); + padding: 0 2rem 0 0; + width: 100%; } + footer ul { + text-align: left; + font-size: 1.1rem; + margin: 0; + padding: 0; + width: 100%; } + footer ul li:first-of-type { + padding: 0.35rem 0.75rem; } + footer ul li { + display: block; } + footer ul li a:hover { + text-decoration: none !important; } + footer ul li.heading { + font-weight: bold; + border-bottom: 3px solid #adb5bd; + margin-bottom: 0.5rem; } + +/* XL screens */ +@media (min-width: 1200px) { + footer div.cols > div:last-of-type { + min-width: 350px; } } + +/* SM screens */ +@media (min-width: 600px) and (max-width: 959px) { + footer div.cols { + flex-wrap: wrap; } + footer div.cols > div { + width: calc(30% - 4rem); + padding: 0 1rem; } } + +/* XS screens */ +@media (max-width: 599px) { + footer div.cols { + display: block; } + footer div.cols > div { + margin: 2rem auto 0; + max-width: calc(100% - 4rem); } + footer div.cols > div:first-of-type { + margin-top: 0; } } diff --git a/packages/wahid/CHANGELOG.md b/packages/wahid/CHANGELOG.md index 9e2a8c98c93..8dc14d1a2a3 100644 --- a/packages/wahid/CHANGELOG.md +++ b/packages/wahid/CHANGELOG.md @@ -1,6 +1,12 @@ # Change log for: @freesewing/wahid +## unreleased (2021-02-07) + +### Fixed + + - Make sure roudEnd and roundStart points are always available + ## 2.11.3 (2021-01-16) ### Fixed diff --git a/packages/wahid/example/src/layout.css b/packages/wahid/example/src/layout.css new file mode 100644 index 00000000000..564f3cd2862 --- /dev/null +++ b/packages/wahid/example/src/layout.css @@ -0,0 +1,235 @@ +div.layout-wrapper { + width: 100%; + margin: 0; + padding: 0; + background-color: red; + background: #f8f9fa; + background: linear-gradient(90deg, #f1f3f5 0%, #f1f3f5 25%, #f8f9fa 26%, #f8f9fa 100%); } + div.layout-wrapper div.layout { + display: flex; + max-width: 1600px; + margin: auto; + padding: 0; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + background-color: #f8f9fa; + min-height: calc(100vh - 64px); } + div.layout-wrapper div.layout > aside { + width: 33%; + background: #f1f3f5; + border-right: 2px solid #dee2e6; } + div.layout-wrapper div.layout > section { + margin: 0; + padding: 1rem; } + div.layout-wrapper div.layout > section > div.content { + max-width: 66ch; + min-width: 340px; } + div.layout-wrapper div.layout > section > div.content.wide { + max-width: 100%; + margin: auto; } + +.theme-wrapper.dark header { + background-color: #1a1d21; } + +.theme-wrapper.dark div.layout-wrapper { + background: #f8f9fa; + background: linear-gradient(90deg, #1a1d21 0%, #1a1d21 25%, #212529 26%, #212529 100%); } + .theme-wrapper.dark div.layout-wrapper div.layout { + background-color: #212529; } + .theme-wrapper.dark div.layout-wrapper div.layout > aside { + background-color: #1a1d21; + border-right: 2px solid #343a40; } + +header a svg { + color: #ced4da; } + +header a:first-of-type svg { + color: #f8f9fa; } + +header a:hover svg { + color: #b197fc; } + +header a span, +header button span { + color: #ced4da; } + header a span svg, + header button span svg { + color: #dee2e6; } + +header a:hover span, +header button:hover span { + color: #f8f9fa; } + header a:hover span svg, + header button:hover span svg { + color: #b197fc; } + +header a, +header button { + padding: 0 1vw !important; } + +/* monitor */ +@media (min-width: 1200px) { + div.layout > section { + width: 63%; } } + +/* slate */ +@media (max-width: 1199px) and (min-width: 960px) { + div.layout > aside { + width: 298px; } + div.layout > section { + width: calc(100% - 300px - 4rem); + max-width: none; + margin: 0 1rem 0 3rem; } } + +/* tablet */ +@media (max-width: 959px) { + div.layout > aside { + width: 218px; } + div.layout > section { + width: calc(100% - 220px - 4rem); + max-width: none; + margin: 0; + padding: 0 2rem; } + div.layout > section div.content { + min-width: inherit; } } + +/* mobile */ +@media (max-width: 599px) { + div.layout > aside { + display: none; } + div.layout > section { + width: calc(100%); + margin: 0 auto; + padding: 0 1.5rem; + max-width: none; } } + +div.gatsby-highlight { + margin-bottom: 1rem; } + +@media (max-width: 599px) { + #mobile-menu { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100vh; + padding: 0 0 1rem; + max-width: 600px; + z-index: -10; + transition: opacity 0.25s ease 0s; + opacity: 0; + overflow: scroll; } + #mobile-menu > ul, + #mobile-menu > div { + transform: translate(0px, 10px); + transition: transform 0.25s ease 0s; } + .theme-wrapper.show-menu #mobile-menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu #mobile-menu > div { + transform: translate(0px, 0px); } } + +.theme-wrapper.light div.draft-ui-menu, +.theme-wrapper.light div.menu { + background: #f1f3f5; } + +.theme-wrapper.dark div.draft-ui-menu, +.theme-wrapper.dark div.menu { + background: #343a40; } + +.theme-wrapper.show-menu div.menu { + opacity: 1; + z-index: 10; } + .theme-wrapper.show-menu div.menu > div { + transform: translate(0px, 0px); } + +div.spaced-buttons > button { + margin: 0 0.5rem 0.5rem 0; } + +div.spaced > * { + margin: 0 0.5rem 0.5rem 0; } + +ul#pre-main-menu { + margin: 0; + padding: 0; } + +.boldish { + font-weight: 500; } + +.freesewing.draft { + padding: 1rem; } + +li.action { + clear: both; } + +li.action span.MuiSwitch-root { + float: right; } + +.theme-wrapper.light ul#draft-config li.action.toggle.off, +.theme-wrapper.dark ul#draft-config li.action.toggle.off { + color: #868e96; } + .theme-wrapper.light ul#draft-config li.action.toggle.off > span svg, + .theme-wrapper.dark ul#draft-config li.action.toggle.off > span svg { + color: #868e96; } + +footer { + background-color: #1a1d21; + color: #adb5bd; + padding: 3rem 0 6rem; } + footer a { + color: #dee2e6 !important; + font-weight: 400; } + footer a:hover { + color: #d0bfff !important; } + footer div.cols { + display: flex; + flex-direction: row; + justify-content: space-between; + max-width: 1600px; + margin: auto; + padding: 0 1.5rem; } + footer div.cols > div { + min-width: 150px; + max-width: calc(20% - 4rem); + padding: 0 2rem 0 0; + width: 100%; } + footer ul { + text-align: left; + font-size: 1.1rem; + margin: 0; + padding: 0; + width: 100%; } + footer ul li:first-of-type { + padding: 0.35rem 0.75rem; } + footer ul li { + display: block; } + footer ul li a:hover { + text-decoration: none !important; } + footer ul li.heading { + font-weight: bold; + border-bottom: 3px solid #adb5bd; + margin-bottom: 0.5rem; } + +/* XL screens */ +@media (min-width: 1200px) { + footer div.cols > div:last-of-type { + min-width: 350px; } } + +/* SM screens */ +@media (min-width: 600px) and (max-width: 959px) { + footer div.cols { + flex-wrap: wrap; } + footer div.cols > div { + width: calc(30% - 4rem); + padding: 0 1rem; } } + +/* XS screens */ +@media (max-width: 599px) { + footer div.cols { + display: block; } + footer div.cols > div { + margin: 2rem auto 0; + max-width: calc(100% - 4rem); } + footer div.cols > div:first-of-type { + margin-top: 0; } }