@ulu/frontend 0.6.15 → 0.6.16
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/mcp-data.json +86 -86
- package/dist/umd/frontend.css +1 -1
- package/lib/scss/components/_popover.scss +7 -6
- package/package.json +1 -1
package/dist/mcp-data.json
CHANGED
|
@@ -27425,10 +27425,10 @@
|
|
|
27425
27425
|
"context": {
|
|
27426
27426
|
"type": "mixin",
|
|
27427
27427
|
"name": "styles",
|
|
27428
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27428
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27429
27429
|
"line": {
|
|
27430
27430
|
"start": 120,
|
|
27431
|
-
"end":
|
|
27431
|
+
"end": 240
|
|
27432
27432
|
}
|
|
27433
27433
|
}
|
|
27434
27434
|
},
|
|
@@ -27437,10 +27437,10 @@
|
|
|
27437
27437
|
"context": {
|
|
27438
27438
|
"type": "mixin",
|
|
27439
27439
|
"name": "styles",
|
|
27440
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27440
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27441
27441
|
"line": {
|
|
27442
27442
|
"start": 120,
|
|
27443
|
-
"end":
|
|
27443
|
+
"end": 240
|
|
27444
27444
|
}
|
|
27445
27445
|
}
|
|
27446
27446
|
},
|
|
@@ -27449,10 +27449,10 @@
|
|
|
27449
27449
|
"context": {
|
|
27450
27450
|
"type": "mixin",
|
|
27451
27451
|
"name": "styles",
|
|
27452
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27452
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27453
27453
|
"line": {
|
|
27454
27454
|
"start": 120,
|
|
27455
|
-
"end":
|
|
27455
|
+
"end": 240
|
|
27456
27456
|
}
|
|
27457
27457
|
}
|
|
27458
27458
|
},
|
|
@@ -27461,10 +27461,10 @@
|
|
|
27461
27461
|
"context": {
|
|
27462
27462
|
"type": "mixin",
|
|
27463
27463
|
"name": "styles",
|
|
27464
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27464
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27465
27465
|
"line": {
|
|
27466
27466
|
"start": 120,
|
|
27467
|
-
"end":
|
|
27467
|
+
"end": 240
|
|
27468
27468
|
}
|
|
27469
27469
|
}
|
|
27470
27470
|
},
|
|
@@ -27473,10 +27473,10 @@
|
|
|
27473
27473
|
"context": {
|
|
27474
27474
|
"type": "mixin",
|
|
27475
27475
|
"name": "styles",
|
|
27476
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27476
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27477
27477
|
"line": {
|
|
27478
27478
|
"start": 120,
|
|
27479
|
-
"end":
|
|
27479
|
+
"end": 240
|
|
27480
27480
|
}
|
|
27481
27481
|
}
|
|
27482
27482
|
},
|
|
@@ -27485,10 +27485,10 @@
|
|
|
27485
27485
|
"context": {
|
|
27486
27486
|
"type": "mixin",
|
|
27487
27487
|
"name": "styles",
|
|
27488
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27488
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27489
27489
|
"line": {
|
|
27490
27490
|
"start": 120,
|
|
27491
|
-
"end":
|
|
27491
|
+
"end": 240
|
|
27492
27492
|
}
|
|
27493
27493
|
}
|
|
27494
27494
|
},
|
|
@@ -27497,10 +27497,10 @@
|
|
|
27497
27497
|
"context": {
|
|
27498
27498
|
"type": "mixin",
|
|
27499
27499
|
"name": "styles",
|
|
27500
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27500
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27501
27501
|
"line": {
|
|
27502
27502
|
"start": 120,
|
|
27503
|
-
"end":
|
|
27503
|
+
"end": 240
|
|
27504
27504
|
}
|
|
27505
27505
|
}
|
|
27506
27506
|
},
|
|
@@ -27509,10 +27509,10 @@
|
|
|
27509
27509
|
"context": {
|
|
27510
27510
|
"type": "mixin",
|
|
27511
27511
|
"name": "styles",
|
|
27512
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27512
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27513
27513
|
"line": {
|
|
27514
27514
|
"start": 120,
|
|
27515
|
-
"end":
|
|
27515
|
+
"end": 240
|
|
27516
27516
|
}
|
|
27517
27517
|
}
|
|
27518
27518
|
},
|
|
@@ -27521,10 +27521,10 @@
|
|
|
27521
27521
|
"context": {
|
|
27522
27522
|
"type": "mixin",
|
|
27523
27523
|
"name": "styles",
|
|
27524
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27524
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27525
27525
|
"line": {
|
|
27526
27526
|
"start": 120,
|
|
27527
|
-
"end":
|
|
27527
|
+
"end": 240
|
|
27528
27528
|
}
|
|
27529
27529
|
}
|
|
27530
27530
|
},
|
|
@@ -27533,10 +27533,10 @@
|
|
|
27533
27533
|
"context": {
|
|
27534
27534
|
"type": "mixin",
|
|
27535
27535
|
"name": "styles",
|
|
27536
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27536
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27537
27537
|
"line": {
|
|
27538
27538
|
"start": 120,
|
|
27539
|
-
"end":
|
|
27539
|
+
"end": 240
|
|
27540
27540
|
}
|
|
27541
27541
|
}
|
|
27542
27542
|
},
|
|
@@ -27545,10 +27545,10 @@
|
|
|
27545
27545
|
"context": {
|
|
27546
27546
|
"type": "mixin",
|
|
27547
27547
|
"name": "styles",
|
|
27548
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27548
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27549
27549
|
"line": {
|
|
27550
27550
|
"start": 120,
|
|
27551
|
-
"end":
|
|
27551
|
+
"end": 240
|
|
27552
27552
|
}
|
|
27553
27553
|
}
|
|
27554
27554
|
},
|
|
@@ -27557,10 +27557,10 @@
|
|
|
27557
27557
|
"context": {
|
|
27558
27558
|
"type": "mixin",
|
|
27559
27559
|
"name": "styles",
|
|
27560
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27560
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27561
27561
|
"line": {
|
|
27562
27562
|
"start": 120,
|
|
27563
|
-
"end":
|
|
27563
|
+
"end": 240
|
|
27564
27564
|
}
|
|
27565
27565
|
}
|
|
27566
27566
|
},
|
|
@@ -27569,10 +27569,10 @@
|
|
|
27569
27569
|
"context": {
|
|
27570
27570
|
"type": "mixin",
|
|
27571
27571
|
"name": "styles",
|
|
27572
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27572
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27573
27573
|
"line": {
|
|
27574
27574
|
"start": 120,
|
|
27575
|
-
"end":
|
|
27575
|
+
"end": 240
|
|
27576
27576
|
}
|
|
27577
27577
|
}
|
|
27578
27578
|
},
|
|
@@ -27581,10 +27581,10 @@
|
|
|
27581
27581
|
"context": {
|
|
27582
27582
|
"type": "mixin",
|
|
27583
27583
|
"name": "styles",
|
|
27584
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27584
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27585
27585
|
"line": {
|
|
27586
27586
|
"start": 120,
|
|
27587
|
-
"end":
|
|
27587
|
+
"end": 240
|
|
27588
27588
|
}
|
|
27589
27589
|
}
|
|
27590
27590
|
},
|
|
@@ -27593,10 +27593,10 @@
|
|
|
27593
27593
|
"context": {
|
|
27594
27594
|
"type": "mixin",
|
|
27595
27595
|
"name": "styles",
|
|
27596
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27596
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27597
27597
|
"line": {
|
|
27598
27598
|
"start": 120,
|
|
27599
|
-
"end":
|
|
27599
|
+
"end": 240
|
|
27600
27600
|
}
|
|
27601
27601
|
}
|
|
27602
27602
|
},
|
|
@@ -27605,10 +27605,10 @@
|
|
|
27605
27605
|
"context": {
|
|
27606
27606
|
"type": "mixin",
|
|
27607
27607
|
"name": "styles",
|
|
27608
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27608
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27609
27609
|
"line": {
|
|
27610
27610
|
"start": 120,
|
|
27611
|
-
"end":
|
|
27611
|
+
"end": 240
|
|
27612
27612
|
}
|
|
27613
27613
|
}
|
|
27614
27614
|
},
|
|
@@ -27617,10 +27617,10 @@
|
|
|
27617
27617
|
"context": {
|
|
27618
27618
|
"type": "mixin",
|
|
27619
27619
|
"name": "styles",
|
|
27620
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27620
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27621
27621
|
"line": {
|
|
27622
27622
|
"start": 120,
|
|
27623
|
-
"end":
|
|
27623
|
+
"end": 240
|
|
27624
27624
|
}
|
|
27625
27625
|
}
|
|
27626
27626
|
},
|
|
@@ -27629,10 +27629,10 @@
|
|
|
27629
27629
|
"context": {
|
|
27630
27630
|
"type": "mixin",
|
|
27631
27631
|
"name": "styles",
|
|
27632
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27632
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27633
27633
|
"line": {
|
|
27634
27634
|
"start": 120,
|
|
27635
|
-
"end":
|
|
27635
|
+
"end": 240
|
|
27636
27636
|
}
|
|
27637
27637
|
}
|
|
27638
27638
|
},
|
|
@@ -27641,10 +27641,10 @@
|
|
|
27641
27641
|
"context": {
|
|
27642
27642
|
"type": "mixin",
|
|
27643
27643
|
"name": "styles",
|
|
27644
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27644
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27645
27645
|
"line": {
|
|
27646
27646
|
"start": 120,
|
|
27647
|
-
"end":
|
|
27647
|
+
"end": 240
|
|
27648
27648
|
}
|
|
27649
27649
|
}
|
|
27650
27650
|
},
|
|
@@ -27653,10 +27653,10 @@
|
|
|
27653
27653
|
"context": {
|
|
27654
27654
|
"type": "mixin",
|
|
27655
27655
|
"name": "styles",
|
|
27656
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27656
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27657
27657
|
"line": {
|
|
27658
27658
|
"start": 120,
|
|
27659
|
-
"end":
|
|
27659
|
+
"end": 240
|
|
27660
27660
|
}
|
|
27661
27661
|
}
|
|
27662
27662
|
},
|
|
@@ -27665,10 +27665,10 @@
|
|
|
27665
27665
|
"context": {
|
|
27666
27666
|
"type": "mixin",
|
|
27667
27667
|
"name": "styles",
|
|
27668
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27668
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27669
27669
|
"line": {
|
|
27670
27670
|
"start": 120,
|
|
27671
|
-
"end":
|
|
27671
|
+
"end": 240
|
|
27672
27672
|
}
|
|
27673
27673
|
}
|
|
27674
27674
|
},
|
|
@@ -27677,10 +27677,10 @@
|
|
|
27677
27677
|
"context": {
|
|
27678
27678
|
"type": "mixin",
|
|
27679
27679
|
"name": "styles",
|
|
27680
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27680
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27681
27681
|
"line": {
|
|
27682
27682
|
"start": 120,
|
|
27683
|
-
"end":
|
|
27683
|
+
"end": 240
|
|
27684
27684
|
}
|
|
27685
27685
|
}
|
|
27686
27686
|
},
|
|
@@ -27689,10 +27689,10 @@
|
|
|
27689
27689
|
"context": {
|
|
27690
27690
|
"type": "mixin",
|
|
27691
27691
|
"name": "styles",
|
|
27692
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27692
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27693
27693
|
"line": {
|
|
27694
27694
|
"start": 120,
|
|
27695
|
-
"end":
|
|
27695
|
+
"end": 240
|
|
27696
27696
|
}
|
|
27697
27697
|
}
|
|
27698
27698
|
},
|
|
@@ -27701,10 +27701,10 @@
|
|
|
27701
27701
|
"context": {
|
|
27702
27702
|
"type": "mixin",
|
|
27703
27703
|
"name": "styles",
|
|
27704
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27704
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27705
27705
|
"line": {
|
|
27706
27706
|
"start": 120,
|
|
27707
|
-
"end":
|
|
27707
|
+
"end": 240
|
|
27708
27708
|
}
|
|
27709
27709
|
}
|
|
27710
27710
|
},
|
|
@@ -27713,10 +27713,10 @@
|
|
|
27713
27713
|
"context": {
|
|
27714
27714
|
"type": "mixin",
|
|
27715
27715
|
"name": "styles",
|
|
27716
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27716
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27717
27717
|
"line": {
|
|
27718
27718
|
"start": 120,
|
|
27719
|
-
"end":
|
|
27719
|
+
"end": 240
|
|
27720
27720
|
}
|
|
27721
27721
|
}
|
|
27722
27722
|
},
|
|
@@ -27725,10 +27725,10 @@
|
|
|
27725
27725
|
"context": {
|
|
27726
27726
|
"type": "mixin",
|
|
27727
27727
|
"name": "styles",
|
|
27728
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27728
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27729
27729
|
"line": {
|
|
27730
27730
|
"start": 120,
|
|
27731
|
-
"end":
|
|
27731
|
+
"end": 240
|
|
27732
27732
|
}
|
|
27733
27733
|
}
|
|
27734
27734
|
},
|
|
@@ -27737,10 +27737,10 @@
|
|
|
27737
27737
|
"context": {
|
|
27738
27738
|
"type": "mixin",
|
|
27739
27739
|
"name": "styles",
|
|
27740
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27740
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27741
27741
|
"line": {
|
|
27742
27742
|
"start": 120,
|
|
27743
|
-
"end":
|
|
27743
|
+
"end": 240
|
|
27744
27744
|
}
|
|
27745
27745
|
}
|
|
27746
27746
|
},
|
|
@@ -27749,10 +27749,10 @@
|
|
|
27749
27749
|
"context": {
|
|
27750
27750
|
"type": "mixin",
|
|
27751
27751
|
"name": "styles",
|
|
27752
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27752
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27753
27753
|
"line": {
|
|
27754
27754
|
"start": 120,
|
|
27755
|
-
"end":
|
|
27755
|
+
"end": 240
|
|
27756
27756
|
}
|
|
27757
27757
|
}
|
|
27758
27758
|
},
|
|
@@ -27761,10 +27761,10 @@
|
|
|
27761
27761
|
"context": {
|
|
27762
27762
|
"type": "mixin",
|
|
27763
27763
|
"name": "styles",
|
|
27764
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27764
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27765
27765
|
"line": {
|
|
27766
27766
|
"start": 120,
|
|
27767
|
-
"end":
|
|
27767
|
+
"end": 240
|
|
27768
27768
|
}
|
|
27769
27769
|
}
|
|
27770
27770
|
},
|
|
@@ -27773,10 +27773,10 @@
|
|
|
27773
27773
|
"context": {
|
|
27774
27774
|
"type": "mixin",
|
|
27775
27775
|
"name": "styles",
|
|
27776
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27776
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27777
27777
|
"line": {
|
|
27778
27778
|
"start": 120,
|
|
27779
|
-
"end":
|
|
27779
|
+
"end": 240
|
|
27780
27780
|
}
|
|
27781
27781
|
}
|
|
27782
27782
|
},
|
|
@@ -27785,10 +27785,10 @@
|
|
|
27785
27785
|
"context": {
|
|
27786
27786
|
"type": "mixin",
|
|
27787
27787
|
"name": "styles",
|
|
27788
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27788
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27789
27789
|
"line": {
|
|
27790
27790
|
"start": 120,
|
|
27791
|
-
"end":
|
|
27791
|
+
"end": 240
|
|
27792
27792
|
}
|
|
27793
27793
|
}
|
|
27794
27794
|
},
|
|
@@ -27797,10 +27797,10 @@
|
|
|
27797
27797
|
"context": {
|
|
27798
27798
|
"type": "mixin",
|
|
27799
27799
|
"name": "styles",
|
|
27800
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27800
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27801
27801
|
"line": {
|
|
27802
27802
|
"start": 120,
|
|
27803
|
-
"end":
|
|
27803
|
+
"end": 240
|
|
27804
27804
|
}
|
|
27805
27805
|
}
|
|
27806
27806
|
},
|
|
@@ -27809,10 +27809,10 @@
|
|
|
27809
27809
|
"context": {
|
|
27810
27810
|
"type": "mixin",
|
|
27811
27811
|
"name": "styles",
|
|
27812
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27812
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27813
27813
|
"line": {
|
|
27814
27814
|
"start": 120,
|
|
27815
|
-
"end":
|
|
27815
|
+
"end": 240
|
|
27816
27816
|
}
|
|
27817
27817
|
}
|
|
27818
27818
|
},
|
|
@@ -27821,10 +27821,10 @@
|
|
|
27821
27821
|
"context": {
|
|
27822
27822
|
"type": "mixin",
|
|
27823
27823
|
"name": "styles",
|
|
27824
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27824
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27825
27825
|
"line": {
|
|
27826
27826
|
"start": 120,
|
|
27827
|
-
"end":
|
|
27827
|
+
"end": 240
|
|
27828
27828
|
}
|
|
27829
27829
|
}
|
|
27830
27830
|
},
|
|
@@ -27833,10 +27833,10 @@
|
|
|
27833
27833
|
"context": {
|
|
27834
27834
|
"type": "mixin",
|
|
27835
27835
|
"name": "styles",
|
|
27836
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27836
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27837
27837
|
"line": {
|
|
27838
27838
|
"start": 120,
|
|
27839
|
-
"end":
|
|
27839
|
+
"end": 240
|
|
27840
27840
|
}
|
|
27841
27841
|
}
|
|
27842
27842
|
},
|
|
@@ -27845,10 +27845,10 @@
|
|
|
27845
27845
|
"context": {
|
|
27846
27846
|
"type": "mixin",
|
|
27847
27847
|
"name": "styles",
|
|
27848
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27848
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27849
27849
|
"line": {
|
|
27850
27850
|
"start": 120,
|
|
27851
|
-
"end":
|
|
27851
|
+
"end": 240
|
|
27852
27852
|
}
|
|
27853
27853
|
}
|
|
27854
27854
|
},
|
|
@@ -27857,10 +27857,10 @@
|
|
|
27857
27857
|
"context": {
|
|
27858
27858
|
"type": "mixin",
|
|
27859
27859
|
"name": "styles",
|
|
27860
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27860
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27861
27861
|
"line": {
|
|
27862
27862
|
"start": 120,
|
|
27863
|
-
"end":
|
|
27863
|
+
"end": 240
|
|
27864
27864
|
}
|
|
27865
27865
|
}
|
|
27866
27866
|
},
|
|
@@ -27869,10 +27869,10 @@
|
|
|
27869
27869
|
"context": {
|
|
27870
27870
|
"type": "mixin",
|
|
27871
27871
|
"name": "styles",
|
|
27872
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27872
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27873
27873
|
"line": {
|
|
27874
27874
|
"start": 120,
|
|
27875
|
-
"end":
|
|
27875
|
+
"end": 240
|
|
27876
27876
|
}
|
|
27877
27877
|
}
|
|
27878
27878
|
},
|
|
@@ -27881,10 +27881,10 @@
|
|
|
27881
27881
|
"context": {
|
|
27882
27882
|
"type": "mixin",
|
|
27883
27883
|
"name": "styles",
|
|
27884
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27884
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27885
27885
|
"line": {
|
|
27886
27886
|
"start": 120,
|
|
27887
|
-
"end":
|
|
27887
|
+
"end": 240
|
|
27888
27888
|
}
|
|
27889
27889
|
}
|
|
27890
27890
|
},
|
|
@@ -27893,10 +27893,10 @@
|
|
|
27893
27893
|
"context": {
|
|
27894
27894
|
"type": "mixin",
|
|
27895
27895
|
"name": "styles",
|
|
27896
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27896
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27897
27897
|
"line": {
|
|
27898
27898
|
"start": 120,
|
|
27899
|
-
"end":
|
|
27899
|
+
"end": 240
|
|
27900
27900
|
}
|
|
27901
27901
|
}
|
|
27902
27902
|
},
|
|
@@ -27905,10 +27905,10 @@
|
|
|
27905
27905
|
"context": {
|
|
27906
27906
|
"type": "mixin",
|
|
27907
27907
|
"name": "styles",
|
|
27908
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27908
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27909
27909
|
"line": {
|
|
27910
27910
|
"start": 120,
|
|
27911
|
-
"end":
|
|
27911
|
+
"end": 240
|
|
27912
27912
|
}
|
|
27913
27913
|
}
|
|
27914
27914
|
},
|
|
@@ -27917,10 +27917,10 @@
|
|
|
27917
27917
|
"context": {
|
|
27918
27918
|
"type": "mixin",
|
|
27919
27919
|
"name": "styles",
|
|
27920
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
27920
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
27921
27921
|
"line": {
|
|
27922
27922
|
"start": 120,
|
|
27923
|
-
"end":
|
|
27923
|
+
"end": 240
|
|
27924
27924
|
}
|
|
27925
27925
|
}
|
|
27926
27926
|
},
|
|
@@ -48812,10 +48812,10 @@
|
|
|
48812
48812
|
"context": {
|
|
48813
48813
|
"type": "mixin",
|
|
48814
48814
|
"name": "styles",
|
|
48815
|
-
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n
|
|
48815
|
+
"code": "\n $prefix: selector.class(\"popover\");\n\n @if (get(\"arrow-size\")) {\n @include -arrow-styles();\n }\n // Default position is on the right of the container (Popper handles positioning)\n #{ $prefix } {\n display: none;\n position: absolute;\n z-index: get(\"z-index\") + 1;\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n width: cssvar.use-ulu(\"popover-width\", get(\"width\"));\n max-width: min(cssvar.use-ulu(\"popover-max-width\", 100vw), get(\"max-width\"));\n box-shadow: get(\"box-shadow\");\n border-radius: get(\"border-radius\");\n text-align: left;\n @if (get(\"type-size\")) {\n @include typography.size(get(\"type-size\"));\n }\n &.is-active {\n display: block;\n }\n }\n #{ $prefix }__inner,\n #{ $prefix }__header,\n #{ $prefix }__footer {\n display: block;\n border-radius: get(\"border-radius\");\n position: relative;\n z-index: 2; // Above arrow\n flex: 0;\n }\n #{ $prefix }__inner {\n overflow-y: auto;\n max-height: get(\"max-height\");\n padding: get(\"padding\");\n flex: 1; // When used with footer\n }\n // Image, video above content\n #{ $prefix }__header {\n overflow: hidden;\n padding: get(\"header-padding-y\") get(\"padding\");\n color: color.get(get(\"header-color\"));\n background-color: color.get(get(\"header-background-color\"));\n }\n #{ $prefix }__header--media {\n padding: 0;\n background-color: color.get(get(\"header-media-background-color\"));\n }\n #{ $prefix }__footer {\n border-top: get(\"footer-border-top\");\n padding: get(\"footer-padding-y\") get(\"padding\");\n color: color.get(get(\"footer-color\"));\n background-color: color.get(get(\"footer-background-color\"));\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n #{ $prefix }__header:has(+ #{ $prefix }__inner),\n #{ $prefix }__header:has(+ #{ $prefix }__footer),\n #{ $prefix }__inner:has(+ #{ $prefix }__footer) {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n // Modifiers\n #{ $prefix }--tooltip {\n @include cssvar.declare-ulu(\"popover-width\", get(\"tooltip-width\"));\n @include cssvar.declare-ulu(\"popover-max-width\", get(\"tooltip-max-width\"));\n color: color.get(get(\"tooltip-color\"));\n background-color: color.get(get(\"tooltip-background-color\"));\n pointer-events: none;\n #{ $prefix }__inner {\n padding: get(\"tooltip-padding\");\n min-height: 0;\n }\n }\n // For fixed strategy\n #{ $prefix }--fixed {\n position: fixed;\n }\n // Allow popover to grow/shrink to content's size\n #{ $prefix }--fit {\n @include cssvar.declare-ulu(\"popover-width\", max-content);\n }\n \n #{ $prefix }--large {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large\"));\n }\n #{ $prefix }--large-x {\n @include cssvar.declare-ulu(\"popover-width\", get(\"width-large-x\"));\n }\n #{ $prefix }--large,\n #{ $prefix }--large-x {\n #{ $prefix }__inner {\n padding: get(\"padding-large\");\n }\n #{ $prefix }__footer {\n padding: get(\"footer-padding-y-large\") get(\"padding-large\");\n }\n }\n // If you want to do something custom (and have it touch the edges)\n #{ $prefix }--no-padding {\n #{ $prefix }__inner {\n padding: 0;\n }\n }\n #{ $prefix }--prints {\n @media print {\n display: block;\n position: static;\n width: auto;\n box-shadow: none;\n max-width: none;\n #{ $prefix }__arrow {\n display: none;\n }\n }\n }\n",
|
|
48816
48816
|
"line": {
|
|
48817
48817
|
"start": 120,
|
|
48818
|
-
"end":
|
|
48818
|
+
"end": 240
|
|
48819
48819
|
}
|
|
48820
48820
|
},
|
|
48821
48821
|
"example": [
|