@olenbetong/synergi-react 0.7.6 → 0.7.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/ob.react.css +9 -9
- package/dist/esm/ob.react.min.css +1 -1
- package/dist/esm/ob.react.min.css.map +1 -1
- package/dist/iife/ob.react.css +9 -9
- package/dist/iife/ob.react.min.css +1 -1
- package/dist/iife/ob.react.min.css.map +1 -1
- package/dist/styles/styles.css +1 -1
- package/dist/styles/styles.css.map +1 -1
- package/es/ColorCard/index.css +1 -1
- package/es/ProgressBar/index.css +1 -1
- package/es/index.css +1 -1
- package/package.json +3 -3
package/dist/esm/ob.react.css
CHANGED
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
--bg-size: 0.75rem;
|
|
106
106
|
--card-color: rgb(0, 0, 0);
|
|
107
107
|
align-items: stretch;
|
|
108
|
-
background-image: linear-gradient(to right, hsl(
|
|
108
|
+
background-image: linear-gradient(to right, hsl(186, 72%, 24%), hsl(186, 72%, 24%) 0.75rem, white 0.75rem, white);
|
|
109
109
|
background-image: linear-gradient(to right, var(--bg-color-border), var(--bg-color-border) var(--bg-size), var(--bg-color-main) var(--bg-size), var(--bg-color-main));
|
|
110
110
|
border-radius: 0.25rem;
|
|
111
111
|
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.15), 0 1px 6px rgba(0, 0, 0, 0.25);
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
}
|
|
226
226
|
.ObColorCard-label::before {
|
|
227
227
|
background: white;
|
|
228
|
-
border: 0.2rem solid hsl(
|
|
228
|
+
border: 0.2rem solid hsl(186, 72%, 24%);
|
|
229
229
|
border: 0.2rem solid var(--bg-color-border);
|
|
230
230
|
border-radius: 50%;
|
|
231
231
|
content: "";
|
|
@@ -248,7 +248,7 @@
|
|
|
248
248
|
top: -1px;
|
|
249
249
|
}
|
|
250
250
|
.ObDateNavigator-root {
|
|
251
|
-
background-color: hsl(
|
|
251
|
+
background-color: hsl(220, 20%, 96%);
|
|
252
252
|
background-color: var(--block-header-color-bg);
|
|
253
253
|
display: flex;
|
|
254
254
|
font-size: 1rem;
|
|
@@ -362,23 +362,23 @@
|
|
|
362
362
|
width: 1em;
|
|
363
363
|
}
|
|
364
364
|
.ObLinkedList-card:hover {
|
|
365
|
-
background-color: hsl(
|
|
365
|
+
background-color: hsl(220, 20%, 94%) !important;
|
|
366
366
|
color: inherit;
|
|
367
367
|
text-decoration: inherit;
|
|
368
368
|
}
|
|
369
369
|
.ObLinkedList-card:hover::before {
|
|
370
|
-
border-right-color: hsl(
|
|
370
|
+
border-right-color: hsl(220, 20%, 94%) !important;
|
|
371
371
|
}
|
|
372
372
|
|
|
373
373
|
/* src/PageBanner/index.scss */
|
|
374
374
|
.ObPageBanner-root {
|
|
375
|
-
background-color: hsl(
|
|
375
|
+
background-color: hsl(186, 72%, 24%);
|
|
376
376
|
background-color: var(--brand-dark);
|
|
377
377
|
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2);
|
|
378
378
|
color: white;
|
|
379
379
|
}
|
|
380
380
|
.ObPageBanner-root a {
|
|
381
|
-
color: hsl(
|
|
381
|
+
color: hsl(200, 50%, 80%);
|
|
382
382
|
}
|
|
383
383
|
.ObPageBanner-inner {
|
|
384
384
|
display: flex;
|
|
@@ -486,11 +486,11 @@
|
|
|
486
486
|
background-image:
|
|
487
487
|
linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),
|
|
488
488
|
linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
|
|
489
|
-
linear-gradient(left, var(--brand-primary, hsl(
|
|
489
|
+
linear-gradient(left, var(--brand-primary, hsl(186, 72%, 24%)), var(--brand-light, hsl(186, 72%, 37%)));
|
|
490
490
|
background-image:
|
|
491
491
|
-webkit-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),
|
|
492
492
|
-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
|
|
493
|
-
-webkit-linear-gradient(left, var(--brand-primary), hsl(
|
|
493
|
+
-webkit-linear-gradient(left, var(--brand-primary), hsl(186, 72%, 24%), var(--brand-light, hsl(186, 72%, 37%)));
|
|
494
494
|
background-size:
|
|
495
495
|
35px 20px,
|
|
496
496
|
100% 100%,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@charset "UTF-8";.ObCheckbox-root{--check-width: 2rem;--bg-color: var(--brand-dark, rgba(42, 65, 50, .5));--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, .8));--bg-color-selected: var(--brand-light);display:inline-block;height:var(--check-width);margin-bottom:0}.ObCheckbox-root:focus-within .ObCheckbox-box{border:.1rem solid black}.ObCheckbox-root.Ob-disabled{--bg-color: rgba(150, 150, 150, .5);--bg-color-hover: var(--bg-color)}.ObCheckbox-box{position:relative;background:var(--bg-color);transition:background .3s ease;overflow:hidden;border-radius:calc(var(--check-width) / 15);height:var(--check-width);width:var(--check-width)}.ObCheckbox-box:hover{background:var(--bg-color-hover)}.ObCheckbox-label{position:relative;margin-bottom:0;overflow:hidden}.ObCheckbox-label:focus{outline:none}.ObCheckbox-mark{color:#fff;display:inline-block;font-size:calc(var(--check-width) * .4);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition:all .3s ease-in-out;transition-delay:0ms;transform:translate(-50%,-50%) scale(6)}.ObCheckbox-input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ObCheckbox-input:focus{outline:none}.check_Label{margin-bottom:0;flex-grow:1}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label{animation:animOn .8s 1 forwards}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{background:var(--bg-color-selected)}.ObCheckbox-input:checked+.ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark{transform:translate(-50%,-50%) scale(1);transition-delay:.2s;opacity:1}.ObCheckbox-root.Ob-disabled .ObCheckbox-box{cursor:not-allowed}@keyframes animOn{40%{transform:scaleY(.4) scaleX(2)}50%{transform:scaleY(1.2) scaleX(.6)}60%{transform:scaleY(.8) scaleX(1.4)}70%{transform:scaleY(1.1) scaleX(.9)}to{transform:scaleY(1) scaleX(1)}}.ObColorCard-root{--bg-color-border: black;--bg-color-main: white;--bg-size: .75rem;--card-color: rgb(0, 0, 0);align-items:stretch;background-image:linear-gradient(to right,hsl(186deg,72%,24%),hsl(186deg,72%,24%) .75rem,white .75rem,white);background-image:linear-gradient(to right,var(--bg-color-border),var(--bg-color-border) var(--bg-size),var(--bg-color-main) var(--bg-size),var(--bg-color-main));border-radius:.25rem;box-shadow:0 1px 12px #00000026,0 1px 6px #00000040;color:#666;cursor:pointer;display:flex;font-family:Variable Bahnschrift,Bahnschrift,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1rem;min-height:10rem;overflow:hidden;transition:all ease-in-out .3s}.ObColorCard-root:nth-of-type(5n + 1){--bg-color-border: rgb(178, 108, 190)}.ObColorCard-root:nth-of-type(5n + 2){--bg-color-border: rgb(79, 164, 61)}.ObColorCard-root:nth-of-type(5n + 3){--bg-color-border: rgb(246, 170, 23)}.ObColorCard-root:nth-of-type(5n + 4){--bg-color-border: rgb(218, 93, 83)}.ObColorCard-root:nth-of-type(5n + 5){--bg-color-border: rgb(23, 162, 184)}.ObColorCard-root:hover,.ObColorCard-root:focus{--bg-color-main: #f5f5f5;box-shadow:0 3px 18px #00000026,0 3px 12px #00000040;color:#666;text-decoration:none}@media screen and (min-width: 48rem){.ObColorCard-root{font-size:1.2rem}}.ObColorCard-column{display:flex;flex:1 1 100%;flex-direction:column;justify-content:space-between;margin:1rem 0;overflow:hidden;padding:.5rem 1.5rem .5rem 1rem;text-overflow:ellipsis}.ObColorCard-column:first-child{margin-left:.75rem;margin-left:var(--bg-size)}.ObColorCard-column.ObColorCard-minor{border-right:1px solid #e3e3e3;flex:0 0 4rem;transition:margin ease-in-out .3s}@media screen and (min-width: 48rem){.ObColorCard-column.ObColorCard-minor{flex:0 0 8rem}}.ObColorCard-detailLabel{color:#ccc;font-size:.8rem;text-transform:uppercase}.ObColorCard-detail:not(:last-child){margin-right:1.5rem}.ObColorCard-detail.ObColorCard-primary,.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{font-size:1.25rem;font-weight:300}.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{color:unset}@media screen and (min-width: 48rem){.ObColorCard-detail{font-size:1rem}}.ObColorCard-detailValue{color:#999}.ObColorCard-label{position:relative;padding-left:1.5rem}.ObColorCard-label:not(:last-child){margin-bottom:1rem}.ObColorCard-label:not(:last-child):after{content:"";position:absolute;width:.2rem;height:calc(100% + 1rem);border-left:.2rem dotted #666;left:.25rem;top:.5rem;z-index:0}.ObColorCard-label:before{background:white;border:.2rem solid hsl(186deg,72%,24%);border:.2rem solid var(--bg-color-border);border-radius:50%;content:"";display:block;height:.75rem;left:0;position:absolute;top:.3rem;width:.75rem;z-index:1}.ObDateNavigator-icon{display:inline-block}.ObDateNavigator-icon svg{width:.625em;position:relative;top:-1px}.ObDateNavigator-root{background-color:#f3f4f7;background-color:var(--block-header-color-bg);display:flex;font-size:1rem}.ObDateNavigator-arrow{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;align-items:center;flex:0 0 3rem;justify-content:center;height:3rem;cursor:pointer;text-align:center}.ObDateNavigator-arrow::-moz-focus-inner{border:0;padding:0}.ObDateNavigator-arrow:hover{background-color:#e3e3e3;background-color:var(--block-header-button-hover)}.ObDateNavigator-arrowLeft{border-right:1px solid #dddddd;order:1}.ObDateNavigator-arrowRight{border-left:1px solid #dddddd;order:3}.ObDateNavigator-date{display:flex;flex:1 1 100%;flex-direction:column;justify-content:center;order:2;height:3rem;text-align:center}.ObLinkedList-root{list-style-type:none;margin-left:0;padding-left:0}.ObLinkedList-item{display:flex;align-items:center;flex-direction:row}.ObLinkedList-leftColumn{flex:1 1 4em;font-size:.75em;padding:0 1em;text-align:center}.ObLinkedList-rightColumn{flex:1 1 100%;padding:1em 1em 1em 1.5em}.ObLinkedList-line{display:flex;align-self:stretch;flex:0 0 .2em;background:white;position:relative}.ObLinkedList-bullet{background:white;border:1px solid rgba(50,50,50,.25);border-radius:.55em;height:.7em;width:.7em;position:absolute;left:0;top:50%;transform:translate(-.25em,-50%)}.ObLinkedList-card{background:white;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:.1875em;color:inherit;cursor:pointer;flex:100% 1 1;position:relative}.ObLinkedList-card:before{border-bottom:.5em solid transparent;border-right:1em solid white;border-top:.5em solid transparent;content:" ";filter:drop-shadow(-1px 0px 1px rgba(50,50,50,.2));height:1em;left:-1em;margin-top:-.5em;position:absolute;top:50%;width:1em}.ObLinkedList-card:hover{background-color:#edeff3!important;color:inherit;text-decoration:inherit}.ObLinkedList-card:hover:before{border-right-color:#edeff3!important}.ObPageBanner-root{background-color:#116069;background-color:var(--brand-dark);box-shadow:0 8px 8px #0003;color:#fff}.ObPageBanner-root a{color:#b3d5e6}.ObPageBanner-inner{display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 768px){.ObPageBanner-inner{align-items:flex-start;flex-direction:row}}.ObPageBanner-plantTitle{font-size:2rem}@media screen and (min-width: 992px){.ObPageBanner-plantTitle{font-size:3rem}}.ObPageBanner-bannerImage{align-self:stretch;background-color:#ddd;display:inline-block;height:20vh;object-fit:cover;object-position:center center;width:100%}@media screen and (min-width: 576px){.ObPageBanner-bannerImage{align-self:center;margin:0;margin-right:1rem;border:.4rem solid white;border-radius:50%;height:150px;width:150px}}@media screen and (min-width: 992px){.ObPageBanner-bannerImage{height:250px;width:250px}}.ObPageBanner-bannerTitle{margin-bottom:1rem;margin-top:1rem;font-size:2rem}@media screen and (min-width: 768px){.ObPageBanner-bannerTitle{margin-top:0}}@media screen and (min-width: 992px){.ObPageBanner-bannerTitle{font-size:3rem}}.ObPageBanner-tabList.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ObPageBanner-tabListInner{overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.ObPageBanner-tab{border-bottom:.25rem solid transparent;display:inline-block;margin-top:.5rem;min-width:8rem;padding:.5rem 1rem;text-align:center;text-transform:capitalize}.ObPageBanner-tab.active{border-color:#fff}.ObProgressBar-root{height:1.5em;width:100%;appearance:none;-webkit-appearance:none;background-color:#f5f5f5;border:none;border-radius:3px;box-shadow:0 2px 3px #0003 inset;color:#4169e1;position:relative}.ObProgressBar-root::-webkit-progress-bar{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 3px #0003 inset}.ObProgressBar-root::-webkit-progress-value{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),linear-gradient(left,var(--brand-primary, hsl(186deg, 72%, 24%)),var(--brand-light, hsl(186deg, 72%, 37%)));background-image:-webkit-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-webkit-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-webkit-linear-gradient(left,var(--brand-primary),hsl(186deg,72%,24%),var(--brand-light, hsl(186deg, 72%, 37%)));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;position:relative;transition:width .5s ease-out}.ObProgressBar-root::-webkit-progress-value:after{background-color:#fff;content:"";border-radius:100%;height:5px;position:absolute;right:7px;top:7px;width:5px}.ObProgressBar-root::-moz-progress-bar{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),linear-gradient(left,var(--brand-primary),var(--brand-light));background-image:-moz-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-moz-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-moz-linear-gradient(left,var(--brand-primary),var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;transition:width .5s ease-out}.ObSidebar-root{position:fixed;bottom:0;left:0;top:0;z-index:2;background-color:#fff;transform:translate(-100%);transition:transform .2s ease-out;will-change:transform;overflow-y:auto}.ObSidebar-root.Ob-right{left:unset;right:0;transform:translate(100%)}.ObSidebar-root.Ob-open{transform:translate(0)}.ObSidebar-root.ObSidebar-shadow{box-shadow:2px 2px 4px #00000026}.ObSidebar-root.ObSidebar-shadow.Ob-right{box-shadow:-2px 2px 4px #00000026}.ObSidebar-overlay{position:fixed;inset:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;background-color:#0000004d}.ObSidebar-overlay.Ob-open{opacity:1;visibility:visible}.ObSpinner-root{display:inline-block}.ObSpinner-fullPage{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.ObSpinner-spinner{display:inline-block;height:.75em;position:relative;width:2.5em}.ObSpinner-bullet{animation-timing-function:cubic-bezier(0,1,1,0);background:#666;border-radius:50%;height:.5em;position:absolute;top:.2rem;width:.5em}.ObSpinner-bullet:nth-child(1){animation:scaleAnimation .6s infinite ease-in-out;left:.25em}.ObSpinner-bullet:nth-child(2){animation:translateAnimation .6s infinite ease-in-out;left:.25em}.ObSpinner-bullet:nth-child(3){animation:translateAnimation .6s infinite ease-in-out;left:1.2em}.ObSpinner-bullet:nth-child(4){animation:scaleAnimation .6s infinite ease-in-out reverse;left:2em}@keyframes scaleAnimation{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes translateAnimation{0%{transform:translate(0)}to{transform:translate(.825em)}}.\1f616 {display:initial}.ObSplitContainer-root{display:flex;flex-direction:column;height:100%;width:100%}.ObSplitContainer-root.horizontal{flex-direction:row}.ObSplitContainer-panel{overflow:hidden}.ObSplitContainer-divider{flex:0 0 .5rem;background-color:transparent;line-height:.75;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.ObSplitContainer-divider:focus{background-color:#0000004d}.ObSplitContainer-root.horizontal>.ObSplitContainer-divider{cursor:ew-resize;writing-mode:vertical-lr}.ObValueToggle-root{display:flex;align-items:center}.ObValueToggle-option{margin-bottom:0}.ObValueToggle-label{cursor:pointer;font-size:.8em;margin:0 .2em;padding:.3em .5em;text-transform:uppercase}.ObValueToggle-label:hover{background:#ccc}.ObValueToggle-input:checked+.ObValueToggle-label{--color-bg: var(--brand-dark);background-color:#666;background-color:var(--color-bg);cursor:default;color:#fff}.ObValueToggle-input:checked:focus-within+.ObValueToggle-label{--color-bg: var(--brand-light)}.ObValueToggle-input:checked:hover+.ObValueToggle-label{background-color:#666;background-color:var(--color-bg)}.ObValueToggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
|
|
1
|
+
@charset "UTF-8";.ObCheckbox-root{--check-width: 2rem;--bg-color: var(--brand-dark, rgba(42, 65, 50, .5));--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, .8));--bg-color-selected: var(--brand-light);display:inline-block;height:var(--check-width);margin-bottom:0}.ObCheckbox-root:focus-within .ObCheckbox-box{border:.1rem solid black}.ObCheckbox-root.Ob-disabled{--bg-color: rgba(150, 150, 150, .5);--bg-color-hover: var(--bg-color)}.ObCheckbox-box{position:relative;background:var(--bg-color);transition:background .3s ease;overflow:hidden;border-radius:calc(var(--check-width) / 15);height:var(--check-width);width:var(--check-width)}.ObCheckbox-box:hover{background:var(--bg-color-hover)}.ObCheckbox-label{position:relative;margin-bottom:0;overflow:hidden}.ObCheckbox-label:focus{outline:none}.ObCheckbox-mark{color:#fff;display:inline-block;font-size:calc(var(--check-width) * .4);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition:all .3s ease-in-out;transition-delay:0ms;transform:translate(-50%,-50%) scale(6)}.ObCheckbox-input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ObCheckbox-input:focus{outline:none}.check_Label{margin-bottom:0;flex-grow:1}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label{animation:animOn .8s 1 forwards}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{background:var(--bg-color-selected)}.ObCheckbox-input:checked+.ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark{transform:translate(-50%,-50%) scale(1);transition-delay:.2s;opacity:1}.ObCheckbox-root.Ob-disabled .ObCheckbox-box{cursor:not-allowed}@keyframes animOn{40%{transform:scaleY(.4) scaleX(2)}50%{transform:scaleY(1.2) scaleX(.6)}60%{transform:scaleY(.8) scaleX(1.4)}70%{transform:scaleY(1.1) scaleX(.9)}to{transform:scaleY(1) scaleX(1)}}.ObColorCard-root{--bg-color-border: black;--bg-color-main: white;--bg-size: .75rem;--card-color: rgb(0, 0, 0);align-items:stretch;background-image:linear-gradient(to right,hsl(186,72%,24%),hsl(186,72%,24%) .75rem,white .75rem,white);background-image:linear-gradient(to right,var(--bg-color-border),var(--bg-color-border) var(--bg-size),var(--bg-color-main) var(--bg-size),var(--bg-color-main));border-radius:.25rem;box-shadow:0 1px 12px #00000026,0 1px 6px #00000040;color:#666;cursor:pointer;display:flex;font-family:Variable Bahnschrift,Bahnschrift,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1rem;min-height:10rem;overflow:hidden;transition:all ease-in-out .3s}.ObColorCard-root:nth-of-type(5n + 1){--bg-color-border: rgb(178, 108, 190)}.ObColorCard-root:nth-of-type(5n + 2){--bg-color-border: rgb(79, 164, 61)}.ObColorCard-root:nth-of-type(5n + 3){--bg-color-border: rgb(246, 170, 23)}.ObColorCard-root:nth-of-type(5n + 4){--bg-color-border: rgb(218, 93, 83)}.ObColorCard-root:nth-of-type(5n + 5){--bg-color-border: rgb(23, 162, 184)}.ObColorCard-root:hover,.ObColorCard-root:focus{--bg-color-main: #f5f5f5;box-shadow:0 3px 18px #00000026,0 3px 12px #00000040;color:#666;text-decoration:none}@media screen and (min-width: 48rem){.ObColorCard-root{font-size:1.2rem}}.ObColorCard-column{display:flex;flex:1 1 100%;flex-direction:column;justify-content:space-between;margin:1rem 0;overflow:hidden;padding:.5rem 1.5rem .5rem 1rem;text-overflow:ellipsis}.ObColorCard-column:first-child{margin-left:.75rem;margin-left:var(--bg-size)}.ObColorCard-column.ObColorCard-minor{border-right:1px solid #e3e3e3;flex:0 0 4rem;transition:margin ease-in-out .3s}@media screen and (min-width: 48rem){.ObColorCard-column.ObColorCard-minor{flex:0 0 8rem}}.ObColorCard-detailLabel{color:#ccc;font-size:.8rem;text-transform:uppercase}.ObColorCard-detail:not(:last-child){margin-right:1.5rem}.ObColorCard-detail.ObColorCard-primary,.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{font-size:1.25rem;font-weight:300}.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{color:unset}@media screen and (min-width: 48rem){.ObColorCard-detail{font-size:1rem}}.ObColorCard-detailValue{color:#999}.ObColorCard-label{position:relative;padding-left:1.5rem}.ObColorCard-label:not(:last-child){margin-bottom:1rem}.ObColorCard-label:not(:last-child):after{content:"";position:absolute;width:.2rem;height:calc(100% + 1rem);border-left:.2rem dotted #666;left:.25rem;top:.5rem;z-index:0}.ObColorCard-label:before{background:white;border:.2rem solid hsl(186,72%,24%);border:.2rem solid var(--bg-color-border);border-radius:50%;content:"";display:block;height:.75rem;left:0;position:absolute;top:.3rem;width:.75rem;z-index:1}.ObDateNavigator-icon{display:inline-block}.ObDateNavigator-icon svg{width:.625em;position:relative;top:-1px}.ObDateNavigator-root{background-color:#f3f4f7;background-color:var(--block-header-color-bg);display:flex;font-size:1rem}.ObDateNavigator-arrow{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;align-items:center;flex:0 0 3rem;justify-content:center;height:3rem;cursor:pointer;text-align:center}.ObDateNavigator-arrow::-moz-focus-inner{border:0;padding:0}.ObDateNavigator-arrow:hover{background-color:#e3e3e3;background-color:var(--block-header-button-hover)}.ObDateNavigator-arrowLeft{border-right:1px solid #dddddd;order:1}.ObDateNavigator-arrowRight{border-left:1px solid #dddddd;order:3}.ObDateNavigator-date{display:flex;flex:1 1 100%;flex-direction:column;justify-content:center;order:2;height:3rem;text-align:center}.ObLinkedList-root{list-style-type:none;margin-left:0;padding-left:0}.ObLinkedList-item{display:flex;align-items:center;flex-direction:row}.ObLinkedList-leftColumn{flex:1 1 4em;font-size:.75em;padding:0 1em;text-align:center}.ObLinkedList-rightColumn{flex:1 1 100%;padding:1em 1em 1em 1.5em}.ObLinkedList-line{display:flex;align-self:stretch;flex:0 0 .2em;background:white;position:relative}.ObLinkedList-bullet{background:white;border:1px solid rgba(50,50,50,.25);border-radius:.55em;height:.7em;width:.7em;position:absolute;left:0;top:50%;transform:translate(-.25em,-50%)}.ObLinkedList-card{background:white;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:.1875em;color:inherit;cursor:pointer;flex:100% 1 1;position:relative}.ObLinkedList-card:before{border-bottom:.5em solid transparent;border-right:1em solid white;border-top:.5em solid transparent;content:" ";filter:drop-shadow(-1px 0px 1px rgba(50,50,50,.2));height:1em;left:-1em;margin-top:-.5em;position:absolute;top:50%;width:1em}.ObLinkedList-card:hover{background-color:#edeff3!important;color:inherit;text-decoration:inherit}.ObLinkedList-card:hover:before{border-right-color:#edeff3!important}.ObPageBanner-root{background-color:#116069;background-color:var(--brand-dark);box-shadow:0 8px 8px #0003;color:#fff}.ObPageBanner-root a{color:#b3d5e6}.ObPageBanner-inner{display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 768px){.ObPageBanner-inner{align-items:flex-start;flex-direction:row}}.ObPageBanner-plantTitle{font-size:2rem}@media screen and (min-width: 992px){.ObPageBanner-plantTitle{font-size:3rem}}.ObPageBanner-bannerImage{align-self:stretch;background-color:#ddd;display:inline-block;height:20vh;object-fit:cover;object-position:center center;width:100%}@media screen and (min-width: 576px){.ObPageBanner-bannerImage{align-self:center;margin:0;margin-right:1rem;border:.4rem solid white;border-radius:50%;height:150px;width:150px}}@media screen and (min-width: 992px){.ObPageBanner-bannerImage{height:250px;width:250px}}.ObPageBanner-bannerTitle{margin-bottom:1rem;margin-top:1rem;font-size:2rem}@media screen and (min-width: 768px){.ObPageBanner-bannerTitle{margin-top:0}}@media screen and (min-width: 992px){.ObPageBanner-bannerTitle{font-size:3rem}}.ObPageBanner-tabList.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ObPageBanner-tabListInner{overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.ObPageBanner-tab{border-bottom:.25rem solid transparent;display:inline-block;margin-top:.5rem;min-width:8rem;padding:.5rem 1rem;text-align:center;text-transform:capitalize}.ObPageBanner-tab.active{border-color:#fff}.ObProgressBar-root{height:1.5em;width:100%;appearance:none;-webkit-appearance:none;background-color:#f5f5f5;border:none;border-radius:3px;box-shadow:0 2px 3px #0003 inset;color:#4169e1;position:relative}.ObProgressBar-root::-webkit-progress-bar{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 3px #0003 inset}.ObProgressBar-root::-webkit-progress-value{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),linear-gradient(left,var(--brand-primary, hsl(186, 72%, 24%)),var(--brand-light, hsl(186, 72%, 37%)));background-image:-webkit-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-webkit-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-webkit-linear-gradient(left,var(--brand-primary),hsl(186,72%,24%),var(--brand-light, hsl(186, 72%, 37%)));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;position:relative;transition:width .5s ease-out}.ObProgressBar-root::-webkit-progress-value:after{background-color:#fff;content:"";border-radius:100%;height:5px;position:absolute;right:7px;top:7px;width:5px}.ObProgressBar-root::-moz-progress-bar{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),linear-gradient(left,var(--brand-primary),var(--brand-light));background-image:-moz-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-moz-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-moz-linear-gradient(left,var(--brand-primary),var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;transition:width .5s ease-out}.ObSidebar-root{position:fixed;bottom:0;left:0;top:0;z-index:2;background-color:#fff;transform:translate(-100%);transition:transform .2s ease-out;will-change:transform;overflow-y:auto}.ObSidebar-root.Ob-right{left:unset;right:0;transform:translate(100%)}.ObSidebar-root.Ob-open{transform:translate(0)}.ObSidebar-root.ObSidebar-shadow{box-shadow:2px 2px 4px #00000026}.ObSidebar-root.ObSidebar-shadow.Ob-right{box-shadow:-2px 2px 4px #00000026}.ObSidebar-overlay{position:fixed;inset:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;background-color:#0000004d}.ObSidebar-overlay.Ob-open{opacity:1;visibility:visible}.ObSpinner-root{display:inline-block}.ObSpinner-fullPage{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.ObSpinner-spinner{display:inline-block;height:.75em;position:relative;width:2.5em}.ObSpinner-bullet{animation-timing-function:cubic-bezier(0,1,1,0);background:#666;border-radius:50%;height:.5em;position:absolute;top:.2rem;width:.5em}.ObSpinner-bullet:nth-child(1){animation:scaleAnimation .6s infinite ease-in-out;left:.25em}.ObSpinner-bullet:nth-child(2){animation:translateAnimation .6s infinite ease-in-out;left:.25em}.ObSpinner-bullet:nth-child(3){animation:translateAnimation .6s infinite ease-in-out;left:1.2em}.ObSpinner-bullet:nth-child(4){animation:scaleAnimation .6s infinite ease-in-out reverse;left:2em}@keyframes scaleAnimation{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes translateAnimation{0%{transform:translate(0)}to{transform:translate(.825em)}}.\1f616 {display:initial}.ObSplitContainer-root{display:flex;flex-direction:column;height:100%;width:100%}.ObSplitContainer-root.horizontal{flex-direction:row}.ObSplitContainer-panel{overflow:hidden}.ObSplitContainer-divider{flex:0 0 .5rem;background-color:transparent;line-height:.75;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.ObSplitContainer-divider:focus{background-color:#0000004d}.ObSplitContainer-root.horizontal>.ObSplitContainer-divider{cursor:ew-resize;writing-mode:vertical-lr}.ObValueToggle-root{display:flex;align-items:center}.ObValueToggle-option{margin-bottom:0}.ObValueToggle-label{cursor:pointer;font-size:.8em;margin:0 .2em;padding:.3em .5em;text-transform:uppercase}.ObValueToggle-label:hover{background:#ccc}.ObValueToggle-input:checked+.ObValueToggle-label{--color-bg: var(--brand-dark);background-color:#666;background-color:var(--color-bg);cursor:default;color:#fff}.ObValueToggle-input:checked:focus-within+.ObValueToggle-label{--color-bg: var(--brand-light)}.ObValueToggle-input:checked:hover+.ObValueToggle-label{background-color:#666;background-color:var(--color-bg)}.ObValueToggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
|
|
2
2
|
/*# sourceMappingURL=ob.react.min.css.map */
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Checkbox/index.scss", "../../src/ColorCard/index.scss", "../../src/DateNavigator/index.scss", "../../src/styles/_mixins.scss", "../../src/LinkedCardList/index.scss", "../../src/PageBanner/index.scss", "../../src/styles/_variables.scss", "../../src/ProgressBar/index.scss", "../../src/Sidebar/index.scss", "../../src/Spinner/index.scss", "../../src/SplitContainer/index.scss", "../../src/ValueToggle/index.scss"],
|
|
4
4
|
"sourcesContent": [".ObCheckbox-root {\n\t--check-width: 2rem;\n\t--bg-color: var(--brand-dark, rgba(42, 65, 50, 0.5));\n\t--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, 0.8));\n\t--bg-color-selected: var(--brand-light);\n\n\tdisplay: inline-block;\n\theight: var(--check-width);\n\tmargin-bottom: 0;\n\n\t&:focus-within .ObCheckbox-box {\n\t\tborder: 0.1rem solid black;\n\t}\n\n\t&.Ob-disabled {\n\t\t--bg-color: rgba(150, 150, 150, 0.5);\n\t\t--bg-color-hover: var(--bg-color);\n\t}\n}\n\n.ObCheckbox-box {\n\tposition: relative;\n\n\tbackground: var(--bg-color);\n\ttransition: background 300ms ease;\n\n\toverflow: hidden;\n\n\tborder-radius: calc(var(--check-width) / 15);\n\theight: var(--check-width);\n\twidth: var(--check-width);\n\n\t&:hover {\n\t\tbackground: var(--bg-color-hover);\n\t}\n}\n\n.ObCheckbox-label {\n\tposition: relative;\n\tmargin-bottom: 0;\n\toverflow: hidden;\n\n\t&:focus {\n\t\toutline: none;\n\t}\n}\n\n.ObCheckbox-mark {\n\tcolor: #fff;\n\tdisplay: inline-block;\n\tfont-size: calc(var(--check-width) * 0.4);\n\tleft: 50%;\n\topacity: 0;\n\tpointer-events: none;\n\tposition: absolute;\n\ttop: 50%;\n\ttransition: all 300ms ease-in-out;\n\ttransition-delay: 0ms;\n\ttransform: translate(-50%, -50%) scale(6);\n}\n\n.ObCheckbox-input {\n\tclip: rect(0 0 0 0);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute;\n\twhite-space: nowrap;\n\twidth: 1px;\n\n\t&:focus {\n\t\toutline: none;\n\t}\n}\n\n.check_Label {\n\tmargin-bottom: 0;\n\tflex-grow: 1;\n}\n\n.ObCheckbox-input:checked:not(:disabled) + .ObCheckbox-label {\n\tanimation: animOn 800ms 1 forwards;\n}\n\n.ObCheckbox-input:checked:not(:disabled) + .ObCheckbox-label .ObCheckbox-box {\n\tbackground: var(--bg-color-selected);\n}\n\n.ObCheckbox-input:checked + .ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark {\n\ttransform: translate(-50%, -50%) scale(1);\n\ttransition-delay: 200ms;\n\topacity: 1;\n}\n\n.ObCheckbox-root.Ob-disabled .ObCheckbox-box {\n\tcursor: not-allowed;\n}\n\n@keyframes animOn {\n\t40% {\n\t\ttransform: scaleY(0.4) scaleX(2);\n\t}\n\n\t50% {\n\t\ttransform: scaleY(1.2) scaleX(0.6);\n\t}\n\n\t60% {\n\t\ttransform: scaleY(0.8) scaleX(1.4);\n\t}\n\n\t70% {\n\t\ttransform: scaleY(1.1) scaleX(0.9);\n\t}\n\n\t100% {\n\t\ttransform: scaleY(1) scaleX(1);\n\t}\n}\n", "@import \"../styles/variables\";\n\n.ObColorCard-root {\n\t--bg-color-border: black;\n\t--bg-color-main: white;\n\t--bg-size: 0.75rem;\n\t--card-color: rgb(0, 0, 0);\n\n\talign-items: stretch;\n\tbackground-image: linear-gradient(to right, $brand-primary, $brand-primary 0.75rem, white 0.75rem, white);\n\tbackground-image: linear-gradient(\n\t\tto right,\n\t\tvar(--bg-color-border),\n\t\tvar(--bg-color-border) var(--bg-size),\n\t\tvar(--bg-color-main) var(--bg-size),\n\t\tvar(--bg-color-main)\n\t);\n\tborder-radius: 0.25rem;\n\tbox-shadow: 0 1px 12px rgba(0, 0, 0, 0.15), 0 1px 6px rgba(0, 0, 0, 0.25);\n\tcolor: #666;\n\tcursor: pointer;\n\tdisplay: flex;\n\tfont-family: \"Variable Bahnschrift\", \"Bahnschrift\", \"Open Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n\t\t\"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\tfont-size: 1rem;\n\tmin-height: 10rem;\n\toverflow: hidden;\n\ttransition: all ease-in-out 300ms;\n\n\t&:nth-of-type(5n + 1) {\n\t\t--bg-color-border: rgb(178, 108, 190);\n\t}\n\t&:nth-of-type(5n + 2) {\n\t\t--bg-color-border: rgb(79, 164, 61);\n\t}\n\t&:nth-of-type(5n + 3) {\n\t\t--bg-color-border: rgb(246, 170, 23);\n\t}\n\t&:nth-of-type(5n + 4) {\n\t\t--bg-color-border: rgb(218, 93, 83);\n\t}\n\t&:nth-of-type(5n + 5) {\n\t\t--bg-color-border: rgb(23, 162, 184);\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\t/*--bg-size: 1rem;*/\n\t\t--bg-color-main: #f5f5f5;\n\n\t\tbox-shadow: 0 3px 18px rgba(0, 0, 0, 0.15), 0 3px 12px rgba(0, 0, 0, 0.25);\n\t\tcolor: #666;\n\t\ttext-decoration: none;\n\t\t/*transform: scale(1.03) translateY(-3px);*/\n\t}\n\n\t@media screen and (min-width: 48rem) {\n\t\tfont-size: 1.2rem;\n\t}\n}\n\n.ObColorCard-column {\n\tdisplay: flex;\n\tflex: 1 1 100%;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tmargin: 1rem 0;\n\toverflow: hidden;\n\tpadding: 0.5rem 1.5rem 0.5rem 1rem;\n\ttext-overflow: ellipsis;\n\n\t&:first-child {\n\t\tmargin-left: 0.75rem;\n\t\tmargin-left: var(--bg-size);\n\t}\n\n\t&.ObColorCard-minor {\n\t\tborder-right: 1px solid #e3e3e3;\n\t\tflex: 0 0 4rem;\n\t\ttransition: margin ease-in-out 300ms;\n\t}\n\n\t@media screen and (min-width: 48rem) {\n\t\t&.ObColorCard-minor {\n\t\t\tflex: 0 0 8rem;\n\t\t}\n\t}\n}\n\n.ObColorCard-detailLabel {\n\tcolor: #ccc;\n\tfont-size: 0.8rem;\n\ttext-transform: uppercase;\n}\n\n.ObColorCard-detail {\n\t&:not(:last-child) {\n\t\tmargin-right: 1.5rem;\n\t}\n\n\t&.ObColorCard-primary,\n\t&.ObColorCard-primary .ObColorCard-detailValue {\n\t\tfont-size: 1.25rem;\n\t\tfont-weight: 300;\n\t}\n\n\t&.ObColorCard-primary .ObColorCard-detailValue {\n\t\tcolor: unset;\n\t}\n\n\t@media screen and (min-width: 48rem) {\n\t\tfont-size: 1rem;\n\t}\n}\n\n.ObColorCard-detailValue {\n\tcolor: #999;\n}\n\n.ObColorCard-label {\n\tposition: relative;\n\tpadding-left: 1.5rem;\n\t/* white-space: nowrap; */\n\n\t&:not(:last-child) {\n\t\tmargin-bottom: 1rem;\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\twidth: 0.2rem;\n\t\t\theight: calc(100% + 1rem);\n\t\t\tborder-left: 0.2rem dotted #666;\n\t\t\tleft: 0.25rem;\n\t\t\ttop: 0.5rem;\n\t\t\tz-index: 0;\n\t\t}\n\t}\n\n\t&::before {\n\t\tbackground: white;\n\t\tborder: 0.2rem solid $brand-primary;\n\t\tborder: 0.2rem solid var(--bg-color-border);\n\t\tborder-radius: 50%;\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 0.75rem;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttop: 0.3rem;\n\t\twidth: 0.75rem;\n\t\tz-index: 1;\n\t}\n}\n", "@import \"../styles/mixins\";\n\n$date-select-height: 3rem;\n\n.ObDateNavigator-icon {\n\tdisplay: inline-block;\n\n\tsvg {\n\t\twidth: 0.625em;\n\t\tposition: relative;\n\t\ttop: -1px;\n\t}\n}\n\n.ObDateNavigator-root {\n\tbackground-color: hsl(220, 20%, 96%);\n\tbackground-color: var(--block-header-color-bg);\n\tdisplay: flex;\n\tfont-size: 1rem;\n}\n\n.ObDateNavigator-arrow {\n\t@include btn-reset;\n\tdisplay: flex;\n\talign-items: center;\n\tflex: 0 0 $date-select-height;\n\tjustify-content: center;\n\n\theight: $date-select-height;\n\n\tcursor: pointer;\n\ttext-align: center;\n\n\t&:hover {\n\t\tbackground-color: #e3e3e3;\n\t\tbackground-color: var(--block-header-button-hover);\n\t}\n}\n\n.ObDateNavigator-arrowLeft {\n\tborder-right: 1px solid #dddddd;\n\torder: 1;\n}\n\n.ObDateNavigator-arrowRight {\n\tborder-left: 1px solid #dddddd;\n\torder: 3;\n}\n\n.ObDateNavigator-date {\n\tdisplay: flex;\n\tflex: 1 1 100%;\n\tflex-direction: column;\n\tjustify-content: center;\n\torder: 2;\n\n\theight: $date-select-height;\n\n\ttext-align: center;\n}\n", "@mixin btn-reset {\n\tbackground: none;\n\tborder: 0;\n\tcolor: inherit;\n\t/* cursor: default; */\n\tfont: inherit;\n\tline-height: normal;\n\toverflow: visible;\n\tpadding: 0;\n\t-webkit-appearance: button; /* for input */\n\t-webkit-user-select: none; /* for button */\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\n\t&::-moz-focus-inner {\n\t\tborder: 0;\n\t\tpadding: 0;\n\t}\n}\n", "@import \"../styles/variables\";\n\n$bullet-size: 0.7em;\n$line-width: 0.2em;\n\n.ObLinkedList-root {\n\tlist-style-type: none;\n\tmargin-left: 0;\n\tpadding-left: 0;\n}\n\n.ObLinkedList-item {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n}\n\n.ObLinkedList-leftColumn {\n\tflex: 1 1 4em;\n\tfont-size: 0.75em;\n\tpadding: 0 1em;\n\ttext-align: center;\n}\n\n.ObLinkedList-rightColumn {\n\tflex: 1 1 100%;\n\tpadding: 1em 1em 1em 1.5em;\n}\n\n.ObLinkedList-line {\n\tdisplay: flex;\n\talign-self: stretch;\n\tflex: 0 0 $line-width;\n\tbackground: white;\n\tposition: relative;\n}\n\n.ObLinkedList-bullet {\n\tbackground: white;\n\n\tborder: 1px solid rgba(50, 50, 50, 0.25);\n\tborder-radius: 0.55em;\n\theight: $bullet-size;\n\twidth: $bullet-size;\n\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\n\ttransform: translate(calc(-1 * ($bullet-size / 2) + ($line-width / 2)), -50%);\n}\n\n.ObLinkedList-card {\n\tbackground: white;\n\tborder: 1px solid;\n\tborder-color: $color-border-top $color-border-side $color-border-bottom;\n\tborder-radius: 0.1875em;\n\tcolor: inherit;\n\tcursor: pointer;\n\tflex: 100% 1 1;\n\tposition: relative;\n}\n\n.ObLinkedList-card::before {\n\tborder-bottom: 0.5em solid transparent;\n\tborder-right: 1em solid white;\n\tborder-top: 0.5em solid transparent;\n\tcontent: \" \";\n\tfilter: drop-shadow(-1px 0px 1px rgba(50, 50, 50, 0.2));\n\theight: 1em;\n\tleft: -1em;\n\tmargin-top: -0.5em;\n\tposition: absolute;\n\ttop: 50%;\n\twidth: 1em;\n}\n\n.ObLinkedList-card:hover {\n\tbackground-color: $block-color-bg-hover !important;\n\tcolor: inherit;\n\ttext-decoration: inherit;\n}\n\n.ObLinkedList-card:hover::before {\n\tborder-right-color: $block-color-bg-hover !important;\n}\n", "@import \"../styles/variables\";\n\n.ObPageBanner-root {\n\tbackground-color: $brand-primary;\n\tbackground-color: var(--brand-dark);\n\tbox-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2);\n\tcolor: white;\n\n\ta {\n\t\tcolor: hsl(200, 50%, 80%);\n\t}\n}\n\n.ObPageBanner-inner {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\n\t@media screen and (min-width: $screen-md) {\n\t\talign-items: flex-start;\n\t\tflex-direction: row;\n\t}\n}\n\n.ObPageBanner-plantTitle {\n\tfont-size: 2rem;\n\n\t@media screen and (min-width: $screen-lg) {\n\t\tfont-size: 3rem;\n\t}\n}\n\n.ObPageBanner-bannerImage {\n\talign-self: stretch;\n\tbackground-color: #ddd;\n\tdisplay: inline-block;\n\theight: 20vh;\n\tobject-fit: cover;\n\tobject-position: center center;\n\twidth: 100%;\n\n\t@media screen and (min-width: $screen-sm) {\n\t\talign-self: center;\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t\tborder: 0.4rem solid white;\n\t\tborder-radius: 50%;\n\t\theight: 150px;\n\t\twidth: 150px;\n\t}\n\n\t@media screen and (min-width: $screen-lg) {\n\t\theight: 250px;\n\t\twidth: 250px;\n\t}\n}\n\n.ObPageBanner-bannerTitle {\n\tmargin-bottom: 1rem;\n\tmargin-top: 1rem;\n\tfont-size: 2rem;\n\n\t@media screen and (min-width: $screen-md) {\n\t\tmargin-top: 0;\n\t}\n\n\t@media screen and (min-width: $screen-lg) {\n\t\tfont-size: 3rem;\n\t}\n}\n\n.ObPageBanner-tabList {\n\t&.sticky {\n\t\tposition: -webkit-sticky;\n\t\tposition: sticky;\n\t\ttop: 0;\n\t\tz-index: 1000;\n\t}\n}\n\n.ObPageBanner-tabListInner {\n\toverflow-x: auto;\n\tscrollbar-width: thin;\n\twhite-space: nowrap;\n}\n\n.ObPageBanner-tab {\n\tborder-bottom: 0.25rem solid transparent;\n\tdisplay: inline-block;\n\tmargin-top: 0.5rem;\n\tmin-width: 8rem;\n\tpadding: 0.5rem 1rem;\n\ttext-align: center;\n\ttext-transform: capitalize;\n\n\t&.active {\n\t\tborder-color: white;\n\t}\n}\n", "$brand-primary: hsl(186, 72%, 24%);\n$brand-light: hsl(186, 72%, 37%);\n$brand-dark: hsl(186, 74%, 20%);\n$brand-tertiary: rgb(68, 69, 84);\n\n$link-color: $brand-primary;\n$link-color-hover: $brand-dark;\n\n$line-height: 1.4;\n\n$color-bg-hover: hsla(186, 72%, 37%, 0.6);\n$color-bg-active: hsla(95, 49%, 71%, 0.2);\n$color-fg-active: black;\n\n$color-border-top: #e5e6e9;\n$color-border-side: #dfe0e4;\n$color-border-bottom: #d0d1d5;\n\n$navbar-height: 40px;\n\n$screen-xs: 0;\n$screen-sm: 576px;\n$screen-md: 768px;\n$screen-lg: 992px;\n$screen-xl: 1200px;\n\n$block-header-color-bg: hsl(220, 20%, 96%);\n$block-header-color-bg-hover: hsl(220, 20%, 92%);\n$block-header-color-fg: hsl(0, 0%, 20%);\n$block-color-bg-alt: hsl(220, 20%, 98%);\n$block-color-bg-hover: hsl(220, 20%, 94%);\n$block-color-border: #e5e5e5;\n\n$block-header-button-hover: hsl(220, 20%, 92%);\n$block-header-button-border: hsl(220, 7%, 82%);\n$block-header-button-active: hsl(220, 20%, 86%);\n\n$sidebar-padding: 0.9375rem;\n$sidebar-width: 18rem;\n$sidebar-fg-color: hsl(0, 0%, 90%);\n$sidebar-bg-color: hsl(186, 74%, 13%);\n$sidebar-header-color: hsl(220, 6%, 70%);\n$sidebar-link-fg-color: white;\n$sidebar-link-fg-active: white;\n$sidebar-link-bg-color: transparent;\n$sidebar-link-bg-hover: hsla(0, 0%, 100%, 0.1);\n$sidebar-link-bg-active: hsl(142, 13%, 13%);\n\n$padding-xs: 0.75rem;\n$padding-sm: 0.9375rem;\n$padding-lg: 1.5rem;\n\n$grid-gutter-width: 30px;\n\n$container-tablet: (720px + $grid-gutter-width);\n$container-sm: $container-tablet;\n$container-desktop: (940px + $grid-gutter-width);\n$container-md: $container-desktop;\n$container-large-desktop: (1140px + $grid-gutter-width);\n$container-lg: $container-large-desktop;\n\n$toolbar-background: linear-gradient(#fefefe, #fafafa); //white;\n$toolbar-height: 3.125rem;\n$toolbar-border-color: #dedede;\n$toolbar-border-width: 1px;\n\n$toolbar-btn-color: hsla(0, 0%, 60%, 0.8);\n$toolbar-btn-hover-color: hsla(0, 0%, 40%, 0.8);\n$toolbar-btn-bg: transparent;\n$toolbar-btn-hover-bg: linear-gradient(hsl(0, 0%, 89%), hsl(0, 0%, 87%));\n", "@import \"../styles/variables\";\n\n.ObProgressBar-root {\n\theight: 1.5em;\n\twidth: 100%;\n\tappearance: none;\n\t-webkit-appearance: none;\n\tbackground-color: whiteSmoke;\n\tborder: none;\n\tborder-radius: 3px;\n\tbox-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;\n\tcolor: royalblue;\n\tposition: relative;\n\n\t&::-webkit-progress-bar {\n\t\tbackground-color: whiteSmoke;\n\t\tborder-radius: 3px;\n\t\tbox-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;\n\t}\n\n\t&::-webkit-progress-value {\n\t\tbackground-image: linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\tlinear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\tlinear-gradient(left, var(--brand-primary, $brand-primary), var(--brand-light, $brand-light));\n\t\tbackground-image: -webkit-linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\t-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\t-webkit-linear-gradient(left, var(--brand-primary), $brand-primary, var(--brand-light, $brand-light));\n\t\tbackground-size: 35px 20px, 100% 100%, 100% 100%;\n\t\tborder-radius: 3px;\n\t\tposition: relative;\n\t\ttransition: width 0.5s ease-out;\n\t}\n\n\t&::-webkit-progress-value:after {\n\t\tbackground-color: white;\n\t\tcontent: \"\";\n\n\t\tborder-radius: 100%;\n\t\theight: 5px;\n\n\t\tposition: absolute;\n\t\tright: 7px;\n\t\ttop: 7px;\n\t\twidth: 5px;\n\t}\n\n\t&::-moz-progress-bar {\n\t\tbackground-image: linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\tlinear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\tlinear-gradient(left, var(--brand-primary), var(--brand-light));\n\t\tbackground-image: -moz-linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\t-moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\t-moz-linear-gradient(left, var(--brand-primary), var(--brand-light));\n\t\tbackground-size: 35px 20px, 100% 100%, 100% 100%;\n\t\tborder-radius: 3px;\n\t\ttransition: width 0.5s ease-out;\n\t}\n}\n", ".ObSidebar-root {\n\tposition: fixed;\n\tbottom: 0;\n\tleft: 0;\n\ttop: 0;\n\tz-index: 2;\n\n\tbackground-color: white;\n\n\ttransform: translateX(-100%);\n\ttransition: transform 0.2s ease-out;\n\twill-change: transform;\n\n\t&.Ob-right {\n\t\tleft: unset;\n\t\tright: 0;\n\t\ttransform: translateX(100%);\n\t}\n\n\toverflow-y: auto;\n\n\t&.Ob-open {\n\t\ttransform: translateX(0);\n\t}\n\n\t&.ObSidebar-shadow {\n\t\tbox-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);\n\n\t\t&.Ob-right {\n\t\t\tbox-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15);\n\t\t}\n\t}\n}\n\n.ObSidebar-overlay {\n\tposition: fixed;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n\tz-index: 1;\n\n\topacity: 0;\n\tvisibility: hidden;\n\n\ttransition: opacity 0.3s ease-out, visibility 0.3s ease-out;\n\tbackground-color: rgba(0, 0, 0, 0.3);\n\n\t&.Ob-open {\n\t\topacity: 1;\n\t\tvisibility: visible;\n\t}\n}\n", "$bullet-size: 0.5em;\n\n.ObSpinner-root {\n\tdisplay: inline-block;\n}\n\n.ObSpinner-fullPage {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\theight: 100vh;\n\twidth: 100vw;\n}\n\n.ObSpinner-spinner {\n\tdisplay: inline-block;\n\theight: $bullet-size * 1.5;\n\tposition: relative;\n\twidth: $bullet-size * 5;\n}\n\n.ObSpinner-bullet {\n\tanimation-timing-function: cubic-bezier(0, 1, 1, 0);\n\tbackground: #666;\n\tborder-radius: 50%;\n\theight: $bullet-size;\n\tposition: absolute;\n\ttop: 0.2rem;\n\twidth: $bullet-size;\n\n\t&:nth-child(1) {\n\t\tanimation: scaleAnimation 0.6s infinite ease-in-out;\n\t\tleft: $bullet-size * 0.5;\n\t}\n\n\t&:nth-child(2) {\n\t\tanimation: translateAnimation 0.6s infinite ease-in-out;\n\t\tleft: $bullet-size * 0.5;\n\t}\n\n\t&:nth-child(3) {\n\t\tanimation: translateAnimation 0.6s infinite ease-in-out;\n\t\tleft: $bullet-size * 2.4;\n\t}\n\n\t&:nth-child(4) {\n\t\tanimation: scaleAnimation 0.6s infinite ease-in-out reverse;\n\t\tleft: $bullet-size * 4;\n\t}\n}\n\n@keyframes scaleAnimation {\n\tfrom {\n\t\ttransform: scale(0);\n\t}\n\n\tto {\n\t\ttransform: scale(1);\n\t}\n}\n\n@keyframes translateAnimation {\n\tfrom {\n\t\ttransform: translate(0, 0);\n\t}\n\n\tto {\n\t\ttransform: translate($bullet-size * 1.65, 0);\n\t}\n}\n", "/**\nHacky solution to sass output for some reason getting a zero-width space at the beginning, which breaks the first selector\n*/\n.😖 {\n\tdisplay: initial;\n}\n\n.ObSplitContainer-root {\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\twidth: 100%;\n\n\t&.horizontal {\n\t\tflex-direction: row;\n\t}\n}\n\n.ObSplitContainer-panel {\n\toverflow: hidden;\n}\n\n.ObSplitContainer-divider {\n\tflex: 0 0 0.5rem;\n\tbackground-color: transparent;\n\tline-height: 0.75;\n\tcursor: ns-resize;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t&:focus {\n\t\tbackground-color: rgba(0, 0, 0, 0.3);\n\t}\n\n\t.ObSplitContainer-root.horizontal > & {\n\t\tcursor: ew-resize;\n\t\twriting-mode: vertical-lr;\n\t}\n}\n", "@import \"../styles/variables\";\n\n.ObValueToggle-root {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.ObValueToggle-option {\n\tmargin-bottom: 0;\n}\n\n.ObValueToggle-label {\n\tcursor: pointer;\n\tfont-size: 0.8em;\n\tmargin: 0 0.2em;\n\tpadding: 0.3em 0.5em;\n\ttext-transform: uppercase;\n\n\t&:hover {\n\t\tbackground: #ccc;\n\t}\n\n\t.ObValueToggle-input:checked + & {\n\t\t--color-bg: var(--brand-dark);\n\t\tbackground-color: #666;\n\t\tbackground-color: var(--color-bg);\n\t\tcursor: default;\n\t\tcolor: white;\n\t}\n\n\t.ObValueToggle-input:checked:focus-within + & {\n\t\t--color-bg: var(--brand-light);\n\t}\n\n\t.ObValueToggle-input:checked:hover + & {\n\t\tbackground-color: #666;\n\t\tbackground-color: var(--color-bg);\n\t}\n}\n\n.ObValueToggle-input {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tpadding: 0;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip: rect(0, 0, 0, 0);\n\tborder: 0;\n}\n"],
|
|
5
|
-
"mappings": "iBAAA,iBACC,oBACA,oDACA,6DACA,wCAEA,qBACA,0BACA,gBAEA,8CACC,yBAGD,6BACC,oCACA,kCAIF,gBACC,kBAEA,2BACA,+BAEA,gBAEA,4CACA,0BACA,yBAEA,sBACC,iCAIF,kBACC,kBACA,gBACA,gBAEA,wBACC,aAIF,iBACC,WACA,qBACA,wCACA,SACA,UACA,oBACA,kBACA,QACA,+BACA,qBACA,wCAGD,kBACC,mBACA,qBACA,WACA,gBACA,kBACA,mBACA,UAEA,wBACC,aAIF,aACC,gBACA,YAGD,2DACC,gCAGD,2EACC,oCAGD,6EACC,wCACA,qBACA,UAGD,6CACC,mBAGD,sBAEE,mCAIA,qCAIA,qCAIA,oCAIA,+BClHF,kBACC,yBACA,uBACA,kBACA,2BAEA,oBACA,
|
|
5
|
+
"mappings": "iBAAA,iBACC,oBACA,oDACA,6DACA,wCAEA,qBACA,0BACA,gBAEA,8CACC,yBAGD,6BACC,oCACA,kCAIF,gBACC,kBAEA,2BACA,+BAEA,gBAEA,4CACA,0BACA,yBAEA,sBACC,iCAIF,kBACC,kBACA,gBACA,gBAEA,wBACC,aAIF,iBACC,WACA,qBACA,wCACA,SACA,UACA,oBACA,kBACA,QACA,+BACA,qBACA,wCAGD,kBACC,mBACA,qBACA,WACA,gBACA,kBACA,mBACA,UAEA,wBACC,aAIF,aACC,gBACA,YAGD,2DACC,gCAGD,2EACC,oCAGD,6EACC,wCACA,qBACA,UAGD,6CACC,mBAGD,sBAEE,mCAIA,qCAIA,qCAIA,oCAIA,+BClHF,kBACC,yBACA,uBACA,kBACA,2BAEA,oBACA,uGACA,iKARD,qBAgBC,oDACA,WACA,eACA,aACA,6LAEA,eACA,iBACA,gBACA,+BAEA,sCACC,sCAED,sCACC,oCAED,sCACC,qCAED,sCACC,oCAED,sCACC,qCAGD,gDAGC,yBAEA,qDACA,WACA,qBAID,qCAtDD,kBAuDE,kBAIF,oBACC,aACA,cACA,sBACA,8BA/DD,cAiEC,gBAjED,gCAmEC,uBAEA,gCACC,mBACA,2BAGD,sCACC,+BACA,cACA,kCAGD,qCACC,sCACC,eAKH,yBACC,WACA,gBACA,yBAIA,qCACC,oBAGD,yGAEC,kBACA,gBAGD,iEACC,YAGD,qCAfD,oBAgBE,gBAIF,yBACC,WAGD,mBACC,kBACA,oBAGA,oCACC,mBAEA,0CACC,WACA,kBACA,YACA,yBACA,8BACA,YACA,UACA,UAIF,0BACC,iBACA,oCACA,0CA5IF,kBA8IE,WACA,cACA,cACA,OACA,kBACA,UACA,aACA,UCnJF,sBACC,qBAEA,0BACC,aACA,kBACA,SAIF,sBACC,yBACA,8CACA,aACA,eAGD,uBCpBC,gBACA,SACA,cAEA,aACA,mBACA,iBDHD,UCKC,0BACA,yBACA,sBACA,qBDWA,aACA,mBACA,cACA,uBAEA,YAEA,eACA,kBCjBA,yCACC,SDXF,UA6BC,6BACC,yBACA,kDAIF,2BACC,+BACA,QAGD,4BACC,8BACA,QAGD,sBACC,aACA,cACA,sBACA,uBACA,QAEA,YAEA,kBErDD,mBACC,qBACA,cACA,eAGD,mBACC,aACA,mBACA,mBAGD,yBACC,aACA,gBAdD,cAgBC,kBAGD,0BACC,cApBD,0BAwBA,mBACC,aACA,mBACA,cACA,iBACA,kBAGD,qBACC,iBAEA,oCAnCD,oBAqCC,YACA,WAEA,kBACA,OACA,QAEA,iCAGD,mBACC,iBACA,iBACA,qCAlDD,sBAoDC,cACA,eACA,cACA,kBAGD,0BACC,qCACA,6BACA,kCACA,YACA,mDACA,WACA,UACA,iBACA,kBACA,QACA,UAGD,yBACC,mCACA,cACA,wBAGD,gCACC,qCClFD,mBACC,yBACA,mCACA,2BACA,WAEA,qBACC,cAIF,oBACC,aACA,mBACA,sBAEA,qCALD,oBAME,uBACA,oBAIF,yBACC,eAEA,qCAHD,yBAIE,gBAIF,0BACC,mBACA,sBACA,qBACA,YACA,iBACA,8BACA,WAEA,qCATD,0BAUE,kBAxCF,SA0CE,kBACA,yBA3CF,kBA6CE,aACA,aAGD,qCAnBD,0BAoBE,aACA,aAIF,0BACC,mBACA,gBACA,eAEA,qCALD,0BAME,cAGD,qCATD,0BAUE,gBAKD,6BACC,wBACA,gBACA,MACA,aAIF,2BACC,gBACA,qBACA,mBAGD,kBACC,uCACA,qBACA,iBACA,eAxFD,mBA0FC,kBACA,0BAEA,yBACC,kBE9FF,oBACC,aACA,WACA,gBACA,wBACA,yBACA,YAND,kBAQC,iCACA,cACA,kBAEA,0CACC,yBAbF,kBAeE,iCAGD,4CACC,2RAUA,gTAUA,8CAvCF,kBAyCE,kBACA,8BAGD,kDACC,sBACA,WA/CF,mBAkDE,WAEA,kBACA,UACA,QACA,UAGD,uCACC,mPAUA,kQAUA,8CA/EF,kBAiFE,8BCnFF,gBACC,eACA,SACA,OACA,MACA,UAEA,sBAEA,2BACA,kCACA,sBAQA,gBANA,yBACC,WACA,QACA,0BAKD,wBACC,uBAGD,iCACC,iCAEA,0CACC,kCAKH,mBACC,eAnCD,QAwCC,UAEA,UACA,kBAEA,wDACA,2BAEA,2BACC,UACA,mBChDF,gBACC,qBAGD,oBACC,aACA,mBACA,uBAEA,aACA,YAGD,mBACC,qBACA,aACA,kBACA,YAGD,kBACC,gDACA,gBAtBD,kBAwBC,YACA,kBACA,UACA,WAEA,+BACC,kDACA,WAGD,+BACC,sDACA,WAGD,+BACC,sDACA,WAGD,+BACC,0DACA,SAIF,6BAEE,sBAIA,oBAIF,iCAEE,0BAIA,6BCjEF,SACC,gBAGD,uBACC,aACA,sBACA,YACA,WAEA,kCACC,mBAIF,wBACC,gBAGD,0BACC,eACA,6BACA,gBACA,iBAEA,aACA,mBACA,uBAEA,gCACC,2BAGD,4DACC,iBACA,yBCpCF,oBACC,aACA,mBAGD,sBACC,gBAGD,qBACC,eACA,eAXD,gCAcC,yBAEA,2BACC,gBAGD,kDACC,8BACA,sBACA,iCACA,eACA,WAGD,+DACC,+BAGD,wDACC,sBACA,iCAIF,qBACC,kBACA,UACA,WAzCD,sBA4CC,gBACA,mBACA",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/iife/ob.react.css
CHANGED
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
--bg-size: 0.75rem;
|
|
106
106
|
--card-color: rgb(0, 0, 0);
|
|
107
107
|
align-items: stretch;
|
|
108
|
-
background-image: linear-gradient(to right, hsl(
|
|
108
|
+
background-image: linear-gradient(to right, hsl(186, 72%, 24%), hsl(186, 72%, 24%) 0.75rem, white 0.75rem, white);
|
|
109
109
|
background-image: linear-gradient(to right, var(--bg-color-border), var(--bg-color-border) var(--bg-size), var(--bg-color-main) var(--bg-size), var(--bg-color-main));
|
|
110
110
|
border-radius: 0.25rem;
|
|
111
111
|
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.15), 0 1px 6px rgba(0, 0, 0, 0.25);
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
}
|
|
226
226
|
.ObColorCard-label::before {
|
|
227
227
|
background: white;
|
|
228
|
-
border: 0.2rem solid hsl(
|
|
228
|
+
border: 0.2rem solid hsl(186, 72%, 24%);
|
|
229
229
|
border: 0.2rem solid var(--bg-color-border);
|
|
230
230
|
border-radius: 50%;
|
|
231
231
|
content: "";
|
|
@@ -248,7 +248,7 @@
|
|
|
248
248
|
top: -1px;
|
|
249
249
|
}
|
|
250
250
|
.ObDateNavigator-root {
|
|
251
|
-
background-color: hsl(
|
|
251
|
+
background-color: hsl(220, 20%, 96%);
|
|
252
252
|
background-color: var(--block-header-color-bg);
|
|
253
253
|
display: flex;
|
|
254
254
|
font-size: 1rem;
|
|
@@ -362,23 +362,23 @@
|
|
|
362
362
|
width: 1em;
|
|
363
363
|
}
|
|
364
364
|
.ObLinkedList-card:hover {
|
|
365
|
-
background-color: hsl(
|
|
365
|
+
background-color: hsl(220, 20%, 94%) !important;
|
|
366
366
|
color: inherit;
|
|
367
367
|
text-decoration: inherit;
|
|
368
368
|
}
|
|
369
369
|
.ObLinkedList-card:hover::before {
|
|
370
|
-
border-right-color: hsl(
|
|
370
|
+
border-right-color: hsl(220, 20%, 94%) !important;
|
|
371
371
|
}
|
|
372
372
|
|
|
373
373
|
/* src/PageBanner/index.scss */
|
|
374
374
|
.ObPageBanner-root {
|
|
375
|
-
background-color: hsl(
|
|
375
|
+
background-color: hsl(186, 72%, 24%);
|
|
376
376
|
background-color: var(--brand-dark);
|
|
377
377
|
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2);
|
|
378
378
|
color: white;
|
|
379
379
|
}
|
|
380
380
|
.ObPageBanner-root a {
|
|
381
|
-
color: hsl(
|
|
381
|
+
color: hsl(200, 50%, 80%);
|
|
382
382
|
}
|
|
383
383
|
.ObPageBanner-inner {
|
|
384
384
|
display: flex;
|
|
@@ -486,11 +486,11 @@
|
|
|
486
486
|
background-image:
|
|
487
487
|
linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),
|
|
488
488
|
linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
|
|
489
|
-
linear-gradient(left, var(--brand-primary, hsl(
|
|
489
|
+
linear-gradient(left, var(--brand-primary, hsl(186, 72%, 24%)), var(--brand-light, hsl(186, 72%, 37%)));
|
|
490
490
|
background-image:
|
|
491
491
|
-webkit-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),
|
|
492
492
|
-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
|
|
493
|
-
-webkit-linear-gradient(left, var(--brand-primary), hsl(
|
|
493
|
+
-webkit-linear-gradient(left, var(--brand-primary), hsl(186, 72%, 24%), var(--brand-light, hsl(186, 72%, 37%)));
|
|
494
494
|
background-size:
|
|
495
495
|
35px 20px,
|
|
496
496
|
100% 100%,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@charset "UTF-8";.ObCheckbox-root{--check-width: 2rem;--bg-color: var(--brand-dark, rgba(42, 65, 50, .5));--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, .8));--bg-color-selected: var(--brand-light);display:inline-block;height:var(--check-width);margin-bottom:0}.ObCheckbox-root:focus-within .ObCheckbox-box{border:.1rem solid black}.ObCheckbox-root.Ob-disabled{--bg-color: rgba(150, 150, 150, .5);--bg-color-hover: var(--bg-color)}.ObCheckbox-box{position:relative;background:var(--bg-color);transition:background .3s ease;overflow:hidden;border-radius:calc(var(--check-width) / 15);height:var(--check-width);width:var(--check-width)}.ObCheckbox-box:hover{background:var(--bg-color-hover)}.ObCheckbox-label{position:relative;margin-bottom:0;overflow:hidden}.ObCheckbox-label:focus{outline:none}.ObCheckbox-mark{color:#fff;display:inline-block;font-size:calc(var(--check-width) * .4);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition:all .3s ease-in-out;transition-delay:0ms;transform:translate(-50%,-50%) scale(6)}.ObCheckbox-input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ObCheckbox-input:focus{outline:none}.check_Label{margin-bottom:0;flex-grow:1}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label{animation:animOn .8s 1 forwards}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{background:var(--bg-color-selected)}.ObCheckbox-input:checked+.ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark{transform:translate(-50%,-50%) scale(1);transition-delay:.2s;opacity:1}.ObCheckbox-root.Ob-disabled .ObCheckbox-box{cursor:not-allowed}@keyframes animOn{40%{transform:scaleY(.4) scaleX(2)}50%{transform:scaleY(1.2) scaleX(.6)}60%{transform:scaleY(.8) scaleX(1.4)}70%{transform:scaleY(1.1) scaleX(.9)}to{transform:scaleY(1) scaleX(1)}}.ObColorCard-root{--bg-color-border: black;--bg-color-main: white;--bg-size: .75rem;--card-color: rgb(0, 0, 0);align-items:stretch;background-image:linear-gradient(to right,hsl(186deg,72%,24%),hsl(186deg,72%,24%) .75rem,white .75rem,white);background-image:linear-gradient(to right,var(--bg-color-border),var(--bg-color-border) var(--bg-size),var(--bg-color-main) var(--bg-size),var(--bg-color-main));border-radius:.25rem;box-shadow:0 1px 12px #00000026,0 1px 6px #00000040;color:#666;cursor:pointer;display:flex;font-family:Variable Bahnschrift,Bahnschrift,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1rem;min-height:10rem;overflow:hidden;transition:all ease-in-out .3s}.ObColorCard-root:nth-of-type(5n + 1){--bg-color-border: rgb(178, 108, 190)}.ObColorCard-root:nth-of-type(5n + 2){--bg-color-border: rgb(79, 164, 61)}.ObColorCard-root:nth-of-type(5n + 3){--bg-color-border: rgb(246, 170, 23)}.ObColorCard-root:nth-of-type(5n + 4){--bg-color-border: rgb(218, 93, 83)}.ObColorCard-root:nth-of-type(5n + 5){--bg-color-border: rgb(23, 162, 184)}.ObColorCard-root:hover,.ObColorCard-root:focus{--bg-color-main: #f5f5f5;box-shadow:0 3px 18px #00000026,0 3px 12px #00000040;color:#666;text-decoration:none}@media screen and (min-width: 48rem){.ObColorCard-root{font-size:1.2rem}}.ObColorCard-column{display:flex;flex:1 1 100%;flex-direction:column;justify-content:space-between;margin:1rem 0;overflow:hidden;padding:.5rem 1.5rem .5rem 1rem;text-overflow:ellipsis}.ObColorCard-column:first-child{margin-left:.75rem;margin-left:var(--bg-size)}.ObColorCard-column.ObColorCard-minor{border-right:1px solid #e3e3e3;flex:0 0 4rem;transition:margin ease-in-out .3s}@media screen and (min-width: 48rem){.ObColorCard-column.ObColorCard-minor{flex:0 0 8rem}}.ObColorCard-detailLabel{color:#ccc;font-size:.8rem;text-transform:uppercase}.ObColorCard-detail:not(:last-child){margin-right:1.5rem}.ObColorCard-detail.ObColorCard-primary,.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{font-size:1.25rem;font-weight:300}.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{color:unset}@media screen and (min-width: 48rem){.ObColorCard-detail{font-size:1rem}}.ObColorCard-detailValue{color:#999}.ObColorCard-label{position:relative;padding-left:1.5rem}.ObColorCard-label:not(:last-child){margin-bottom:1rem}.ObColorCard-label:not(:last-child):after{content:"";position:absolute;width:.2rem;height:calc(100% + 1rem);border-left:.2rem dotted #666;left:.25rem;top:.5rem;z-index:0}.ObColorCard-label:before{background:white;border:.2rem solid hsl(186deg,72%,24%);border:.2rem solid var(--bg-color-border);border-radius:50%;content:"";display:block;height:.75rem;left:0;position:absolute;top:.3rem;width:.75rem;z-index:1}.ObDateNavigator-icon{display:inline-block}.ObDateNavigator-icon svg{width:.625em;position:relative;top:-1px}.ObDateNavigator-root{background-color:#f3f4f7;background-color:var(--block-header-color-bg);display:flex;font-size:1rem}.ObDateNavigator-arrow{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;align-items:center;flex:0 0 3rem;justify-content:center;height:3rem;cursor:pointer;text-align:center}.ObDateNavigator-arrow::-moz-focus-inner{border:0;padding:0}.ObDateNavigator-arrow:hover{background-color:#e3e3e3;background-color:var(--block-header-button-hover)}.ObDateNavigator-arrowLeft{border-right:1px solid #dddddd;order:1}.ObDateNavigator-arrowRight{border-left:1px solid #dddddd;order:3}.ObDateNavigator-date{display:flex;flex:1 1 100%;flex-direction:column;justify-content:center;order:2;height:3rem;text-align:center}.ObLinkedList-root{list-style-type:none;margin-left:0;padding-left:0}.ObLinkedList-item{display:flex;align-items:center;flex-direction:row}.ObLinkedList-leftColumn{flex:1 1 4em;font-size:.75em;padding:0 1em;text-align:center}.ObLinkedList-rightColumn{flex:1 1 100%;padding:1em 1em 1em 1.5em}.ObLinkedList-line{display:flex;align-self:stretch;flex:0 0 .2em;background:white;position:relative}.ObLinkedList-bullet{background:white;border:1px solid rgba(50,50,50,.25);border-radius:.55em;height:.7em;width:.7em;position:absolute;left:0;top:50%;transform:translate(-.25em,-50%)}.ObLinkedList-card{background:white;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:.1875em;color:inherit;cursor:pointer;flex:100% 1 1;position:relative}.ObLinkedList-card:before{border-bottom:.5em solid transparent;border-right:1em solid white;border-top:.5em solid transparent;content:" ";filter:drop-shadow(-1px 0px 1px rgba(50,50,50,.2));height:1em;left:-1em;margin-top:-.5em;position:absolute;top:50%;width:1em}.ObLinkedList-card:hover{background-color:#edeff3!important;color:inherit;text-decoration:inherit}.ObLinkedList-card:hover:before{border-right-color:#edeff3!important}.ObPageBanner-root{background-color:#116069;background-color:var(--brand-dark);box-shadow:0 8px 8px #0003;color:#fff}.ObPageBanner-root a{color:#b3d5e6}.ObPageBanner-inner{display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 768px){.ObPageBanner-inner{align-items:flex-start;flex-direction:row}}.ObPageBanner-plantTitle{font-size:2rem}@media screen and (min-width: 992px){.ObPageBanner-plantTitle{font-size:3rem}}.ObPageBanner-bannerImage{align-self:stretch;background-color:#ddd;display:inline-block;height:20vh;object-fit:cover;object-position:center center;width:100%}@media screen and (min-width: 576px){.ObPageBanner-bannerImage{align-self:center;margin:0;margin-right:1rem;border:.4rem solid white;border-radius:50%;height:150px;width:150px}}@media screen and (min-width: 992px){.ObPageBanner-bannerImage{height:250px;width:250px}}.ObPageBanner-bannerTitle{margin-bottom:1rem;margin-top:1rem;font-size:2rem}@media screen and (min-width: 768px){.ObPageBanner-bannerTitle{margin-top:0}}@media screen and (min-width: 992px){.ObPageBanner-bannerTitle{font-size:3rem}}.ObPageBanner-tabList.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ObPageBanner-tabListInner{overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.ObPageBanner-tab{border-bottom:.25rem solid transparent;display:inline-block;margin-top:.5rem;min-width:8rem;padding:.5rem 1rem;text-align:center;text-transform:capitalize}.ObPageBanner-tab.active{border-color:#fff}.ObProgressBar-root{height:1.5em;width:100%;appearance:none;-webkit-appearance:none;background-color:#f5f5f5;border:none;border-radius:3px;box-shadow:0 2px 3px #0003 inset;color:#4169e1;position:relative}.ObProgressBar-root::-webkit-progress-bar{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 3px #0003 inset}.ObProgressBar-root::-webkit-progress-value{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),linear-gradient(left,var(--brand-primary, hsl(186deg, 72%, 24%)),var(--brand-light, hsl(186deg, 72%, 37%)));background-image:-webkit-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-webkit-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-webkit-linear-gradient(left,var(--brand-primary),hsl(186deg,72%,24%),var(--brand-light, hsl(186deg, 72%, 37%)));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;position:relative;transition:width .5s ease-out}.ObProgressBar-root::-webkit-progress-value:after{background-color:#fff;content:"";border-radius:100%;height:5px;position:absolute;right:7px;top:7px;width:5px}.ObProgressBar-root::-moz-progress-bar{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),linear-gradient(left,var(--brand-primary),var(--brand-light));background-image:-moz-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-moz-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-moz-linear-gradient(left,var(--brand-primary),var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;transition:width .5s ease-out}.ObSidebar-root{position:fixed;bottom:0;left:0;top:0;z-index:2;background-color:#fff;transform:translate(-100%);transition:transform .2s ease-out;will-change:transform;overflow-y:auto}.ObSidebar-root.Ob-right{left:unset;right:0;transform:translate(100%)}.ObSidebar-root.Ob-open{transform:translate(0)}.ObSidebar-root.ObSidebar-shadow{box-shadow:2px 2px 4px #00000026}.ObSidebar-root.ObSidebar-shadow.Ob-right{box-shadow:-2px 2px 4px #00000026}.ObSidebar-overlay{position:fixed;inset:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;background-color:#0000004d}.ObSidebar-overlay.Ob-open{opacity:1;visibility:visible}.ObSpinner-root{display:inline-block}.ObSpinner-fullPage{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.ObSpinner-spinner{display:inline-block;height:.75em;position:relative;width:2.5em}.ObSpinner-bullet{animation-timing-function:cubic-bezier(0,1,1,0);background:#666;border-radius:50%;height:.5em;position:absolute;top:.2rem;width:.5em}.ObSpinner-bullet:nth-child(1){animation:scaleAnimation .6s infinite ease-in-out;left:.25em}.ObSpinner-bullet:nth-child(2){animation:translateAnimation .6s infinite ease-in-out;left:.25em}.ObSpinner-bullet:nth-child(3){animation:translateAnimation .6s infinite ease-in-out;left:1.2em}.ObSpinner-bullet:nth-child(4){animation:scaleAnimation .6s infinite ease-in-out reverse;left:2em}@keyframes scaleAnimation{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes translateAnimation{0%{transform:translate(0)}to{transform:translate(.825em)}}.\1f616 {display:initial}.ObSplitContainer-root{display:flex;flex-direction:column;height:100%;width:100%}.ObSplitContainer-root.horizontal{flex-direction:row}.ObSplitContainer-panel{overflow:hidden}.ObSplitContainer-divider{flex:0 0 .5rem;background-color:transparent;line-height:.75;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.ObSplitContainer-divider:focus{background-color:#0000004d}.ObSplitContainer-root.horizontal>.ObSplitContainer-divider{cursor:ew-resize;writing-mode:vertical-lr}.ObValueToggle-root{display:flex;align-items:center}.ObValueToggle-option{margin-bottom:0}.ObValueToggle-label{cursor:pointer;font-size:.8em;margin:0 .2em;padding:.3em .5em;text-transform:uppercase}.ObValueToggle-label:hover{background:#ccc}.ObValueToggle-input:checked+.ObValueToggle-label{--color-bg: var(--brand-dark);background-color:#666;background-color:var(--color-bg);cursor:default;color:#fff}.ObValueToggle-input:checked:focus-within+.ObValueToggle-label{--color-bg: var(--brand-light)}.ObValueToggle-input:checked:hover+.ObValueToggle-label{background-color:#666;background-color:var(--color-bg)}.ObValueToggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
|
|
1
|
+
@charset "UTF-8";.ObCheckbox-root{--check-width: 2rem;--bg-color: var(--brand-dark, rgba(42, 65, 50, .5));--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, .8));--bg-color-selected: var(--brand-light);display:inline-block;height:var(--check-width);margin-bottom:0}.ObCheckbox-root:focus-within .ObCheckbox-box{border:.1rem solid black}.ObCheckbox-root.Ob-disabled{--bg-color: rgba(150, 150, 150, .5);--bg-color-hover: var(--bg-color)}.ObCheckbox-box{position:relative;background:var(--bg-color);transition:background .3s ease;overflow:hidden;border-radius:calc(var(--check-width) / 15);height:var(--check-width);width:var(--check-width)}.ObCheckbox-box:hover{background:var(--bg-color-hover)}.ObCheckbox-label{position:relative;margin-bottom:0;overflow:hidden}.ObCheckbox-label:focus{outline:none}.ObCheckbox-mark{color:#fff;display:inline-block;font-size:calc(var(--check-width) * .4);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition:all .3s ease-in-out;transition-delay:0ms;transform:translate(-50%,-50%) scale(6)}.ObCheckbox-input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ObCheckbox-input:focus{outline:none}.check_Label{margin-bottom:0;flex-grow:1}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label{animation:animOn .8s 1 forwards}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{background:var(--bg-color-selected)}.ObCheckbox-input:checked+.ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark{transform:translate(-50%,-50%) scale(1);transition-delay:.2s;opacity:1}.ObCheckbox-root.Ob-disabled .ObCheckbox-box{cursor:not-allowed}@keyframes animOn{40%{transform:scaleY(.4) scaleX(2)}50%{transform:scaleY(1.2) scaleX(.6)}60%{transform:scaleY(.8) scaleX(1.4)}70%{transform:scaleY(1.1) scaleX(.9)}to{transform:scaleY(1) scaleX(1)}}.ObColorCard-root{--bg-color-border: black;--bg-color-main: white;--bg-size: .75rem;--card-color: rgb(0, 0, 0);align-items:stretch;background-image:linear-gradient(to right,hsl(186,72%,24%),hsl(186,72%,24%) .75rem,white .75rem,white);background-image:linear-gradient(to right,var(--bg-color-border),var(--bg-color-border) var(--bg-size),var(--bg-color-main) var(--bg-size),var(--bg-color-main));border-radius:.25rem;box-shadow:0 1px 12px #00000026,0 1px 6px #00000040;color:#666;cursor:pointer;display:flex;font-family:Variable Bahnschrift,Bahnschrift,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1rem;min-height:10rem;overflow:hidden;transition:all ease-in-out .3s}.ObColorCard-root:nth-of-type(5n + 1){--bg-color-border: rgb(178, 108, 190)}.ObColorCard-root:nth-of-type(5n + 2){--bg-color-border: rgb(79, 164, 61)}.ObColorCard-root:nth-of-type(5n + 3){--bg-color-border: rgb(246, 170, 23)}.ObColorCard-root:nth-of-type(5n + 4){--bg-color-border: rgb(218, 93, 83)}.ObColorCard-root:nth-of-type(5n + 5){--bg-color-border: rgb(23, 162, 184)}.ObColorCard-root:hover,.ObColorCard-root:focus{--bg-color-main: #f5f5f5;box-shadow:0 3px 18px #00000026,0 3px 12px #00000040;color:#666;text-decoration:none}@media screen and (min-width: 48rem){.ObColorCard-root{font-size:1.2rem}}.ObColorCard-column{display:flex;flex:1 1 100%;flex-direction:column;justify-content:space-between;margin:1rem 0;overflow:hidden;padding:.5rem 1.5rem .5rem 1rem;text-overflow:ellipsis}.ObColorCard-column:first-child{margin-left:.75rem;margin-left:var(--bg-size)}.ObColorCard-column.ObColorCard-minor{border-right:1px solid #e3e3e3;flex:0 0 4rem;transition:margin ease-in-out .3s}@media screen and (min-width: 48rem){.ObColorCard-column.ObColorCard-minor{flex:0 0 8rem}}.ObColorCard-detailLabel{color:#ccc;font-size:.8rem;text-transform:uppercase}.ObColorCard-detail:not(:last-child){margin-right:1.5rem}.ObColorCard-detail.ObColorCard-primary,.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{font-size:1.25rem;font-weight:300}.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{color:unset}@media screen and (min-width: 48rem){.ObColorCard-detail{font-size:1rem}}.ObColorCard-detailValue{color:#999}.ObColorCard-label{position:relative;padding-left:1.5rem}.ObColorCard-label:not(:last-child){margin-bottom:1rem}.ObColorCard-label:not(:last-child):after{content:"";position:absolute;width:.2rem;height:calc(100% + 1rem);border-left:.2rem dotted #666;left:.25rem;top:.5rem;z-index:0}.ObColorCard-label:before{background:white;border:.2rem solid hsl(186,72%,24%);border:.2rem solid var(--bg-color-border);border-radius:50%;content:"";display:block;height:.75rem;left:0;position:absolute;top:.3rem;width:.75rem;z-index:1}.ObDateNavigator-icon{display:inline-block}.ObDateNavigator-icon svg{width:.625em;position:relative;top:-1px}.ObDateNavigator-root{background-color:#f3f4f7;background-color:var(--block-header-color-bg);display:flex;font-size:1rem}.ObDateNavigator-arrow{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;align-items:center;flex:0 0 3rem;justify-content:center;height:3rem;cursor:pointer;text-align:center}.ObDateNavigator-arrow::-moz-focus-inner{border:0;padding:0}.ObDateNavigator-arrow:hover{background-color:#e3e3e3;background-color:var(--block-header-button-hover)}.ObDateNavigator-arrowLeft{border-right:1px solid #dddddd;order:1}.ObDateNavigator-arrowRight{border-left:1px solid #dddddd;order:3}.ObDateNavigator-date{display:flex;flex:1 1 100%;flex-direction:column;justify-content:center;order:2;height:3rem;text-align:center}.ObLinkedList-root{list-style-type:none;margin-left:0;padding-left:0}.ObLinkedList-item{display:flex;align-items:center;flex-direction:row}.ObLinkedList-leftColumn{flex:1 1 4em;font-size:.75em;padding:0 1em;text-align:center}.ObLinkedList-rightColumn{flex:1 1 100%;padding:1em 1em 1em 1.5em}.ObLinkedList-line{display:flex;align-self:stretch;flex:0 0 .2em;background:white;position:relative}.ObLinkedList-bullet{background:white;border:1px solid rgba(50,50,50,.25);border-radius:.55em;height:.7em;width:.7em;position:absolute;left:0;top:50%;transform:translate(-.25em,-50%)}.ObLinkedList-card{background:white;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:.1875em;color:inherit;cursor:pointer;flex:100% 1 1;position:relative}.ObLinkedList-card:before{border-bottom:.5em solid transparent;border-right:1em solid white;border-top:.5em solid transparent;content:" ";filter:drop-shadow(-1px 0px 1px rgba(50,50,50,.2));height:1em;left:-1em;margin-top:-.5em;position:absolute;top:50%;width:1em}.ObLinkedList-card:hover{background-color:#edeff3!important;color:inherit;text-decoration:inherit}.ObLinkedList-card:hover:before{border-right-color:#edeff3!important}.ObPageBanner-root{background-color:#116069;background-color:var(--brand-dark);box-shadow:0 8px 8px #0003;color:#fff}.ObPageBanner-root a{color:#b3d5e6}.ObPageBanner-inner{display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 768px){.ObPageBanner-inner{align-items:flex-start;flex-direction:row}}.ObPageBanner-plantTitle{font-size:2rem}@media screen and (min-width: 992px){.ObPageBanner-plantTitle{font-size:3rem}}.ObPageBanner-bannerImage{align-self:stretch;background-color:#ddd;display:inline-block;height:20vh;object-fit:cover;object-position:center center;width:100%}@media screen and (min-width: 576px){.ObPageBanner-bannerImage{align-self:center;margin:0;margin-right:1rem;border:.4rem solid white;border-radius:50%;height:150px;width:150px}}@media screen and (min-width: 992px){.ObPageBanner-bannerImage{height:250px;width:250px}}.ObPageBanner-bannerTitle{margin-bottom:1rem;margin-top:1rem;font-size:2rem}@media screen and (min-width: 768px){.ObPageBanner-bannerTitle{margin-top:0}}@media screen and (min-width: 992px){.ObPageBanner-bannerTitle{font-size:3rem}}.ObPageBanner-tabList.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ObPageBanner-tabListInner{overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.ObPageBanner-tab{border-bottom:.25rem solid transparent;display:inline-block;margin-top:.5rem;min-width:8rem;padding:.5rem 1rem;text-align:center;text-transform:capitalize}.ObPageBanner-tab.active{border-color:#fff}.ObProgressBar-root{height:1.5em;width:100%;appearance:none;-webkit-appearance:none;background-color:#f5f5f5;border:none;border-radius:3px;box-shadow:0 2px 3px #0003 inset;color:#4169e1;position:relative}.ObProgressBar-root::-webkit-progress-bar{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 3px #0003 inset}.ObProgressBar-root::-webkit-progress-value{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),linear-gradient(left,var(--brand-primary, hsl(186, 72%, 24%)),var(--brand-light, hsl(186, 72%, 37%)));background-image:-webkit-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-webkit-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-webkit-linear-gradient(left,var(--brand-primary),hsl(186,72%,24%),var(--brand-light, hsl(186, 72%, 37%)));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;position:relative;transition:width .5s ease-out}.ObProgressBar-root::-webkit-progress-value:after{background-color:#fff;content:"";border-radius:100%;height:5px;position:absolute;right:7px;top:7px;width:5px}.ObProgressBar-root::-moz-progress-bar{background-image:linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),linear-gradient(left,var(--brand-primary),var(--brand-light));background-image:-moz-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-moz-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-moz-linear-gradient(left,var(--brand-primary),var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;transition:width .5s ease-out}.ObSidebar-root{position:fixed;bottom:0;left:0;top:0;z-index:2;background-color:#fff;transform:translate(-100%);transition:transform .2s ease-out;will-change:transform;overflow-y:auto}.ObSidebar-root.Ob-right{left:unset;right:0;transform:translate(100%)}.ObSidebar-root.Ob-open{transform:translate(0)}.ObSidebar-root.ObSidebar-shadow{box-shadow:2px 2px 4px #00000026}.ObSidebar-root.ObSidebar-shadow.Ob-right{box-shadow:-2px 2px 4px #00000026}.ObSidebar-overlay{position:fixed;inset:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;background-color:#0000004d}.ObSidebar-overlay.Ob-open{opacity:1;visibility:visible}.ObSpinner-root{display:inline-block}.ObSpinner-fullPage{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.ObSpinner-spinner{display:inline-block;height:.75em;position:relative;width:2.5em}.ObSpinner-bullet{animation-timing-function:cubic-bezier(0,1,1,0);background:#666;border-radius:50%;height:.5em;position:absolute;top:.2rem;width:.5em}.ObSpinner-bullet:nth-child(1){animation:scaleAnimation .6s infinite ease-in-out;left:.25em}.ObSpinner-bullet:nth-child(2){animation:translateAnimation .6s infinite ease-in-out;left:.25em}.ObSpinner-bullet:nth-child(3){animation:translateAnimation .6s infinite ease-in-out;left:1.2em}.ObSpinner-bullet:nth-child(4){animation:scaleAnimation .6s infinite ease-in-out reverse;left:2em}@keyframes scaleAnimation{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes translateAnimation{0%{transform:translate(0)}to{transform:translate(.825em)}}.\1f616 {display:initial}.ObSplitContainer-root{display:flex;flex-direction:column;height:100%;width:100%}.ObSplitContainer-root.horizontal{flex-direction:row}.ObSplitContainer-panel{overflow:hidden}.ObSplitContainer-divider{flex:0 0 .5rem;background-color:transparent;line-height:.75;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.ObSplitContainer-divider:focus{background-color:#0000004d}.ObSplitContainer-root.horizontal>.ObSplitContainer-divider{cursor:ew-resize;writing-mode:vertical-lr}.ObValueToggle-root{display:flex;align-items:center}.ObValueToggle-option{margin-bottom:0}.ObValueToggle-label{cursor:pointer;font-size:.8em;margin:0 .2em;padding:.3em .5em;text-transform:uppercase}.ObValueToggle-label:hover{background:#ccc}.ObValueToggle-input:checked+.ObValueToggle-label{--color-bg: var(--brand-dark);background-color:#666;background-color:var(--color-bg);cursor:default;color:#fff}.ObValueToggle-input:checked:focus-within+.ObValueToggle-label{--color-bg: var(--brand-light)}.ObValueToggle-input:checked:hover+.ObValueToggle-label{background-color:#666;background-color:var(--color-bg)}.ObValueToggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
|
|
2
2
|
/*# sourceMappingURL=ob.react.min.css.map */
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Checkbox/index.scss", "../../src/ColorCard/index.scss", "../../src/DateNavigator/index.scss", "../../src/styles/_mixins.scss", "../../src/LinkedCardList/index.scss", "../../src/PageBanner/index.scss", "../../src/styles/_variables.scss", "../../src/ProgressBar/index.scss", "../../src/Sidebar/index.scss", "../../src/Spinner/index.scss", "../../src/SplitContainer/index.scss", "../../src/ValueToggle/index.scss"],
|
|
4
4
|
"sourcesContent": [".ObCheckbox-root {\n\t--check-width: 2rem;\n\t--bg-color: var(--brand-dark, rgba(42, 65, 50, 0.5));\n\t--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, 0.8));\n\t--bg-color-selected: var(--brand-light);\n\n\tdisplay: inline-block;\n\theight: var(--check-width);\n\tmargin-bottom: 0;\n\n\t&:focus-within .ObCheckbox-box {\n\t\tborder: 0.1rem solid black;\n\t}\n\n\t&.Ob-disabled {\n\t\t--bg-color: rgba(150, 150, 150, 0.5);\n\t\t--bg-color-hover: var(--bg-color);\n\t}\n}\n\n.ObCheckbox-box {\n\tposition: relative;\n\n\tbackground: var(--bg-color);\n\ttransition: background 300ms ease;\n\n\toverflow: hidden;\n\n\tborder-radius: calc(var(--check-width) / 15);\n\theight: var(--check-width);\n\twidth: var(--check-width);\n\n\t&:hover {\n\t\tbackground: var(--bg-color-hover);\n\t}\n}\n\n.ObCheckbox-label {\n\tposition: relative;\n\tmargin-bottom: 0;\n\toverflow: hidden;\n\n\t&:focus {\n\t\toutline: none;\n\t}\n}\n\n.ObCheckbox-mark {\n\tcolor: #fff;\n\tdisplay: inline-block;\n\tfont-size: calc(var(--check-width) * 0.4);\n\tleft: 50%;\n\topacity: 0;\n\tpointer-events: none;\n\tposition: absolute;\n\ttop: 50%;\n\ttransition: all 300ms ease-in-out;\n\ttransition-delay: 0ms;\n\ttransform: translate(-50%, -50%) scale(6);\n}\n\n.ObCheckbox-input {\n\tclip: rect(0 0 0 0);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute;\n\twhite-space: nowrap;\n\twidth: 1px;\n\n\t&:focus {\n\t\toutline: none;\n\t}\n}\n\n.check_Label {\n\tmargin-bottom: 0;\n\tflex-grow: 1;\n}\n\n.ObCheckbox-input:checked:not(:disabled) + .ObCheckbox-label {\n\tanimation: animOn 800ms 1 forwards;\n}\n\n.ObCheckbox-input:checked:not(:disabled) + .ObCheckbox-label .ObCheckbox-box {\n\tbackground: var(--bg-color-selected);\n}\n\n.ObCheckbox-input:checked + .ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark {\n\ttransform: translate(-50%, -50%) scale(1);\n\ttransition-delay: 200ms;\n\topacity: 1;\n}\n\n.ObCheckbox-root.Ob-disabled .ObCheckbox-box {\n\tcursor: not-allowed;\n}\n\n@keyframes animOn {\n\t40% {\n\t\ttransform: scaleY(0.4) scaleX(2);\n\t}\n\n\t50% {\n\t\ttransform: scaleY(1.2) scaleX(0.6);\n\t}\n\n\t60% {\n\t\ttransform: scaleY(0.8) scaleX(1.4);\n\t}\n\n\t70% {\n\t\ttransform: scaleY(1.1) scaleX(0.9);\n\t}\n\n\t100% {\n\t\ttransform: scaleY(1) scaleX(1);\n\t}\n}\n", "@import \"../styles/variables\";\n\n.ObColorCard-root {\n\t--bg-color-border: black;\n\t--bg-color-main: white;\n\t--bg-size: 0.75rem;\n\t--card-color: rgb(0, 0, 0);\n\n\talign-items: stretch;\n\tbackground-image: linear-gradient(to right, $brand-primary, $brand-primary 0.75rem, white 0.75rem, white);\n\tbackground-image: linear-gradient(\n\t\tto right,\n\t\tvar(--bg-color-border),\n\t\tvar(--bg-color-border) var(--bg-size),\n\t\tvar(--bg-color-main) var(--bg-size),\n\t\tvar(--bg-color-main)\n\t);\n\tborder-radius: 0.25rem;\n\tbox-shadow: 0 1px 12px rgba(0, 0, 0, 0.15), 0 1px 6px rgba(0, 0, 0, 0.25);\n\tcolor: #666;\n\tcursor: pointer;\n\tdisplay: flex;\n\tfont-family: \"Variable Bahnschrift\", \"Bahnschrift\", \"Open Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n\t\t\"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\tfont-size: 1rem;\n\tmin-height: 10rem;\n\toverflow: hidden;\n\ttransition: all ease-in-out 300ms;\n\n\t&:nth-of-type(5n + 1) {\n\t\t--bg-color-border: rgb(178, 108, 190);\n\t}\n\t&:nth-of-type(5n + 2) {\n\t\t--bg-color-border: rgb(79, 164, 61);\n\t}\n\t&:nth-of-type(5n + 3) {\n\t\t--bg-color-border: rgb(246, 170, 23);\n\t}\n\t&:nth-of-type(5n + 4) {\n\t\t--bg-color-border: rgb(218, 93, 83);\n\t}\n\t&:nth-of-type(5n + 5) {\n\t\t--bg-color-border: rgb(23, 162, 184);\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\t/*--bg-size: 1rem;*/\n\t\t--bg-color-main: #f5f5f5;\n\n\t\tbox-shadow: 0 3px 18px rgba(0, 0, 0, 0.15), 0 3px 12px rgba(0, 0, 0, 0.25);\n\t\tcolor: #666;\n\t\ttext-decoration: none;\n\t\t/*transform: scale(1.03) translateY(-3px);*/\n\t}\n\n\t@media screen and (min-width: 48rem) {\n\t\tfont-size: 1.2rem;\n\t}\n}\n\n.ObColorCard-column {\n\tdisplay: flex;\n\tflex: 1 1 100%;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tmargin: 1rem 0;\n\toverflow: hidden;\n\tpadding: 0.5rem 1.5rem 0.5rem 1rem;\n\ttext-overflow: ellipsis;\n\n\t&:first-child {\n\t\tmargin-left: 0.75rem;\n\t\tmargin-left: var(--bg-size);\n\t}\n\n\t&.ObColorCard-minor {\n\t\tborder-right: 1px solid #e3e3e3;\n\t\tflex: 0 0 4rem;\n\t\ttransition: margin ease-in-out 300ms;\n\t}\n\n\t@media screen and (min-width: 48rem) {\n\t\t&.ObColorCard-minor {\n\t\t\tflex: 0 0 8rem;\n\t\t}\n\t}\n}\n\n.ObColorCard-detailLabel {\n\tcolor: #ccc;\n\tfont-size: 0.8rem;\n\ttext-transform: uppercase;\n}\n\n.ObColorCard-detail {\n\t&:not(:last-child) {\n\t\tmargin-right: 1.5rem;\n\t}\n\n\t&.ObColorCard-primary,\n\t&.ObColorCard-primary .ObColorCard-detailValue {\n\t\tfont-size: 1.25rem;\n\t\tfont-weight: 300;\n\t}\n\n\t&.ObColorCard-primary .ObColorCard-detailValue {\n\t\tcolor: unset;\n\t}\n\n\t@media screen and (min-width: 48rem) {\n\t\tfont-size: 1rem;\n\t}\n}\n\n.ObColorCard-detailValue {\n\tcolor: #999;\n}\n\n.ObColorCard-label {\n\tposition: relative;\n\tpadding-left: 1.5rem;\n\t/* white-space: nowrap; */\n\n\t&:not(:last-child) {\n\t\tmargin-bottom: 1rem;\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\twidth: 0.2rem;\n\t\t\theight: calc(100% + 1rem);\n\t\t\tborder-left: 0.2rem dotted #666;\n\t\t\tleft: 0.25rem;\n\t\t\ttop: 0.5rem;\n\t\t\tz-index: 0;\n\t\t}\n\t}\n\n\t&::before {\n\t\tbackground: white;\n\t\tborder: 0.2rem solid $brand-primary;\n\t\tborder: 0.2rem solid var(--bg-color-border);\n\t\tborder-radius: 50%;\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 0.75rem;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttop: 0.3rem;\n\t\twidth: 0.75rem;\n\t\tz-index: 1;\n\t}\n}\n", "@import \"../styles/mixins\";\n\n$date-select-height: 3rem;\n\n.ObDateNavigator-icon {\n\tdisplay: inline-block;\n\n\tsvg {\n\t\twidth: 0.625em;\n\t\tposition: relative;\n\t\ttop: -1px;\n\t}\n}\n\n.ObDateNavigator-root {\n\tbackground-color: hsl(220, 20%, 96%);\n\tbackground-color: var(--block-header-color-bg);\n\tdisplay: flex;\n\tfont-size: 1rem;\n}\n\n.ObDateNavigator-arrow {\n\t@include btn-reset;\n\tdisplay: flex;\n\talign-items: center;\n\tflex: 0 0 $date-select-height;\n\tjustify-content: center;\n\n\theight: $date-select-height;\n\n\tcursor: pointer;\n\ttext-align: center;\n\n\t&:hover {\n\t\tbackground-color: #e3e3e3;\n\t\tbackground-color: var(--block-header-button-hover);\n\t}\n}\n\n.ObDateNavigator-arrowLeft {\n\tborder-right: 1px solid #dddddd;\n\torder: 1;\n}\n\n.ObDateNavigator-arrowRight {\n\tborder-left: 1px solid #dddddd;\n\torder: 3;\n}\n\n.ObDateNavigator-date {\n\tdisplay: flex;\n\tflex: 1 1 100%;\n\tflex-direction: column;\n\tjustify-content: center;\n\torder: 2;\n\n\theight: $date-select-height;\n\n\ttext-align: center;\n}\n", "@mixin btn-reset {\n\tbackground: none;\n\tborder: 0;\n\tcolor: inherit;\n\t/* cursor: default; */\n\tfont: inherit;\n\tline-height: normal;\n\toverflow: visible;\n\tpadding: 0;\n\t-webkit-appearance: button; /* for input */\n\t-webkit-user-select: none; /* for button */\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\n\t&::-moz-focus-inner {\n\t\tborder: 0;\n\t\tpadding: 0;\n\t}\n}\n", "@import \"../styles/variables\";\n\n$bullet-size: 0.7em;\n$line-width: 0.2em;\n\n.ObLinkedList-root {\n\tlist-style-type: none;\n\tmargin-left: 0;\n\tpadding-left: 0;\n}\n\n.ObLinkedList-item {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n}\n\n.ObLinkedList-leftColumn {\n\tflex: 1 1 4em;\n\tfont-size: 0.75em;\n\tpadding: 0 1em;\n\ttext-align: center;\n}\n\n.ObLinkedList-rightColumn {\n\tflex: 1 1 100%;\n\tpadding: 1em 1em 1em 1.5em;\n}\n\n.ObLinkedList-line {\n\tdisplay: flex;\n\talign-self: stretch;\n\tflex: 0 0 $line-width;\n\tbackground: white;\n\tposition: relative;\n}\n\n.ObLinkedList-bullet {\n\tbackground: white;\n\n\tborder: 1px solid rgba(50, 50, 50, 0.25);\n\tborder-radius: 0.55em;\n\theight: $bullet-size;\n\twidth: $bullet-size;\n\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\n\ttransform: translate(calc(-1 * ($bullet-size / 2) + ($line-width / 2)), -50%);\n}\n\n.ObLinkedList-card {\n\tbackground: white;\n\tborder: 1px solid;\n\tborder-color: $color-border-top $color-border-side $color-border-bottom;\n\tborder-radius: 0.1875em;\n\tcolor: inherit;\n\tcursor: pointer;\n\tflex: 100% 1 1;\n\tposition: relative;\n}\n\n.ObLinkedList-card::before {\n\tborder-bottom: 0.5em solid transparent;\n\tborder-right: 1em solid white;\n\tborder-top: 0.5em solid transparent;\n\tcontent: \" \";\n\tfilter: drop-shadow(-1px 0px 1px rgba(50, 50, 50, 0.2));\n\theight: 1em;\n\tleft: -1em;\n\tmargin-top: -0.5em;\n\tposition: absolute;\n\ttop: 50%;\n\twidth: 1em;\n}\n\n.ObLinkedList-card:hover {\n\tbackground-color: $block-color-bg-hover !important;\n\tcolor: inherit;\n\ttext-decoration: inherit;\n}\n\n.ObLinkedList-card:hover::before {\n\tborder-right-color: $block-color-bg-hover !important;\n}\n", "@import \"../styles/variables\";\n\n.ObPageBanner-root {\n\tbackground-color: $brand-primary;\n\tbackground-color: var(--brand-dark);\n\tbox-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2);\n\tcolor: white;\n\n\ta {\n\t\tcolor: hsl(200, 50%, 80%);\n\t}\n}\n\n.ObPageBanner-inner {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\n\t@media screen and (min-width: $screen-md) {\n\t\talign-items: flex-start;\n\t\tflex-direction: row;\n\t}\n}\n\n.ObPageBanner-plantTitle {\n\tfont-size: 2rem;\n\n\t@media screen and (min-width: $screen-lg) {\n\t\tfont-size: 3rem;\n\t}\n}\n\n.ObPageBanner-bannerImage {\n\talign-self: stretch;\n\tbackground-color: #ddd;\n\tdisplay: inline-block;\n\theight: 20vh;\n\tobject-fit: cover;\n\tobject-position: center center;\n\twidth: 100%;\n\n\t@media screen and (min-width: $screen-sm) {\n\t\talign-self: center;\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t\tborder: 0.4rem solid white;\n\t\tborder-radius: 50%;\n\t\theight: 150px;\n\t\twidth: 150px;\n\t}\n\n\t@media screen and (min-width: $screen-lg) {\n\t\theight: 250px;\n\t\twidth: 250px;\n\t}\n}\n\n.ObPageBanner-bannerTitle {\n\tmargin-bottom: 1rem;\n\tmargin-top: 1rem;\n\tfont-size: 2rem;\n\n\t@media screen and (min-width: $screen-md) {\n\t\tmargin-top: 0;\n\t}\n\n\t@media screen and (min-width: $screen-lg) {\n\t\tfont-size: 3rem;\n\t}\n}\n\n.ObPageBanner-tabList {\n\t&.sticky {\n\t\tposition: -webkit-sticky;\n\t\tposition: sticky;\n\t\ttop: 0;\n\t\tz-index: 1000;\n\t}\n}\n\n.ObPageBanner-tabListInner {\n\toverflow-x: auto;\n\tscrollbar-width: thin;\n\twhite-space: nowrap;\n}\n\n.ObPageBanner-tab {\n\tborder-bottom: 0.25rem solid transparent;\n\tdisplay: inline-block;\n\tmargin-top: 0.5rem;\n\tmin-width: 8rem;\n\tpadding: 0.5rem 1rem;\n\ttext-align: center;\n\ttext-transform: capitalize;\n\n\t&.active {\n\t\tborder-color: white;\n\t}\n}\n", "$brand-primary: hsl(186, 72%, 24%);\n$brand-light: hsl(186, 72%, 37%);\n$brand-dark: hsl(186, 74%, 20%);\n$brand-tertiary: rgb(68, 69, 84);\n\n$link-color: $brand-primary;\n$link-color-hover: $brand-dark;\n\n$line-height: 1.4;\n\n$color-bg-hover: hsla(186, 72%, 37%, 0.6);\n$color-bg-active: hsla(95, 49%, 71%, 0.2);\n$color-fg-active: black;\n\n$color-border-top: #e5e6e9;\n$color-border-side: #dfe0e4;\n$color-border-bottom: #d0d1d5;\n\n$navbar-height: 40px;\n\n$screen-xs: 0;\n$screen-sm: 576px;\n$screen-md: 768px;\n$screen-lg: 992px;\n$screen-xl: 1200px;\n\n$block-header-color-bg: hsl(220, 20%, 96%);\n$block-header-color-bg-hover: hsl(220, 20%, 92%);\n$block-header-color-fg: hsl(0, 0%, 20%);\n$block-color-bg-alt: hsl(220, 20%, 98%);\n$block-color-bg-hover: hsl(220, 20%, 94%);\n$block-color-border: #e5e5e5;\n\n$block-header-button-hover: hsl(220, 20%, 92%);\n$block-header-button-border: hsl(220, 7%, 82%);\n$block-header-button-active: hsl(220, 20%, 86%);\n\n$sidebar-padding: 0.9375rem;\n$sidebar-width: 18rem;\n$sidebar-fg-color: hsl(0, 0%, 90%);\n$sidebar-bg-color: hsl(186, 74%, 13%);\n$sidebar-header-color: hsl(220, 6%, 70%);\n$sidebar-link-fg-color: white;\n$sidebar-link-fg-active: white;\n$sidebar-link-bg-color: transparent;\n$sidebar-link-bg-hover: hsla(0, 0%, 100%, 0.1);\n$sidebar-link-bg-active: hsl(142, 13%, 13%);\n\n$padding-xs: 0.75rem;\n$padding-sm: 0.9375rem;\n$padding-lg: 1.5rem;\n\n$grid-gutter-width: 30px;\n\n$container-tablet: (720px + $grid-gutter-width);\n$container-sm: $container-tablet;\n$container-desktop: (940px + $grid-gutter-width);\n$container-md: $container-desktop;\n$container-large-desktop: (1140px + $grid-gutter-width);\n$container-lg: $container-large-desktop;\n\n$toolbar-background: linear-gradient(#fefefe, #fafafa); //white;\n$toolbar-height: 3.125rem;\n$toolbar-border-color: #dedede;\n$toolbar-border-width: 1px;\n\n$toolbar-btn-color: hsla(0, 0%, 60%, 0.8);\n$toolbar-btn-hover-color: hsla(0, 0%, 40%, 0.8);\n$toolbar-btn-bg: transparent;\n$toolbar-btn-hover-bg: linear-gradient(hsl(0, 0%, 89%), hsl(0, 0%, 87%));\n", "@import \"../styles/variables\";\n\n.ObProgressBar-root {\n\theight: 1.5em;\n\twidth: 100%;\n\tappearance: none;\n\t-webkit-appearance: none;\n\tbackground-color: whiteSmoke;\n\tborder: none;\n\tborder-radius: 3px;\n\tbox-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;\n\tcolor: royalblue;\n\tposition: relative;\n\n\t&::-webkit-progress-bar {\n\t\tbackground-color: whiteSmoke;\n\t\tborder-radius: 3px;\n\t\tbox-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;\n\t}\n\n\t&::-webkit-progress-value {\n\t\tbackground-image: linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\tlinear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\tlinear-gradient(left, var(--brand-primary, $brand-primary), var(--brand-light, $brand-light));\n\t\tbackground-image: -webkit-linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\t-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\t-webkit-linear-gradient(left, var(--brand-primary), $brand-primary, var(--brand-light, $brand-light));\n\t\tbackground-size: 35px 20px, 100% 100%, 100% 100%;\n\t\tborder-radius: 3px;\n\t\tposition: relative;\n\t\ttransition: width 0.5s ease-out;\n\t}\n\n\t&::-webkit-progress-value:after {\n\t\tbackground-color: white;\n\t\tcontent: \"\";\n\n\t\tborder-radius: 100%;\n\t\theight: 5px;\n\n\t\tposition: absolute;\n\t\tright: 7px;\n\t\ttop: 7px;\n\t\twidth: 5px;\n\t}\n\n\t&::-moz-progress-bar {\n\t\tbackground-image: linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\tlinear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\tlinear-gradient(left, var(--brand-primary), var(--brand-light));\n\t\tbackground-image: -moz-linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\t-moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\t-moz-linear-gradient(left, var(--brand-primary), var(--brand-light));\n\t\tbackground-size: 35px 20px, 100% 100%, 100% 100%;\n\t\tborder-radius: 3px;\n\t\ttransition: width 0.5s ease-out;\n\t}\n}\n", ".ObSidebar-root {\n\tposition: fixed;\n\tbottom: 0;\n\tleft: 0;\n\ttop: 0;\n\tz-index: 2;\n\n\tbackground-color: white;\n\n\ttransform: translateX(-100%);\n\ttransition: transform 0.2s ease-out;\n\twill-change: transform;\n\n\t&.Ob-right {\n\t\tleft: unset;\n\t\tright: 0;\n\t\ttransform: translateX(100%);\n\t}\n\n\toverflow-y: auto;\n\n\t&.Ob-open {\n\t\ttransform: translateX(0);\n\t}\n\n\t&.ObSidebar-shadow {\n\t\tbox-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);\n\n\t\t&.Ob-right {\n\t\t\tbox-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15);\n\t\t}\n\t}\n}\n\n.ObSidebar-overlay {\n\tposition: fixed;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n\tz-index: 1;\n\n\topacity: 0;\n\tvisibility: hidden;\n\n\ttransition: opacity 0.3s ease-out, visibility 0.3s ease-out;\n\tbackground-color: rgba(0, 0, 0, 0.3);\n\n\t&.Ob-open {\n\t\topacity: 1;\n\t\tvisibility: visible;\n\t}\n}\n", "$bullet-size: 0.5em;\n\n.ObSpinner-root {\n\tdisplay: inline-block;\n}\n\n.ObSpinner-fullPage {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\theight: 100vh;\n\twidth: 100vw;\n}\n\n.ObSpinner-spinner {\n\tdisplay: inline-block;\n\theight: $bullet-size * 1.5;\n\tposition: relative;\n\twidth: $bullet-size * 5;\n}\n\n.ObSpinner-bullet {\n\tanimation-timing-function: cubic-bezier(0, 1, 1, 0);\n\tbackground: #666;\n\tborder-radius: 50%;\n\theight: $bullet-size;\n\tposition: absolute;\n\ttop: 0.2rem;\n\twidth: $bullet-size;\n\n\t&:nth-child(1) {\n\t\tanimation: scaleAnimation 0.6s infinite ease-in-out;\n\t\tleft: $bullet-size * 0.5;\n\t}\n\n\t&:nth-child(2) {\n\t\tanimation: translateAnimation 0.6s infinite ease-in-out;\n\t\tleft: $bullet-size * 0.5;\n\t}\n\n\t&:nth-child(3) {\n\t\tanimation: translateAnimation 0.6s infinite ease-in-out;\n\t\tleft: $bullet-size * 2.4;\n\t}\n\n\t&:nth-child(4) {\n\t\tanimation: scaleAnimation 0.6s infinite ease-in-out reverse;\n\t\tleft: $bullet-size * 4;\n\t}\n}\n\n@keyframes scaleAnimation {\n\tfrom {\n\t\ttransform: scale(0);\n\t}\n\n\tto {\n\t\ttransform: scale(1);\n\t}\n}\n\n@keyframes translateAnimation {\n\tfrom {\n\t\ttransform: translate(0, 0);\n\t}\n\n\tto {\n\t\ttransform: translate($bullet-size * 1.65, 0);\n\t}\n}\n", "/**\nHacky solution to sass output for some reason getting a zero-width space at the beginning, which breaks the first selector\n*/\n.😖 {\n\tdisplay: initial;\n}\n\n.ObSplitContainer-root {\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\twidth: 100%;\n\n\t&.horizontal {\n\t\tflex-direction: row;\n\t}\n}\n\n.ObSplitContainer-panel {\n\toverflow: hidden;\n}\n\n.ObSplitContainer-divider {\n\tflex: 0 0 0.5rem;\n\tbackground-color: transparent;\n\tline-height: 0.75;\n\tcursor: ns-resize;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t&:focus {\n\t\tbackground-color: rgba(0, 0, 0, 0.3);\n\t}\n\n\t.ObSplitContainer-root.horizontal > & {\n\t\tcursor: ew-resize;\n\t\twriting-mode: vertical-lr;\n\t}\n}\n", "@import \"../styles/variables\";\n\n.ObValueToggle-root {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.ObValueToggle-option {\n\tmargin-bottom: 0;\n}\n\n.ObValueToggle-label {\n\tcursor: pointer;\n\tfont-size: 0.8em;\n\tmargin: 0 0.2em;\n\tpadding: 0.3em 0.5em;\n\ttext-transform: uppercase;\n\n\t&:hover {\n\t\tbackground: #ccc;\n\t}\n\n\t.ObValueToggle-input:checked + & {\n\t\t--color-bg: var(--brand-dark);\n\t\tbackground-color: #666;\n\t\tbackground-color: var(--color-bg);\n\t\tcursor: default;\n\t\tcolor: white;\n\t}\n\n\t.ObValueToggle-input:checked:focus-within + & {\n\t\t--color-bg: var(--brand-light);\n\t}\n\n\t.ObValueToggle-input:checked:hover + & {\n\t\tbackground-color: #666;\n\t\tbackground-color: var(--color-bg);\n\t}\n}\n\n.ObValueToggle-input {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tpadding: 0;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip: rect(0, 0, 0, 0);\n\tborder: 0;\n}\n"],
|
|
5
|
-
"mappings": "iBAAA,iBACC,oBACA,oDACA,6DACA,wCAEA,qBACA,0BACA,gBAEA,8CACC,yBAGD,6BACC,oCACA,kCAIF,gBACC,kBAEA,2BACA,+BAEA,gBAEA,4CACA,0BACA,yBAEA,sBACC,iCAIF,kBACC,kBACA,gBACA,gBAEA,wBACC,aAIF,iBACC,WACA,qBACA,wCACA,SACA,UACA,oBACA,kBACA,QACA,+BACA,qBACA,wCAGD,kBACC,mBACA,qBACA,WACA,gBACA,kBACA,mBACA,UAEA,wBACC,aAIF,aACC,gBACA,YAGD,2DACC,gCAGD,2EACC,oCAGD,6EACC,wCACA,qBACA,UAGD,6CACC,mBAGD,sBAEE,mCAIA,qCAIA,qCAIA,oCAIA,+BClHF,kBACC,yBACA,uBACA,kBACA,2BAEA,oBACA,
|
|
5
|
+
"mappings": "iBAAA,iBACC,oBACA,oDACA,6DACA,wCAEA,qBACA,0BACA,gBAEA,8CACC,yBAGD,6BACC,oCACA,kCAIF,gBACC,kBAEA,2BACA,+BAEA,gBAEA,4CACA,0BACA,yBAEA,sBACC,iCAIF,kBACC,kBACA,gBACA,gBAEA,wBACC,aAIF,iBACC,WACA,qBACA,wCACA,SACA,UACA,oBACA,kBACA,QACA,+BACA,qBACA,wCAGD,kBACC,mBACA,qBACA,WACA,gBACA,kBACA,mBACA,UAEA,wBACC,aAIF,aACC,gBACA,YAGD,2DACC,gCAGD,2EACC,oCAGD,6EACC,wCACA,qBACA,UAGD,6CACC,mBAGD,sBAEE,mCAIA,qCAIA,qCAIA,oCAIA,+BClHF,kBACC,yBACA,uBACA,kBACA,2BAEA,oBACA,uGACA,iKARD,qBAgBC,oDACA,WACA,eACA,aACA,6LAEA,eACA,iBACA,gBACA,+BAEA,sCACC,sCAED,sCACC,oCAED,sCACC,qCAED,sCACC,oCAED,sCACC,qCAGD,gDAGC,yBAEA,qDACA,WACA,qBAID,qCAtDD,kBAuDE,kBAIF,oBACC,aACA,cACA,sBACA,8BA/DD,cAiEC,gBAjED,gCAmEC,uBAEA,gCACC,mBACA,2BAGD,sCACC,+BACA,cACA,kCAGD,qCACC,sCACC,eAKH,yBACC,WACA,gBACA,yBAIA,qCACC,oBAGD,yGAEC,kBACA,gBAGD,iEACC,YAGD,qCAfD,oBAgBE,gBAIF,yBACC,WAGD,mBACC,kBACA,oBAGA,oCACC,mBAEA,0CACC,WACA,kBACA,YACA,yBACA,8BACA,YACA,UACA,UAIF,0BACC,iBACA,oCACA,0CA5IF,kBA8IE,WACA,cACA,cACA,OACA,kBACA,UACA,aACA,UCnJF,sBACC,qBAEA,0BACC,aACA,kBACA,SAIF,sBACC,yBACA,8CACA,aACA,eAGD,uBCpBC,gBACA,SACA,cAEA,aACA,mBACA,iBDHD,UCKC,0BACA,yBACA,sBACA,qBDWA,aACA,mBACA,cACA,uBAEA,YAEA,eACA,kBCjBA,yCACC,SDXF,UA6BC,6BACC,yBACA,kDAIF,2BACC,+BACA,QAGD,4BACC,8BACA,QAGD,sBACC,aACA,cACA,sBACA,uBACA,QAEA,YAEA,kBErDD,mBACC,qBACA,cACA,eAGD,mBACC,aACA,mBACA,mBAGD,yBACC,aACA,gBAdD,cAgBC,kBAGD,0BACC,cApBD,0BAwBA,mBACC,aACA,mBACA,cACA,iBACA,kBAGD,qBACC,iBAEA,oCAnCD,oBAqCC,YACA,WAEA,kBACA,OACA,QAEA,iCAGD,mBACC,iBACA,iBACA,qCAlDD,sBAoDC,cACA,eACA,cACA,kBAGD,0BACC,qCACA,6BACA,kCACA,YACA,mDACA,WACA,UACA,iBACA,kBACA,QACA,UAGD,yBACC,mCACA,cACA,wBAGD,gCACC,qCClFD,mBACC,yBACA,mCACA,2BACA,WAEA,qBACC,cAIF,oBACC,aACA,mBACA,sBAEA,qCALD,oBAME,uBACA,oBAIF,yBACC,eAEA,qCAHD,yBAIE,gBAIF,0BACC,mBACA,sBACA,qBACA,YACA,iBACA,8BACA,WAEA,qCATD,0BAUE,kBAxCF,SA0CE,kBACA,yBA3CF,kBA6CE,aACA,aAGD,qCAnBD,0BAoBE,aACA,aAIF,0BACC,mBACA,gBACA,eAEA,qCALD,0BAME,cAGD,qCATD,0BAUE,gBAKD,6BACC,wBACA,gBACA,MACA,aAIF,2BACC,gBACA,qBACA,mBAGD,kBACC,uCACA,qBACA,iBACA,eAxFD,mBA0FC,kBACA,0BAEA,yBACC,kBE9FF,oBACC,aACA,WACA,gBACA,wBACA,yBACA,YAND,kBAQC,iCACA,cACA,kBAEA,0CACC,yBAbF,kBAeE,iCAGD,4CACC,2RAUA,gTAUA,8CAvCF,kBAyCE,kBACA,8BAGD,kDACC,sBACA,WA/CF,mBAkDE,WAEA,kBACA,UACA,QACA,UAGD,uCACC,mPAUA,kQAUA,8CA/EF,kBAiFE,8BCnFF,gBACC,eACA,SACA,OACA,MACA,UAEA,sBAEA,2BACA,kCACA,sBAQA,gBANA,yBACC,WACA,QACA,0BAKD,wBACC,uBAGD,iCACC,iCAEA,0CACC,kCAKH,mBACC,eAnCD,QAwCC,UAEA,UACA,kBAEA,wDACA,2BAEA,2BACC,UACA,mBChDF,gBACC,qBAGD,oBACC,aACA,mBACA,uBAEA,aACA,YAGD,mBACC,qBACA,aACA,kBACA,YAGD,kBACC,gDACA,gBAtBD,kBAwBC,YACA,kBACA,UACA,WAEA,+BACC,kDACA,WAGD,+BACC,sDACA,WAGD,+BACC,sDACA,WAGD,+BACC,0DACA,SAIF,6BAEE,sBAIA,oBAIF,iCAEE,0BAIA,6BCjEF,SACC,gBAGD,uBACC,aACA,sBACA,YACA,WAEA,kCACC,mBAIF,wBACC,gBAGD,0BACC,eACA,6BACA,gBACA,iBAEA,aACA,mBACA,uBAEA,gCACC,2BAGD,4DACC,iBACA,yBCpCF,oBACC,aACA,mBAGD,sBACC,gBAGD,qBACC,eACA,eAXD,gCAcC,yBAEA,2BACC,gBAGD,kDACC,8BACA,sBACA,iCACA,eACA,WAGD,+DACC,+BAGD,wDACC,sBACA,iCAIF,qBACC,kBACA,UACA,WAzCD,sBA4CC,gBACA,mBACA",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/styles/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ObCheckbox-root{--check-width: 2rem;--bg-color: var(--brand-dark, rgba(42, 65, 50, 0.5));--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, 0.8));--bg-color-selected: var(--brand-light);display:inline-block;height:var(--check-width);margin-bottom:0}.ObCheckbox-root:focus-within .ObCheckbox-box{border:.1rem solid #000}.ObCheckbox-root.Ob-disabled{--bg-color: rgba(150, 150, 150, 0.5);--bg-color-hover: var(--bg-color)}.ObCheckbox-box{position:relative;background:var(--bg-color);transition:background 300ms ease;overflow:hidden;border-radius:calc(var(--check-width)/15);height:var(--check-width);width:var(--check-width)}.ObCheckbox-box:hover{background:var(--bg-color-hover)}.ObCheckbox-label{position:relative;margin-bottom:0;overflow:hidden}.ObCheckbox-label:focus{outline:none}.ObCheckbox-mark{color:#fff;display:inline-block;font-size:calc(var(--check-width)*.4);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition:all 300ms ease-in-out;transition-delay:0ms;transform:translate(-50%, -50%) scale(6)}.ObCheckbox-input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ObCheckbox-input:focus{outline:none}.check_Label{margin-bottom:0;flex-grow:1}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label{animation:animOn 800ms 1 forwards}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{background:var(--bg-color-selected)}.ObCheckbox-input:checked+.ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark{transform:translate(-50%, -50%) scale(1);transition-delay:200ms;opacity:1}.ObCheckbox-root.Ob-disabled .ObCheckbox-box{cursor:not-allowed}@keyframes animOn{40%{transform:scaleY(0.4) scaleX(2)}50%{transform:scaleY(1.2) scaleX(0.6)}60%{transform:scaleY(0.8) scaleX(1.4)}70%{transform:scaleY(1.1) scaleX(0.9)}100%{transform:scaleY(1) scaleX(1)}}.ObColorCard-root{--bg-color-border: black;--bg-color-main: white;--bg-size: 0.75rem;--card-color: rgb(0, 0, 0);align-items:stretch;background-image:linear-gradient(to right, hsl(186deg, 72%, 24%), hsl(186deg, 72%, 24%) 0.75rem, white 0.75rem, white);background-image:linear-gradient(to right, var(--bg-color-border), var(--bg-color-border) var(--bg-size), var(--bg-color-main) var(--bg-size), var(--bg-color-main));border-radius:.25rem;box-shadow:0 1px 12px rgba(0,0,0,.15),0 1px 6px rgba(0,0,0,.25);color:#666;cursor:pointer;display:flex;font-family:"Variable Bahnschrift","Bahnschrift","Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;min-height:10rem;overflow:hidden;transition:all ease-in-out 300ms}.ObColorCard-root:nth-of-type(5n + 1){--bg-color-border: rgb(178, 108, 190)}.ObColorCard-root:nth-of-type(5n + 2){--bg-color-border: rgb(79, 164, 61)}.ObColorCard-root:nth-of-type(5n + 3){--bg-color-border: rgb(246, 170, 23)}.ObColorCard-root:nth-of-type(5n + 4){--bg-color-border: rgb(218, 93, 83)}.ObColorCard-root:nth-of-type(5n + 5){--bg-color-border: rgb(23, 162, 184)}.ObColorCard-root:hover,.ObColorCard-root:focus{--bg-color-main: #f5f5f5;box-shadow:0 3px 18px rgba(0,0,0,.15),0 3px 12px rgba(0,0,0,.25);color:#666;text-decoration:none}@media screen and (min-width: 48rem){.ObColorCard-root{font-size:1.2rem}}.ObColorCard-column{display:flex;flex:1 1 100%;flex-direction:column;justify-content:space-between;margin:1rem 0;overflow:hidden;padding:.5rem 1.5rem .5rem 1rem;text-overflow:ellipsis}.ObColorCard-column:first-child{margin-left:.75rem;margin-left:var(--bg-size)}.ObColorCard-column.ObColorCard-minor{border-right:1px solid #e3e3e3;flex:0 0 4rem;transition:margin ease-in-out 300ms}@media screen and (min-width: 48rem){.ObColorCard-column.ObColorCard-minor{flex:0 0 8rem}}.ObColorCard-detailLabel{color:#ccc;font-size:.8rem;text-transform:uppercase}.ObColorCard-detail:not(:last-child){margin-right:1.5rem}.ObColorCard-detail.ObColorCard-primary,.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{font-size:1.25rem;font-weight:300}.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{color:unset}@media screen and (min-width: 48rem){.ObColorCard-detail{font-size:1rem}}.ObColorCard-detailValue{color:#999}.ObColorCard-label{position:relative;padding-left:1.5rem}.ObColorCard-label:not(:last-child){margin-bottom:1rem}.ObColorCard-label:not(:last-child)::after{content:"";position:absolute;width:.2rem;height:calc(100% + 1rem);border-left:.2rem dotted #666;left:.25rem;top:.5rem;z-index:0}.ObColorCard-label::before{background:#fff;border:.2rem solid #116069;border:.2rem solid var(--bg-color-border);border-radius:50%;content:"";display:block;height:.75rem;left:0;position:absolute;top:.3rem;width:.75rem;z-index:1}.ObDateNavigator-icon{display:inline-block}.ObDateNavigator-icon svg{width:.625em;position:relative;top:-1px}.ObDateNavigator-root{background-color:#f3f4f7;background-color:var(--block-header-color-bg);display:flex;font-size:1rem}.ObDateNavigator-arrow{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;align-items:center;flex:0 0 3rem;justify-content:center;height:3rem;cursor:pointer;text-align:center}.ObDateNavigator-arrow::-moz-focus-inner{border:0;padding:0}.ObDateNavigator-arrow:hover{background-color:#e3e3e3;background-color:var(--block-header-button-hover)}.ObDateNavigator-arrowLeft{border-right:1px solid #ddd;order:1}.ObDateNavigator-arrowRight{border-left:1px solid #ddd;order:3}.ObDateNavigator-date{display:flex;flex:1 1 100%;flex-direction:column;justify-content:center;order:2;height:3rem;text-align:center}.ObLinkedList-root{list-style-type:none;margin-left:0;padding-left:0}.ObLinkedList-item{display:flex;align-items:center;flex-direction:row}.ObLinkedList-leftColumn{flex:1 1 4em;font-size:.75em;padding:0 1em;text-align:center}.ObLinkedList-rightColumn{flex:1 1 100%;padding:1em 1em 1em 1.5em}.ObLinkedList-line{display:flex;align-self:stretch;flex:0 0 .2em;background:#fff;position:relative}.ObLinkedList-bullet{background:#fff;border:1px solid rgba(50,50,50,.25);border-radius:.55em;height:.7em;width:.7em;position:absolute;left:0;top:50%;transform:translate(-0.25em, -50%)}.ObLinkedList-card{background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:.1875em;color:inherit;cursor:pointer;flex:100% 1 1;position:relative}.ObLinkedList-card::before{border-bottom:.5em solid rgba(0,0,0,0);border-right:1em solid #fff;border-top:.5em solid rgba(0,0,0,0);content:" ";filter:drop-shadow(-1px 0px 1px rgba(50, 50, 50, 0.2));height:1em;left:-1em;margin-top:-0.5em;position:absolute;top:50%;width:1em}.ObLinkedList-card:hover{background-color:#edeff3 !important;color:inherit;text-decoration:inherit}.ObLinkedList-card:hover::before{border-right-color:#edeff3 !important}.ObPageBanner-root{background-color:#116069;background-color:var(--brand-dark);box-shadow:0px 8px 8px rgba(0,0,0,.2);color:#fff}.ObPageBanner-root a{color:#b3d5e6}.ObPageBanner-inner{display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 768px){.ObPageBanner-inner{align-items:flex-start;flex-direction:row}}.ObPageBanner-plantTitle{font-size:2rem}@media screen and (min-width: 992px){.ObPageBanner-plantTitle{font-size:3rem}}.ObPageBanner-bannerImage{align-self:stretch;background-color:#ddd;display:inline-block;height:20vh;object-fit:cover;object-position:center center;width:100%}@media screen and (min-width: 576px){.ObPageBanner-bannerImage{align-self:center;margin:0;margin-right:1rem;border:.4rem solid #fff;border-radius:50%;height:150px;width:150px}}@media screen and (min-width: 992px){.ObPageBanner-bannerImage{height:250px;width:250px}}.ObPageBanner-bannerTitle{margin-bottom:1rem;margin-top:1rem;font-size:2rem}@media screen and (min-width: 768px){.ObPageBanner-bannerTitle{margin-top:0}}@media screen and (min-width: 992px){.ObPageBanner-bannerTitle{font-size:3rem}}.ObPageBanner-tabList.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ObPageBanner-tabListInner{overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.ObPageBanner-tab{border-bottom:.25rem solid rgba(0,0,0,0);display:inline-block;margin-top:.5rem;min-width:8rem;padding:.5rem 1rem;text-align:center;text-transform:capitalize}.ObPageBanner-tab.active{border-color:#fff}.ObProgressBar-root{height:1.5em;width:100%;appearance:none;-webkit-appearance:none;background-color:#f5f5f5;border:none;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.2) inset;color:#4169e1;position:relative}.ObProgressBar-root::-webkit-progress-bar{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.2) inset}.ObProgressBar-root::-webkit-progress-value{background-image:linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),linear-gradient(left, var(--brand-primary, hsl(186deg, 72%, 24%)), var(--brand-light, hsl(186deg, 72%, 37%)));background-image:-webkit-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),-webkit-linear-gradient(left, var(--brand-primary), hsl(186deg, 72%, 24%), var(--brand-light, hsl(186deg, 72%, 37%)));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;position:relative;transition:width .5s ease-out}.ObProgressBar-root::-webkit-progress-value:after{background-color:#fff;content:"";border-radius:100%;height:5px;position:absolute;right:7px;top:7px;width:5px}.ObProgressBar-root::-moz-progress-bar{background-image:linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),linear-gradient(left, var(--brand-primary), var(--brand-light));background-image:-moz-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),-moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),-moz-linear-gradient(left, var(--brand-primary), var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;transition:width .5s ease-out}.ObSidebar-root{position:fixed;bottom:0;left:0;top:0;z-index:2;background-color:#fff;transform:translateX(-100%);transition:transform .2s ease-out;will-change:transform;overflow-y:auto}.ObSidebar-root.Ob-right{left:unset;right:0;transform:translateX(100%)}.ObSidebar-root.Ob-open{transform:translateX(0)}.ObSidebar-root.ObSidebar-shadow{box-shadow:2px 2px 4px rgba(0,0,0,.15)}.ObSidebar-root.ObSidebar-shadow.Ob-right{box-shadow:-2px 2px 4px rgba(0,0,0,.15)}.ObSidebar-overlay{position:fixed;bottom:0;left:0;right:0;top:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;background-color:rgba(0,0,0,.3)}.ObSidebar-overlay.Ob-open{opacity:1;visibility:visible}.😖{display:initial}.ObSplitContainer-root{display:flex;flex-direction:column;height:100%;width:100%}.ObSplitContainer-root.horizontal{flex-direction:row}.ObSplitContainer-panel{overflow:hidden}.ObSplitContainer-divider{flex:0 0 .5rem;background-color:rgba(0,0,0,0);line-height:.75;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.ObSplitContainer-divider:focus{background-color:rgba(0,0,0,.3)}.ObSplitContainer-root.horizontal>.ObSplitContainer-divider{cursor:ew-resize;writing-mode:vertical-lr}.ObValueToggle-root{display:flex;align-items:center}.ObValueToggle-option{margin-bottom:0}.ObValueToggle-label{cursor:pointer;font-size:.8em;margin:0 .2em;padding:.3em .5em;text-transform:uppercase}.ObValueToggle-label:hover{background:#ccc}.ObValueToggle-input:checked+.ObValueToggle-label{--color-bg: var(--brand-dark);background-color:#666;background-color:var(--color-bg);cursor:default;color:#fff}.ObValueToggle-input:checked:focus-within+.ObValueToggle-label{--color-bg: var(--brand-light)}.ObValueToggle-input:checked:hover+.ObValueToggle-label{background-color:#666;background-color:var(--color-bg)}.ObValueToggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}/*# sourceMappingURL=styles.css.map */
|
|
1
|
+
.ObCheckbox-root{--check-width: 2rem;--bg-color: var(--brand-dark, rgba(42, 65, 50, 0.5));--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, 0.8));--bg-color-selected: var(--brand-light);display:inline-block;height:var(--check-width);margin-bottom:0}.ObCheckbox-root:focus-within .ObCheckbox-box{border:.1rem solid #000}.ObCheckbox-root.Ob-disabled{--bg-color: rgba(150, 150, 150, 0.5);--bg-color-hover: var(--bg-color)}.ObCheckbox-box{position:relative;background:var(--bg-color);transition:background 300ms ease;overflow:hidden;border-radius:calc(var(--check-width)/15);height:var(--check-width);width:var(--check-width)}.ObCheckbox-box:hover{background:var(--bg-color-hover)}.ObCheckbox-label{position:relative;margin-bottom:0;overflow:hidden}.ObCheckbox-label:focus{outline:none}.ObCheckbox-mark{color:#fff;display:inline-block;font-size:calc(var(--check-width)*.4);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition:all 300ms ease-in-out;transition-delay:0ms;transform:translate(-50%, -50%) scale(6)}.ObCheckbox-input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ObCheckbox-input:focus{outline:none}.check_Label{margin-bottom:0;flex-grow:1}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label{animation:animOn 800ms 1 forwards}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{background:var(--bg-color-selected)}.ObCheckbox-input:checked+.ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark{transform:translate(-50%, -50%) scale(1);transition-delay:200ms;opacity:1}.ObCheckbox-root.Ob-disabled .ObCheckbox-box{cursor:not-allowed}@keyframes animOn{40%{transform:scaleY(0.4) scaleX(2)}50%{transform:scaleY(1.2) scaleX(0.6)}60%{transform:scaleY(0.8) scaleX(1.4)}70%{transform:scaleY(1.1) scaleX(0.9)}100%{transform:scaleY(1) scaleX(1)}}.ObColorCard-root{--bg-color-border: black;--bg-color-main: white;--bg-size: 0.75rem;--card-color: rgb(0, 0, 0);align-items:stretch;background-image:linear-gradient(to right, hsl(186, 72%, 24%), hsl(186, 72%, 24%) 0.75rem, white 0.75rem, white);background-image:linear-gradient(to right, var(--bg-color-border), var(--bg-color-border) var(--bg-size), var(--bg-color-main) var(--bg-size), var(--bg-color-main));border-radius:.25rem;box-shadow:0 1px 12px rgba(0,0,0,.15),0 1px 6px rgba(0,0,0,.25);color:#666;cursor:pointer;display:flex;font-family:"Variable Bahnschrift","Bahnschrift","Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;min-height:10rem;overflow:hidden;transition:all ease-in-out 300ms}.ObColorCard-root:nth-of-type(5n + 1){--bg-color-border: rgb(178, 108, 190)}.ObColorCard-root:nth-of-type(5n + 2){--bg-color-border: rgb(79, 164, 61)}.ObColorCard-root:nth-of-type(5n + 3){--bg-color-border: rgb(246, 170, 23)}.ObColorCard-root:nth-of-type(5n + 4){--bg-color-border: rgb(218, 93, 83)}.ObColorCard-root:nth-of-type(5n + 5){--bg-color-border: rgb(23, 162, 184)}.ObColorCard-root:hover,.ObColorCard-root:focus{--bg-color-main: #f5f5f5;box-shadow:0 3px 18px rgba(0,0,0,.15),0 3px 12px rgba(0,0,0,.25);color:#666;text-decoration:none}@media screen and (min-width: 48rem){.ObColorCard-root{font-size:1.2rem}}.ObColorCard-column{display:flex;flex:1 1 100%;flex-direction:column;justify-content:space-between;margin:1rem 0;overflow:hidden;padding:.5rem 1.5rem .5rem 1rem;text-overflow:ellipsis}.ObColorCard-column:first-child{margin-left:.75rem;margin-left:var(--bg-size)}.ObColorCard-column.ObColorCard-minor{border-right:1px solid #e3e3e3;flex:0 0 4rem;transition:margin ease-in-out 300ms}@media screen and (min-width: 48rem){.ObColorCard-column.ObColorCard-minor{flex:0 0 8rem}}.ObColorCard-detailLabel{color:#ccc;font-size:.8rem;text-transform:uppercase}.ObColorCard-detail:not(:last-child){margin-right:1.5rem}.ObColorCard-detail.ObColorCard-primary,.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{font-size:1.25rem;font-weight:300}.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{color:unset}@media screen and (min-width: 48rem){.ObColorCard-detail{font-size:1rem}}.ObColorCard-detailValue{color:#999}.ObColorCard-label{position:relative;padding-left:1.5rem}.ObColorCard-label:not(:last-child){margin-bottom:1rem}.ObColorCard-label:not(:last-child)::after{content:"";position:absolute;width:.2rem;height:calc(100% + 1rem);border-left:.2rem dotted #666;left:.25rem;top:.5rem;z-index:0}.ObColorCard-label::before{background:#fff;border:.2rem solid #116069;border:.2rem solid var(--bg-color-border);border-radius:50%;content:"";display:block;height:.75rem;left:0;position:absolute;top:.3rem;width:.75rem;z-index:1}.ObDateNavigator-icon{display:inline-block}.ObDateNavigator-icon svg{width:.625em;position:relative;top:-1px}.ObDateNavigator-root{background-color:#f3f4f7;background-color:var(--block-header-color-bg);display:flex;font-size:1rem}.ObDateNavigator-arrow{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;align-items:center;flex:0 0 3rem;justify-content:center;height:3rem;cursor:pointer;text-align:center}.ObDateNavigator-arrow::-moz-focus-inner{border:0;padding:0}.ObDateNavigator-arrow:hover{background-color:#e3e3e3;background-color:var(--block-header-button-hover)}.ObDateNavigator-arrowLeft{border-right:1px solid #ddd;order:1}.ObDateNavigator-arrowRight{border-left:1px solid #ddd;order:3}.ObDateNavigator-date{display:flex;flex:1 1 100%;flex-direction:column;justify-content:center;order:2;height:3rem;text-align:center}.ObLinkedList-root{list-style-type:none;margin-left:0;padding-left:0}.ObLinkedList-item{display:flex;align-items:center;flex-direction:row}.ObLinkedList-leftColumn{flex:1 1 4em;font-size:.75em;padding:0 1em;text-align:center}.ObLinkedList-rightColumn{flex:1 1 100%;padding:1em 1em 1em 1.5em}.ObLinkedList-line{display:flex;align-self:stretch;flex:0 0 .2em;background:#fff;position:relative}.ObLinkedList-bullet{background:#fff;border:1px solid rgba(50,50,50,.25);border-radius:.55em;height:.7em;width:.7em;position:absolute;left:0;top:50%;transform:translate(-0.25em, -50%)}.ObLinkedList-card{background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:.1875em;color:inherit;cursor:pointer;flex:100% 1 1;position:relative}.ObLinkedList-card::before{border-bottom:.5em solid rgba(0,0,0,0);border-right:1em solid #fff;border-top:.5em solid rgba(0,0,0,0);content:" ";filter:drop-shadow(-1px 0px 1px rgba(50, 50, 50, 0.2));height:1em;left:-1em;margin-top:-0.5em;position:absolute;top:50%;width:1em}.ObLinkedList-card:hover{background-color:#edeff3 !important;color:inherit;text-decoration:inherit}.ObLinkedList-card:hover::before{border-right-color:#edeff3 !important}.ObPageBanner-root{background-color:#116069;background-color:var(--brand-dark);box-shadow:0px 8px 8px rgba(0,0,0,.2);color:#fff}.ObPageBanner-root a{color:#b3d5e6}.ObPageBanner-inner{display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 768px){.ObPageBanner-inner{align-items:flex-start;flex-direction:row}}.ObPageBanner-plantTitle{font-size:2rem}@media screen and (min-width: 992px){.ObPageBanner-plantTitle{font-size:3rem}}.ObPageBanner-bannerImage{align-self:stretch;background-color:#ddd;display:inline-block;height:20vh;object-fit:cover;object-position:center center;width:100%}@media screen and (min-width: 576px){.ObPageBanner-bannerImage{align-self:center;margin:0;margin-right:1rem;border:.4rem solid #fff;border-radius:50%;height:150px;width:150px}}@media screen and (min-width: 992px){.ObPageBanner-bannerImage{height:250px;width:250px}}.ObPageBanner-bannerTitle{margin-bottom:1rem;margin-top:1rem;font-size:2rem}@media screen and (min-width: 768px){.ObPageBanner-bannerTitle{margin-top:0}}@media screen and (min-width: 992px){.ObPageBanner-bannerTitle{font-size:3rem}}.ObPageBanner-tabList.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ObPageBanner-tabListInner{overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.ObPageBanner-tab{border-bottom:.25rem solid rgba(0,0,0,0);display:inline-block;margin-top:.5rem;min-width:8rem;padding:.5rem 1rem;text-align:center;text-transform:capitalize}.ObPageBanner-tab.active{border-color:#fff}.ObProgressBar-root{height:1.5em;width:100%;appearance:none;-webkit-appearance:none;background-color:#f5f5f5;border:none;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.2) inset;color:#4169e1;position:relative}.ObProgressBar-root::-webkit-progress-bar{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.2) inset}.ObProgressBar-root::-webkit-progress-value{background-image:linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),linear-gradient(left, var(--brand-primary, hsl(186, 72%, 24%)), var(--brand-light, hsl(186, 72%, 37%)));background-image:-webkit-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),-webkit-linear-gradient(left, var(--brand-primary), hsl(186, 72%, 24%), var(--brand-light, hsl(186, 72%, 37%)));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;position:relative;transition:width .5s ease-out}.ObProgressBar-root::-webkit-progress-value:after{background-color:#fff;content:"";border-radius:100%;height:5px;position:absolute;right:7px;top:7px;width:5px}.ObProgressBar-root::-moz-progress-bar{background-image:linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),linear-gradient(left, var(--brand-primary), var(--brand-light));background-image:-moz-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),-moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),-moz-linear-gradient(left, var(--brand-primary), var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;transition:width .5s ease-out}.ObSidebar-root{position:fixed;bottom:0;left:0;top:0;z-index:2;background-color:#fff;transform:translateX(-100%);transition:transform .2s ease-out;will-change:transform;overflow-y:auto}.ObSidebar-root.Ob-right{left:unset;right:0;transform:translateX(100%)}.ObSidebar-root.Ob-open{transform:translateX(0)}.ObSidebar-root.ObSidebar-shadow{box-shadow:2px 2px 4px rgba(0,0,0,.15)}.ObSidebar-root.ObSidebar-shadow.Ob-right{box-shadow:-2px 2px 4px rgba(0,0,0,.15)}.ObSidebar-overlay{position:fixed;bottom:0;left:0;right:0;top:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;background-color:rgba(0,0,0,.3)}.ObSidebar-overlay.Ob-open{opacity:1;visibility:visible}.😖{display:initial}.ObSplitContainer-root{display:flex;flex-direction:column;height:100%;width:100%}.ObSplitContainer-root.horizontal{flex-direction:row}.ObSplitContainer-panel{overflow:hidden}.ObSplitContainer-divider{flex:0 0 .5rem;background-color:rgba(0,0,0,0);line-height:.75;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.ObSplitContainer-divider:focus{background-color:rgba(0,0,0,.3)}.ObSplitContainer-root.horizontal>.ObSplitContainer-divider{cursor:ew-resize;writing-mode:vertical-lr}.ObValueToggle-root{display:flex;align-items:center}.ObValueToggle-option{margin-bottom:0}.ObValueToggle-label{cursor:pointer;font-size:.8em;margin:0 .2em;padding:.3em .5em;text-transform:uppercase}.ObValueToggle-label:hover{background:#ccc}.ObValueToggle-input:checked+.ObValueToggle-label{--color-bg: var(--brand-dark);background-color:#666;background-color:var(--color-bg);cursor:default;color:#fff}.ObValueToggle-input:checked:focus-within+.ObValueToggle-label{--color-bg: var(--brand-light)}.ObValueToggle-input:checked:hover+.ObValueToggle-label{background-color:#666;background-color:var(--color-bg)}.ObValueToggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}/*# sourceMappingURL=styles.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/Checkbox/index.scss","../../src/ColorCard/index.scss","../../src/DateNavigator/index.scss","../../src/styles/_mixins.scss","../../src/LinkedCardList/index.scss","../../src/PageBanner/index.scss","../../src/styles/_variables.scss","../../src/ProgressBar/index.scss","../../src/Sidebar/index.scss","../../src/SplitContainer/index.scss","../../src/ValueToggle/index.scss"],"names":[],"mappings":"CAAA,iBACC,oBACA,qDACA,8DACA,wCAEA,qBACA,0BACA,gBAEA,8CACC,wBAGD,6BACC,qCACA,kCAIF,gBACC,kBAEA,2BACA,iCAEA,gBAEA,0CACA,0BACA,yBAEA,sBACC,iCAIF,kBACC,kBACA,gBACA,gBAEA,wBACC,aAIF,iBACC,WACA,qBACA,sCACA,SACA,UACA,oBACA,kBACA,QACA,iCACA,qBACA,yCAGD,kBACC,mBACA,qBACA,WACA,gBACA,kBACA,mBACA,UAEA,wBACC,aAIF,aACC,gBACA,YAGD,2DACC,kCAGD,2EACC,oCAGD,6EACC,yCACA,uBACA,UAGD,6CACC,mBAGD,kBACC,IACC,gCAGD,IACC,kCAGD,IACC,kCAGD,IACC,kCAGD,KACC,+BClHF,kBACC,yBACA,uBACA,mBACA,2BAEA,oBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/Checkbox/index.scss","../../src/ColorCard/index.scss","../../src/DateNavigator/index.scss","../../src/styles/_mixins.scss","../../src/LinkedCardList/index.scss","../../src/PageBanner/index.scss","../../src/styles/_variables.scss","../../src/ProgressBar/index.scss","../../src/Sidebar/index.scss","../../src/SplitContainer/index.scss","../../src/ValueToggle/index.scss"],"names":[],"mappings":"CAAA,iBACC,oBACA,qDACA,8DACA,wCAEA,qBACA,0BACA,gBAEA,8CACC,wBAGD,6BACC,qCACA,kCAIF,gBACC,kBAEA,2BACA,iCAEA,gBAEA,0CACA,0BACA,yBAEA,sBACC,iCAIF,kBACC,kBACA,gBACA,gBAEA,wBACC,aAIF,iBACC,WACA,qBACA,sCACA,SACA,UACA,oBACA,kBACA,QACA,iCACA,qBACA,yCAGD,kBACC,mBACA,qBACA,WACA,gBACA,kBACA,mBACA,UAEA,wBACC,aAIF,aACC,gBACA,YAGD,2DACC,kCAGD,2EACC,oCAGD,6EACC,yCACA,uBACA,UAGD,6CACC,mBAGD,kBACC,IACC,gCAGD,IACC,kCAGD,IACC,kCAGD,IACC,kCAGD,KACC,+BClHF,kBACC,yBACA,uBACA,mBACA,2BAEA,oBACA,iHACA,qKAOA,qBACA,gEACA,WACA,eACA,aACA,yMAEA,eACA,iBACA,gBACA,iCAEA,sCACC,sCAED,sCACC,oCAED,sCACC,qCAED,sCACC,oCAED,sCACC,qCAGD,gDAGC,yBAEA,iEACA,WACA,qBAID,qCAtDD,kBAuDE,kBAIF,oBACC,aACA,cACA,sBACA,8BACA,cACA,gBACA,gCACA,uBAEA,gCACC,mBACA,2BAGD,sCACC,+BACA,cACA,oCAGD,qCACC,sCACC,eAKH,yBACC,WACA,gBACA,yBAIA,qCACC,oBAGD,yGAEC,kBACA,gBAGD,iEACC,YAGD,qCAfD,oBAgBE,gBAIF,yBACC,WAGD,mBACC,kBACA,oBAGA,oCACC,mBAEA,2CACC,WACA,kBACA,YACA,yBACA,8BACA,YACA,UACA,UAIF,2BACC,gBACA,2BACA,0CACA,kBACA,WACA,cACA,cACA,OACA,kBACA,UACA,aACA,UCnJF,sBACC,qBAEA,0BACC,aACA,kBACA,SAIF,sBACC,yBACA,8CACA,aACA,eAGD,uBCpBC,gBACA,SACA,cAEA,aACA,mBACA,iBACA,UACA,0BACA,yBACA,sBACA,qBDWA,aACA,mBACA,cACA,uBAEA,OA1BoB,KA4BpB,eACA,kBCjBA,yCACC,SACA,UDiBD,6BACC,yBACA,kDAIF,2BACC,4BACA,QAGD,4BACC,2BACA,QAGD,sBACC,aACA,cACA,sBACA,uBACA,QAEA,OAtDoB,KAwDpB,kBErDD,mBACC,qBACA,cACA,eAGD,mBACC,aACA,mBACA,mBAGD,yBACC,aACA,gBACA,cACA,kBAGD,0BACC,cACA,0BAGD,mBACC,aACA,mBACA,cACA,gBACA,kBAGD,qBACC,gBAEA,oCACA,oBACA,OAxCa,KAyCb,MAzCa,KA2Cb,kBACA,OACA,QAEA,mCAGD,mBACC,gBACA,iBACA,qCACA,sBACA,cACA,eACA,cACA,kBAGD,2BACC,uCACA,4BACA,oCACA,YACA,uDACA,WACA,UACA,kBACA,kBACA,QACA,UAGD,yBACC,oCACA,cACA,wBAGD,iCACC,sCClFD,mBACC,iBCHe,QDIf,mCACA,sCACA,WAEA,qBACC,cAIF,oBACC,aACA,mBACA,sBAEA,qCALD,oBAME,uBACA,oBAIF,yBACC,eAEA,qCAHD,yBAIE,gBAIF,0BACC,mBACA,sBACA,qBACA,YACA,iBACA,8BACA,WAEA,qCATD,0BAUE,kBACA,SACA,kBACA,wBACA,kBACA,aACA,aAGD,qCAnBD,0BAoBE,aACA,aAIF,0BACC,mBACA,gBACA,eAEA,qCALD,0BAME,cAGD,qCATD,0BAUE,gBAKD,6BACC,wBACA,gBACA,MACA,aAIF,2BACC,gBACA,qBACA,mBAGD,kBACC,yCACA,qBACA,iBACA,eACA,mBACA,kBACA,0BAEA,yBACC,kBE9FF,oBACC,aACA,WACA,gBACA,wBACA,yBACA,YACA,kBACA,0CACA,cACA,kBAEA,0CACC,yBACA,kBACA,0CAGD,4CACC,oTAUA,4UAUA,8CACA,kBACA,kBACA,8BAGD,kDACC,sBACA,WAEA,mBACA,WAEA,kBACA,UACA,QACA,UAGD,uCACC,4QAUA,2RAUA,8CACA,kBACA,8BCnFF,gBACC,eACA,SACA,OACA,MACA,UAEA,sBAEA,4BACA,kCACA,sBAQA,gBANA,yBACC,WACA,QACA,2BAKD,wBACC,wBAGD,iCACC,uCAEA,0CACC,wCAKH,mBACC,eACA,SACA,OACA,QACA,MACA,UAEA,UACA,kBAEA,wDACA,gCAEA,2BACC,UACA,mBC/CF,IACC,gBAGD,uBACC,aACA,sBACA,YACA,WAEA,kCACC,mBAIF,wBACC,gBAGD,0BACC,eACA,+BACA,gBACA,iBAEA,aACA,mBACA,uBAEA,gCACC,gCAGD,4DACC,iBACA,yBCpCF,oBACC,aACA,mBAGD,sBACC,gBAGD,qBACC,eACA,eACA,cACA,kBACA,yBAEA,2BACC,gBAGD,kDACC,8BACA,sBACA,iCACA,eACA,WAGD,+DACC,+BAGD,wDACC,sBACA,iCAIF,qBACC,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA","file":"styles.css"}
|
package/es/ColorCard/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ObColorCard-root{--bg-color-border: black;--bg-color-main: white;--bg-size: 0.75rem;--card-color: rgb(0, 0, 0);align-items:stretch;background-image:linear-gradient(to right, hsl(
|
|
1
|
+
.ObColorCard-root{--bg-color-border: black;--bg-color-main: white;--bg-size: 0.75rem;--card-color: rgb(0, 0, 0);align-items:stretch;background-image:linear-gradient(to right, hsl(186, 72%, 24%), hsl(186, 72%, 24%) 0.75rem, white 0.75rem, white);background-image:linear-gradient(to right, var(--bg-color-border), var(--bg-color-border) var(--bg-size), var(--bg-color-main) var(--bg-size), var(--bg-color-main));border-radius:.25rem;box-shadow:0 1px 12px rgba(0,0,0,.15),0 1px 6px rgba(0,0,0,.25);color:#666;cursor:pointer;display:flex;font-family:"Variable Bahnschrift","Bahnschrift","Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;min-height:10rem;overflow:hidden;transition:all ease-in-out 300ms}.ObColorCard-root:nth-of-type(5n + 1){--bg-color-border: rgb(178, 108, 190)}.ObColorCard-root:nth-of-type(5n + 2){--bg-color-border: rgb(79, 164, 61)}.ObColorCard-root:nth-of-type(5n + 3){--bg-color-border: rgb(246, 170, 23)}.ObColorCard-root:nth-of-type(5n + 4){--bg-color-border: rgb(218, 93, 83)}.ObColorCard-root:nth-of-type(5n + 5){--bg-color-border: rgb(23, 162, 184)}.ObColorCard-root:hover,.ObColorCard-root:focus{--bg-color-main: #f5f5f5;box-shadow:0 3px 18px rgba(0,0,0,.15),0 3px 12px rgba(0,0,0,.25);color:#666;text-decoration:none}@media screen and (min-width: 48rem){.ObColorCard-root{font-size:1.2rem}}.ObColorCard-column{display:flex;flex:1 1 100%;flex-direction:column;justify-content:space-between;margin:1rem 0;overflow:hidden;padding:.5rem 1.5rem .5rem 1rem;text-overflow:ellipsis}.ObColorCard-column:first-child{margin-left:.75rem;margin-left:var(--bg-size)}.ObColorCard-column.ObColorCard-minor{border-right:1px solid #e3e3e3;flex:0 0 4rem;transition:margin ease-in-out 300ms}@media screen and (min-width: 48rem){.ObColorCard-column.ObColorCard-minor{flex:0 0 8rem}}.ObColorCard-detailLabel{color:#ccc;font-size:.8rem;text-transform:uppercase}.ObColorCard-detail:not(:last-child){margin-right:1.5rem}.ObColorCard-detail.ObColorCard-primary,.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{font-size:1.25rem;font-weight:300}.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{color:unset}@media screen and (min-width: 48rem){.ObColorCard-detail{font-size:1rem}}.ObColorCard-detailValue{color:#999}.ObColorCard-label{position:relative;padding-left:1.5rem}.ObColorCard-label:not(:last-child){margin-bottom:1rem}.ObColorCard-label:not(:last-child)::after{content:"";position:absolute;width:.2rem;height:calc(100% + 1rem);border-left:.2rem dotted #666;left:.25rem;top:.5rem;z-index:0}.ObColorCard-label::before{background:#fff;border:.2rem solid #116069;border:.2rem solid var(--bg-color-border);border-radius:50%;content:"";display:block;height:.75rem;left:0;position:absolute;top:.3rem;width:.75rem;z-index:1}
|
package/es/ProgressBar/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ObProgressBar-root{height:1.5em;width:100%;appearance:none;-webkit-appearance:none;background-color:#f5f5f5;border:none;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.2) inset;color:#4169e1;position:relative}.ObProgressBar-root::-webkit-progress-bar{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.2) inset}.ObProgressBar-root::-webkit-progress-value{background-image:linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),linear-gradient(left, var(--brand-primary, hsl(
|
|
1
|
+
.ObProgressBar-root{height:1.5em;width:100%;appearance:none;-webkit-appearance:none;background-color:#f5f5f5;border:none;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.2) inset;color:#4169e1;position:relative}.ObProgressBar-root::-webkit-progress-bar{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.2) inset}.ObProgressBar-root::-webkit-progress-value{background-image:linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),linear-gradient(left, var(--brand-primary, hsl(186, 72%, 24%)), var(--brand-light, hsl(186, 72%, 37%)));background-image:-webkit-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),-webkit-linear-gradient(left, var(--brand-primary), hsl(186, 72%, 24%), var(--brand-light, hsl(186, 72%, 37%)));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;position:relative;transition:width .5s ease-out}.ObProgressBar-root::-webkit-progress-value:after{background-color:#fff;content:"";border-radius:100%;height:5px;position:absolute;right:7px;top:7px;width:5px}.ObProgressBar-root::-moz-progress-bar{background-image:linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),linear-gradient(left, var(--brand-primary), var(--brand-light));background-image:-moz-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),-moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),-moz-linear-gradient(left, var(--brand-primary), var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;transition:width .5s ease-out}
|
package/es/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ObCheckbox-root{--check-width: 2rem;--bg-color: var(--brand-dark, rgba(42, 65, 50, 0.5));--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, 0.8));--bg-color-selected: var(--brand-light);display:inline-block;height:var(--check-width);margin-bottom:0}.ObCheckbox-root:focus-within .ObCheckbox-box{border:.1rem solid #000}.ObCheckbox-root.Ob-disabled{--bg-color: rgba(150, 150, 150, 0.5);--bg-color-hover: var(--bg-color)}.ObCheckbox-box{position:relative;background:var(--bg-color);transition:background 300ms ease;overflow:hidden;border-radius:calc(var(--check-width)/15);height:var(--check-width);width:var(--check-width)}.ObCheckbox-box:hover{background:var(--bg-color-hover)}.ObCheckbox-label{position:relative;margin-bottom:0;overflow:hidden}.ObCheckbox-label:focus{outline:none}.ObCheckbox-mark{color:#fff;display:inline-block;font-size:calc(var(--check-width)*.4);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition:all 300ms ease-in-out;transition-delay:0ms;transform:translate(-50%, -50%) scale(6)}.ObCheckbox-input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ObCheckbox-input:focus{outline:none}.check_Label{margin-bottom:0;flex-grow:1}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label{animation:animOn 800ms 1 forwards}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{background:var(--bg-color-selected)}.ObCheckbox-input:checked+.ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark{transform:translate(-50%, -50%) scale(1);transition-delay:200ms;opacity:1}.ObCheckbox-root.Ob-disabled .ObCheckbox-box{cursor:not-allowed}@keyframes animOn{40%{transform:scaleY(0.4) scaleX(2)}50%{transform:scaleY(1.2) scaleX(0.6)}60%{transform:scaleY(0.8) scaleX(1.4)}70%{transform:scaleY(1.1) scaleX(0.9)}100%{transform:scaleY(1) scaleX(1)}}.ObColorCard-root{--bg-color-border: black;--bg-color-main: white;--bg-size: 0.75rem;--card-color: rgb(0, 0, 0);align-items:stretch;background-image:linear-gradient(to right, hsl(186deg, 72%, 24%), hsl(186deg, 72%, 24%) 0.75rem, white 0.75rem, white);background-image:linear-gradient(to right, var(--bg-color-border), var(--bg-color-border) var(--bg-size), var(--bg-color-main) var(--bg-size), var(--bg-color-main));border-radius:.25rem;box-shadow:0 1px 12px rgba(0,0,0,.15),0 1px 6px rgba(0,0,0,.25);color:#666;cursor:pointer;display:flex;font-family:"Variable Bahnschrift","Bahnschrift","Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;min-height:10rem;overflow:hidden;transition:all ease-in-out 300ms}.ObColorCard-root:nth-of-type(5n + 1){--bg-color-border: rgb(178, 108, 190)}.ObColorCard-root:nth-of-type(5n + 2){--bg-color-border: rgb(79, 164, 61)}.ObColorCard-root:nth-of-type(5n + 3){--bg-color-border: rgb(246, 170, 23)}.ObColorCard-root:nth-of-type(5n + 4){--bg-color-border: rgb(218, 93, 83)}.ObColorCard-root:nth-of-type(5n + 5){--bg-color-border: rgb(23, 162, 184)}.ObColorCard-root:hover,.ObColorCard-root:focus{--bg-color-main: #f5f5f5;box-shadow:0 3px 18px rgba(0,0,0,.15),0 3px 12px rgba(0,0,0,.25);color:#666;text-decoration:none}@media screen and (min-width: 48rem){.ObColorCard-root{font-size:1.2rem}}.ObColorCard-column{display:flex;flex:1 1 100%;flex-direction:column;justify-content:space-between;margin:1rem 0;overflow:hidden;padding:.5rem 1.5rem .5rem 1rem;text-overflow:ellipsis}.ObColorCard-column:first-child{margin-left:.75rem;margin-left:var(--bg-size)}.ObColorCard-column.ObColorCard-minor{border-right:1px solid #e3e3e3;flex:0 0 4rem;transition:margin ease-in-out 300ms}@media screen and (min-width: 48rem){.ObColorCard-column.ObColorCard-minor{flex:0 0 8rem}}.ObColorCard-detailLabel{color:#ccc;font-size:.8rem;text-transform:uppercase}.ObColorCard-detail:not(:last-child){margin-right:1.5rem}.ObColorCard-detail.ObColorCard-primary,.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{font-size:1.25rem;font-weight:300}.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{color:unset}@media screen and (min-width: 48rem){.ObColorCard-detail{font-size:1rem}}.ObColorCard-detailValue{color:#999}.ObColorCard-label{position:relative;padding-left:1.5rem}.ObColorCard-label:not(:last-child){margin-bottom:1rem}.ObColorCard-label:not(:last-child)::after{content:"";position:absolute;width:.2rem;height:calc(100% + 1rem);border-left:.2rem dotted #666;left:.25rem;top:.5rem;z-index:0}.ObColorCard-label::before{background:#fff;border:.2rem solid #116069;border:.2rem solid var(--bg-color-border);border-radius:50%;content:"";display:block;height:.75rem;left:0;position:absolute;top:.3rem;width:.75rem;z-index:1}.ObDateNavigator-icon{display:inline-block}.ObDateNavigator-icon svg{width:.625em;position:relative;top:-1px}.ObDateNavigator-root{background-color:#f3f4f7;background-color:var(--block-header-color-bg);display:flex;font-size:1rem}.ObDateNavigator-arrow{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;align-items:center;flex:0 0 3rem;justify-content:center;height:3rem;cursor:pointer;text-align:center}.ObDateNavigator-arrow::-moz-focus-inner{border:0;padding:0}.ObDateNavigator-arrow:hover{background-color:#e3e3e3;background-color:var(--block-header-button-hover)}.ObDateNavigator-arrowLeft{border-right:1px solid #ddd;order:1}.ObDateNavigator-arrowRight{border-left:1px solid #ddd;order:3}.ObDateNavigator-date{display:flex;flex:1 1 100%;flex-direction:column;justify-content:center;order:2;height:3rem;text-align:center}.ObLinkedList-root{list-style-type:none;margin-left:0;padding-left:0}.ObLinkedList-item{display:flex;align-items:center;flex-direction:row}.ObLinkedList-leftColumn{flex:1 1 4em;font-size:.75em;padding:0 1em;text-align:center}.ObLinkedList-rightColumn{flex:1 1 100%;padding:1em 1em 1em 1.5em}.ObLinkedList-line{display:flex;align-self:stretch;flex:0 0 .2em;background:#fff;position:relative}.ObLinkedList-bullet{background:#fff;border:1px solid rgba(50,50,50,.25);border-radius:.55em;height:.7em;width:.7em;position:absolute;left:0;top:50%;transform:translate(-0.25em, -50%)}.ObLinkedList-card{background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:.1875em;color:inherit;cursor:pointer;flex:100% 1 1;position:relative}.ObLinkedList-card::before{border-bottom:.5em solid rgba(0,0,0,0);border-right:1em solid #fff;border-top:.5em solid rgba(0,0,0,0);content:" ";filter:drop-shadow(-1px 0px 1px rgba(50, 50, 50, 0.2));height:1em;left:-1em;margin-top:-0.5em;position:absolute;top:50%;width:1em}.ObLinkedList-card:hover{background-color:#edeff3 !important;color:inherit;text-decoration:inherit}.ObLinkedList-card:hover::before{border-right-color:#edeff3 !important}.ObPageBanner-root{background-color:#116069;background-color:var(--brand-dark);box-shadow:0px 8px 8px rgba(0,0,0,.2);color:#fff}.ObPageBanner-root a{color:#b3d5e6}.ObPageBanner-inner{display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 768px){.ObPageBanner-inner{align-items:flex-start;flex-direction:row}}.ObPageBanner-plantTitle{font-size:2rem}@media screen and (min-width: 992px){.ObPageBanner-plantTitle{font-size:3rem}}.ObPageBanner-bannerImage{align-self:stretch;background-color:#ddd;display:inline-block;height:20vh;object-fit:cover;object-position:center center;width:100%}@media screen and (min-width: 576px){.ObPageBanner-bannerImage{align-self:center;margin:0;margin-right:1rem;border:.4rem solid #fff;border-radius:50%;height:150px;width:150px}}@media screen and (min-width: 992px){.ObPageBanner-bannerImage{height:250px;width:250px}}.ObPageBanner-bannerTitle{margin-bottom:1rem;margin-top:1rem;font-size:2rem}@media screen and (min-width: 768px){.ObPageBanner-bannerTitle{margin-top:0}}@media screen and (min-width: 992px){.ObPageBanner-bannerTitle{font-size:3rem}}.ObPageBanner-tabList.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ObPageBanner-tabListInner{overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.ObPageBanner-tab{border-bottom:.25rem solid rgba(0,0,0,0);display:inline-block;margin-top:.5rem;min-width:8rem;padding:.5rem 1rem;text-align:center;text-transform:capitalize}.ObPageBanner-tab.active{border-color:#fff}.ObProgressBar-root{height:1.5em;width:100%;appearance:none;-webkit-appearance:none;background-color:#f5f5f5;border:none;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.2) inset;color:#4169e1;position:relative}.ObProgressBar-root::-webkit-progress-bar{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.2) inset}.ObProgressBar-root::-webkit-progress-value{background-image:linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),linear-gradient(left, var(--brand-primary, hsl(186deg, 72%, 24%)), var(--brand-light, hsl(186deg, 72%, 37%)));background-image:-webkit-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),-webkit-linear-gradient(left, var(--brand-primary), hsl(186deg, 72%, 24%), var(--brand-light, hsl(186deg, 72%, 37%)));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;position:relative;transition:width .5s ease-out}.ObProgressBar-root::-webkit-progress-value:after{background-color:#fff;content:"";border-radius:100%;height:5px;position:absolute;right:7px;top:7px;width:5px}.ObProgressBar-root::-moz-progress-bar{background-image:linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),linear-gradient(left, var(--brand-primary), var(--brand-light));background-image:-moz-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),-moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),-moz-linear-gradient(left, var(--brand-primary), var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;transition:width .5s ease-out}.ObSidebar-root{position:fixed;bottom:0;left:0;top:0;z-index:2;background-color:#fff;transform:translateX(-100%);transition:transform .2s ease-out;will-change:transform;overflow-y:auto}.ObSidebar-root.Ob-right{left:unset;right:0;transform:translateX(100%)}.ObSidebar-root.Ob-open{transform:translateX(0)}.ObSidebar-root.ObSidebar-shadow{box-shadow:2px 2px 4px rgba(0,0,0,.15)}.ObSidebar-root.ObSidebar-shadow.Ob-right{box-shadow:-2px 2px 4px rgba(0,0,0,.15)}.ObSidebar-overlay{position:fixed;bottom:0;left:0;right:0;top:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;background-color:rgba(0,0,0,.3)}.ObSidebar-overlay.Ob-open{opacity:1;visibility:visible}.😖{display:initial}.ObSplitContainer-root{display:flex;flex-direction:column;height:100%;width:100%}.ObSplitContainer-root.horizontal{flex-direction:row}.ObSplitContainer-panel{overflow:hidden}.ObSplitContainer-divider{flex:0 0 .5rem;background-color:rgba(0,0,0,0);line-height:.75;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.ObSplitContainer-divider:focus{background-color:rgba(0,0,0,.3)}.ObSplitContainer-root.horizontal>.ObSplitContainer-divider{cursor:ew-resize;writing-mode:vertical-lr}.ObValueToggle-root{display:flex;align-items:center}.ObValueToggle-option{margin-bottom:0}.ObValueToggle-label{cursor:pointer;font-size:.8em;margin:0 .2em;padding:.3em .5em;text-transform:uppercase}.ObValueToggle-label:hover{background:#ccc}.ObValueToggle-input:checked+.ObValueToggle-label{--color-bg: var(--brand-dark);background-color:#666;background-color:var(--color-bg);cursor:default;color:#fff}.ObValueToggle-input:checked:focus-within+.ObValueToggle-label{--color-bg: var(--brand-light)}.ObValueToggle-input:checked:hover+.ObValueToggle-label{background-color:#666;background-color:var(--color-bg)}.ObValueToggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
|
|
1
|
+
.ObCheckbox-root{--check-width: 2rem;--bg-color: var(--brand-dark, rgba(42, 65, 50, 0.5));--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, 0.8));--bg-color-selected: var(--brand-light);display:inline-block;height:var(--check-width);margin-bottom:0}.ObCheckbox-root:focus-within .ObCheckbox-box{border:.1rem solid #000}.ObCheckbox-root.Ob-disabled{--bg-color: rgba(150, 150, 150, 0.5);--bg-color-hover: var(--bg-color)}.ObCheckbox-box{position:relative;background:var(--bg-color);transition:background 300ms ease;overflow:hidden;border-radius:calc(var(--check-width)/15);height:var(--check-width);width:var(--check-width)}.ObCheckbox-box:hover{background:var(--bg-color-hover)}.ObCheckbox-label{position:relative;margin-bottom:0;overflow:hidden}.ObCheckbox-label:focus{outline:none}.ObCheckbox-mark{color:#fff;display:inline-block;font-size:calc(var(--check-width)*.4);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition:all 300ms ease-in-out;transition-delay:0ms;transform:translate(-50%, -50%) scale(6)}.ObCheckbox-input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ObCheckbox-input:focus{outline:none}.check_Label{margin-bottom:0;flex-grow:1}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label{animation:animOn 800ms 1 forwards}.ObCheckbox-input:checked:not(:disabled)+.ObCheckbox-label .ObCheckbox-box{background:var(--bg-color-selected)}.ObCheckbox-input:checked+.ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark{transform:translate(-50%, -50%) scale(1);transition-delay:200ms;opacity:1}.ObCheckbox-root.Ob-disabled .ObCheckbox-box{cursor:not-allowed}@keyframes animOn{40%{transform:scaleY(0.4) scaleX(2)}50%{transform:scaleY(1.2) scaleX(0.6)}60%{transform:scaleY(0.8) scaleX(1.4)}70%{transform:scaleY(1.1) scaleX(0.9)}100%{transform:scaleY(1) scaleX(1)}}.ObColorCard-root{--bg-color-border: black;--bg-color-main: white;--bg-size: 0.75rem;--card-color: rgb(0, 0, 0);align-items:stretch;background-image:linear-gradient(to right, hsl(186, 72%, 24%), hsl(186, 72%, 24%) 0.75rem, white 0.75rem, white);background-image:linear-gradient(to right, var(--bg-color-border), var(--bg-color-border) var(--bg-size), var(--bg-color-main) var(--bg-size), var(--bg-color-main));border-radius:.25rem;box-shadow:0 1px 12px rgba(0,0,0,.15),0 1px 6px rgba(0,0,0,.25);color:#666;cursor:pointer;display:flex;font-family:"Variable Bahnschrift","Bahnschrift","Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;min-height:10rem;overflow:hidden;transition:all ease-in-out 300ms}.ObColorCard-root:nth-of-type(5n + 1){--bg-color-border: rgb(178, 108, 190)}.ObColorCard-root:nth-of-type(5n + 2){--bg-color-border: rgb(79, 164, 61)}.ObColorCard-root:nth-of-type(5n + 3){--bg-color-border: rgb(246, 170, 23)}.ObColorCard-root:nth-of-type(5n + 4){--bg-color-border: rgb(218, 93, 83)}.ObColorCard-root:nth-of-type(5n + 5){--bg-color-border: rgb(23, 162, 184)}.ObColorCard-root:hover,.ObColorCard-root:focus{--bg-color-main: #f5f5f5;box-shadow:0 3px 18px rgba(0,0,0,.15),0 3px 12px rgba(0,0,0,.25);color:#666;text-decoration:none}@media screen and (min-width: 48rem){.ObColorCard-root{font-size:1.2rem}}.ObColorCard-column{display:flex;flex:1 1 100%;flex-direction:column;justify-content:space-between;margin:1rem 0;overflow:hidden;padding:.5rem 1.5rem .5rem 1rem;text-overflow:ellipsis}.ObColorCard-column:first-child{margin-left:.75rem;margin-left:var(--bg-size)}.ObColorCard-column.ObColorCard-minor{border-right:1px solid #e3e3e3;flex:0 0 4rem;transition:margin ease-in-out 300ms}@media screen and (min-width: 48rem){.ObColorCard-column.ObColorCard-minor{flex:0 0 8rem}}.ObColorCard-detailLabel{color:#ccc;font-size:.8rem;text-transform:uppercase}.ObColorCard-detail:not(:last-child){margin-right:1.5rem}.ObColorCard-detail.ObColorCard-primary,.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{font-size:1.25rem;font-weight:300}.ObColorCard-detail.ObColorCard-primary .ObColorCard-detailValue{color:unset}@media screen and (min-width: 48rem){.ObColorCard-detail{font-size:1rem}}.ObColorCard-detailValue{color:#999}.ObColorCard-label{position:relative;padding-left:1.5rem}.ObColorCard-label:not(:last-child){margin-bottom:1rem}.ObColorCard-label:not(:last-child)::after{content:"";position:absolute;width:.2rem;height:calc(100% + 1rem);border-left:.2rem dotted #666;left:.25rem;top:.5rem;z-index:0}.ObColorCard-label::before{background:#fff;border:.2rem solid #116069;border:.2rem solid var(--bg-color-border);border-radius:50%;content:"";display:block;height:.75rem;left:0;position:absolute;top:.3rem;width:.75rem;z-index:1}.ObDateNavigator-icon{display:inline-block}.ObDateNavigator-icon svg{width:.625em;position:relative;top:-1px}.ObDateNavigator-root{background-color:#f3f4f7;background-color:var(--block-header-color-bg);display:flex;font-size:1rem}.ObDateNavigator-arrow{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:flex;align-items:center;flex:0 0 3rem;justify-content:center;height:3rem;cursor:pointer;text-align:center}.ObDateNavigator-arrow::-moz-focus-inner{border:0;padding:0}.ObDateNavigator-arrow:hover{background-color:#e3e3e3;background-color:var(--block-header-button-hover)}.ObDateNavigator-arrowLeft{border-right:1px solid #ddd;order:1}.ObDateNavigator-arrowRight{border-left:1px solid #ddd;order:3}.ObDateNavigator-date{display:flex;flex:1 1 100%;flex-direction:column;justify-content:center;order:2;height:3rem;text-align:center}.ObLinkedList-root{list-style-type:none;margin-left:0;padding-left:0}.ObLinkedList-item{display:flex;align-items:center;flex-direction:row}.ObLinkedList-leftColumn{flex:1 1 4em;font-size:.75em;padding:0 1em;text-align:center}.ObLinkedList-rightColumn{flex:1 1 100%;padding:1em 1em 1em 1.5em}.ObLinkedList-line{display:flex;align-self:stretch;flex:0 0 .2em;background:#fff;position:relative}.ObLinkedList-bullet{background:#fff;border:1px solid rgba(50,50,50,.25);border-radius:.55em;height:.7em;width:.7em;position:absolute;left:0;top:50%;transform:translate(-0.25em, -50%)}.ObLinkedList-card{background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:.1875em;color:inherit;cursor:pointer;flex:100% 1 1;position:relative}.ObLinkedList-card::before{border-bottom:.5em solid rgba(0,0,0,0);border-right:1em solid #fff;border-top:.5em solid rgba(0,0,0,0);content:" ";filter:drop-shadow(-1px 0px 1px rgba(50, 50, 50, 0.2));height:1em;left:-1em;margin-top:-0.5em;position:absolute;top:50%;width:1em}.ObLinkedList-card:hover{background-color:#edeff3 !important;color:inherit;text-decoration:inherit}.ObLinkedList-card:hover::before{border-right-color:#edeff3 !important}.ObPageBanner-root{background-color:#116069;background-color:var(--brand-dark);box-shadow:0px 8px 8px rgba(0,0,0,.2);color:#fff}.ObPageBanner-root a{color:#b3d5e6}.ObPageBanner-inner{display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 768px){.ObPageBanner-inner{align-items:flex-start;flex-direction:row}}.ObPageBanner-plantTitle{font-size:2rem}@media screen and (min-width: 992px){.ObPageBanner-plantTitle{font-size:3rem}}.ObPageBanner-bannerImage{align-self:stretch;background-color:#ddd;display:inline-block;height:20vh;object-fit:cover;object-position:center center;width:100%}@media screen and (min-width: 576px){.ObPageBanner-bannerImage{align-self:center;margin:0;margin-right:1rem;border:.4rem solid #fff;border-radius:50%;height:150px;width:150px}}@media screen and (min-width: 992px){.ObPageBanner-bannerImage{height:250px;width:250px}}.ObPageBanner-bannerTitle{margin-bottom:1rem;margin-top:1rem;font-size:2rem}@media screen and (min-width: 768px){.ObPageBanner-bannerTitle{margin-top:0}}@media screen and (min-width: 992px){.ObPageBanner-bannerTitle{font-size:3rem}}.ObPageBanner-tabList.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ObPageBanner-tabListInner{overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.ObPageBanner-tab{border-bottom:.25rem solid rgba(0,0,0,0);display:inline-block;margin-top:.5rem;min-width:8rem;padding:.5rem 1rem;text-align:center;text-transform:capitalize}.ObPageBanner-tab.active{border-color:#fff}.ObProgressBar-root{height:1.5em;width:100%;appearance:none;-webkit-appearance:none;background-color:#f5f5f5;border:none;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.2) inset;color:#4169e1;position:relative}.ObProgressBar-root::-webkit-progress-bar{background-color:#f5f5f5;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.2) inset}.ObProgressBar-root::-webkit-progress-value{background-image:linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),linear-gradient(left, var(--brand-primary, hsl(186, 72%, 24%)), var(--brand-light, hsl(186, 72%, 37%)));background-image:-webkit-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),-webkit-linear-gradient(left, var(--brand-primary), hsl(186, 72%, 24%), var(--brand-light, hsl(186, 72%, 37%)));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;position:relative;transition:width .5s ease-out}.ObProgressBar-root::-webkit-progress-value:after{background-color:#fff;content:"";border-radius:100%;height:5px;position:absolute;right:7px;top:7px;width:5px}.ObProgressBar-root::-moz-progress-bar{background-image:linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),linear-gradient(left, var(--brand-primary), var(--brand-light));background-image:-moz-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),-moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),-moz-linear-gradient(left, var(--brand-primary), var(--brand-light));background-size:35px 20px,100% 100%,100% 100%;border-radius:3px;transition:width .5s ease-out}.ObSidebar-root{position:fixed;bottom:0;left:0;top:0;z-index:2;background-color:#fff;transform:translateX(-100%);transition:transform .2s ease-out;will-change:transform;overflow-y:auto}.ObSidebar-root.Ob-right{left:unset;right:0;transform:translateX(100%)}.ObSidebar-root.Ob-open{transform:translateX(0)}.ObSidebar-root.ObSidebar-shadow{box-shadow:2px 2px 4px rgba(0,0,0,.15)}.ObSidebar-root.ObSidebar-shadow.Ob-right{box-shadow:-2px 2px 4px rgba(0,0,0,.15)}.ObSidebar-overlay{position:fixed;bottom:0;left:0;right:0;top:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;background-color:rgba(0,0,0,.3)}.ObSidebar-overlay.Ob-open{opacity:1;visibility:visible}.😖{display:initial}.ObSplitContainer-root{display:flex;flex-direction:column;height:100%;width:100%}.ObSplitContainer-root.horizontal{flex-direction:row}.ObSplitContainer-panel{overflow:hidden}.ObSplitContainer-divider{flex:0 0 .5rem;background-color:rgba(0,0,0,0);line-height:.75;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.ObSplitContainer-divider:focus{background-color:rgba(0,0,0,.3)}.ObSplitContainer-root.horizontal>.ObSplitContainer-divider{cursor:ew-resize;writing-mode:vertical-lr}.ObValueToggle-root{display:flex;align-items:center}.ObValueToggle-option{margin-bottom:0}.ObValueToggle-label{cursor:pointer;font-size:.8em;margin:0 .2em;padding:.3em .5em;text-transform:uppercase}.ObValueToggle-label:hover{background:#ccc}.ObValueToggle-input:checked+.ObValueToggle-label{--color-bg: var(--brand-dark);background-color:#666;background-color:var(--color-bg);cursor:default;color:#fff}.ObValueToggle-input:checked:focus-within+.ObValueToggle-label{--color-bg: var(--brand-light)}.ObValueToggle-input:checked:hover+.ObValueToggle-label{background-color:#666;background-color:var(--color-bg)}.ObValueToggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@olenbetong/synergi-react",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.8",
|
|
4
4
|
"description": "Standalone React component for SynergiWeb and Partner Portal",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"types": "./es/index.d.ts",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
},
|
|
69
69
|
"sideEffects": false,
|
|
70
70
|
"dependencies": {
|
|
71
|
-
"@olenbetong/appframe-core": "^2.7.
|
|
71
|
+
"@olenbetong/appframe-core": "^2.7.3",
|
|
72
72
|
"clsx": "^1.2.1",
|
|
73
73
|
"localforage": "^1.10.0",
|
|
74
74
|
"mitt": "^3.0.0"
|
|
@@ -87,5 +87,5 @@
|
|
|
87
87
|
"devDependencies": {
|
|
88
88
|
"replace-in-files": "^3.0.0"
|
|
89
89
|
},
|
|
90
|
-
"gitHead": "
|
|
90
|
+
"gitHead": "a98679d30bbd34f2507d87b84502fef1c1e96e52"
|
|
91
91
|
}
|