@ulu/frontend 0.6.13 → 0.6.15
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 +507 -323
- package/dist/umd/frontend.css +1 -1
- package/lib/scss/_button.scss +1 -0
- package/lib/scss/components/_badge.scss +23 -7
- package/package.json +1 -1
package/dist/mcp-data.json
CHANGED
|
@@ -1208,10 +1208,16 @@
|
|
|
1208
1208
|
"properties": [
|
|
1209
1209
|
{
|
|
1210
1210
|
"name": "background-color",
|
|
1211
|
-
"type": "
|
|
1211
|
+
"type": "Color",
|
|
1212
1212
|
"description": "Background color (if no image)",
|
|
1213
1213
|
"default": "gray"
|
|
1214
1214
|
},
|
|
1215
|
+
{
|
|
1216
|
+
"name": "background-color-hover",
|
|
1217
|
+
"type": "Color",
|
|
1218
|
+
"description": "Optional background color for hover when using badge--clickable modifier",
|
|
1219
|
+
"default": "null"
|
|
1220
|
+
},
|
|
1215
1221
|
{
|
|
1216
1222
|
"name": "border-radius",
|
|
1217
1223
|
"type": "Number",
|
|
@@ -1220,10 +1226,28 @@
|
|
|
1220
1226
|
},
|
|
1221
1227
|
{
|
|
1222
1228
|
"name": "color",
|
|
1223
|
-
"type": "
|
|
1229
|
+
"type": "Color",
|
|
1224
1230
|
"description": "Type color",
|
|
1225
1231
|
"default": "black"
|
|
1226
1232
|
},
|
|
1233
|
+
{
|
|
1234
|
+
"name": "color-hover",
|
|
1235
|
+
"type": "Color",
|
|
1236
|
+
"description": "Optional color for hover when using badge--clickable modifier",
|
|
1237
|
+
"default": "null"
|
|
1238
|
+
},
|
|
1239
|
+
{
|
|
1240
|
+
"name": "box-shadow",
|
|
1241
|
+
"type": "CssValue",
|
|
1242
|
+
"description": "Optional box-shadow",
|
|
1243
|
+
"default": "null"
|
|
1244
|
+
},
|
|
1245
|
+
{
|
|
1246
|
+
"name": "box-shadow-hover",
|
|
1247
|
+
"type": "CssValue",
|
|
1248
|
+
"description": "Optional box-shadow for hover when using badge--clickable modifier",
|
|
1249
|
+
"default": "null"
|
|
1250
|
+
},
|
|
1227
1251
|
{
|
|
1228
1252
|
"name": "font-size",
|
|
1229
1253
|
"type": "Number",
|
|
@@ -1232,13 +1256,13 @@
|
|
|
1232
1256
|
},
|
|
1233
1257
|
{
|
|
1234
1258
|
"name": "font-weight",
|
|
1235
|
-
"type": "
|
|
1259
|
+
"type": "Keyword",
|
|
1236
1260
|
"description": "Font weight",
|
|
1237
1261
|
"default": "bold"
|
|
1238
1262
|
},
|
|
1239
1263
|
{
|
|
1240
1264
|
"name": "font-family",
|
|
1241
|
-
"type": "
|
|
1265
|
+
"type": "String",
|
|
1242
1266
|
"description": "Specify font family, defaults to typography font-family-sans",
|
|
1243
1267
|
"default": "true"
|
|
1244
1268
|
},
|
|
@@ -1248,6 +1272,12 @@
|
|
|
1248
1272
|
"description": "Width of badge (default size)",
|
|
1249
1273
|
"default": "10rem"
|
|
1250
1274
|
},
|
|
1275
|
+
{
|
|
1276
|
+
"name": "transition-duration",
|
|
1277
|
+
"type": "Time",
|
|
1278
|
+
"description": "Transition duration amount for transitioned properties",
|
|
1279
|
+
"default": "110ms"
|
|
1280
|
+
},
|
|
1251
1281
|
{
|
|
1252
1282
|
"name": "hover-scale",
|
|
1253
1283
|
"type": "Number",
|
|
@@ -1411,6 +1441,12 @@
|
|
|
1411
1441
|
"description": "Adjust button line wrapping, by default line's are not wrapped",
|
|
1412
1442
|
"default": "nowrap"
|
|
1413
1443
|
},
|
|
1444
|
+
{
|
|
1445
|
+
"name": "gap",
|
|
1446
|
+
"type": "Dimension",
|
|
1447
|
+
"description": "Gap to use between items within the button",
|
|
1448
|
+
"default": "0.5em"
|
|
1449
|
+
},
|
|
1414
1450
|
{
|
|
1415
1451
|
"name": "border-color",
|
|
1416
1452
|
"type": "String",
|
|
@@ -13827,8 +13863,8 @@
|
|
|
13827
13863
|
"name": "set",
|
|
13828
13864
|
"code": "\n $config: map.merge($config, $changes) !global;\n",
|
|
13829
13865
|
"line": {
|
|
13830
|
-
"start":
|
|
13831
|
-
"end":
|
|
13866
|
+
"start": 69,
|
|
13867
|
+
"end": 71
|
|
13832
13868
|
}
|
|
13833
13869
|
}
|
|
13834
13870
|
},
|
|
@@ -13839,8 +13875,8 @@
|
|
|
13839
13875
|
"name": "set",
|
|
13840
13876
|
"code": "\n $config: map.merge($config, $changes) !global;\n",
|
|
13841
13877
|
"line": {
|
|
13842
|
-
"start":
|
|
13843
|
-
"end":
|
|
13878
|
+
"start": 69,
|
|
13879
|
+
"end": 71
|
|
13844
13880
|
}
|
|
13845
13881
|
}
|
|
13846
13882
|
},
|
|
@@ -13851,8 +13887,8 @@
|
|
|
13851
13887
|
"name": "get",
|
|
13852
13888
|
"code": "\n $value: utils.require-map-get($config, $name, \"badge [config]\");\n @return utils.function-fallback($name, $value, $-fallbacks);\n",
|
|
13853
13889
|
"line": {
|
|
13854
|
-
"start":
|
|
13855
|
-
"end":
|
|
13890
|
+
"start": 78,
|
|
13891
|
+
"end": 81
|
|
13856
13892
|
}
|
|
13857
13893
|
}
|
|
13858
13894
|
},
|
|
@@ -16685,10 +16721,94 @@
|
|
|
16685
16721
|
"context": {
|
|
16686
16722
|
"type": "mixin",
|
|
16687
16723
|
"name": "styles",
|
|
16688
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16724
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16725
|
+
"line": {
|
|
16726
|
+
"start": 99,
|
|
16727
|
+
"end": 169
|
|
16728
|
+
}
|
|
16729
|
+
}
|
|
16730
|
+
},
|
|
16731
|
+
{
|
|
16732
|
+
"description": "Output badge component styles\n",
|
|
16733
|
+
"context": {
|
|
16734
|
+
"type": "mixin",
|
|
16735
|
+
"name": "styles",
|
|
16736
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16737
|
+
"line": {
|
|
16738
|
+
"start": 99,
|
|
16739
|
+
"end": 169
|
|
16740
|
+
}
|
|
16741
|
+
}
|
|
16742
|
+
},
|
|
16743
|
+
{
|
|
16744
|
+
"description": "Output badge component styles\n",
|
|
16745
|
+
"context": {
|
|
16746
|
+
"type": "mixin",
|
|
16747
|
+
"name": "styles",
|
|
16748
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16749
|
+
"line": {
|
|
16750
|
+
"start": 99,
|
|
16751
|
+
"end": 169
|
|
16752
|
+
}
|
|
16753
|
+
}
|
|
16754
|
+
},
|
|
16755
|
+
{
|
|
16756
|
+
"description": "Output badge component styles\n",
|
|
16757
|
+
"context": {
|
|
16758
|
+
"type": "mixin",
|
|
16759
|
+
"name": "styles",
|
|
16760
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16761
|
+
"line": {
|
|
16762
|
+
"start": 99,
|
|
16763
|
+
"end": 169
|
|
16764
|
+
}
|
|
16765
|
+
}
|
|
16766
|
+
},
|
|
16767
|
+
{
|
|
16768
|
+
"description": "Output badge component styles\n",
|
|
16769
|
+
"context": {
|
|
16770
|
+
"type": "mixin",
|
|
16771
|
+
"name": "styles",
|
|
16772
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16773
|
+
"line": {
|
|
16774
|
+
"start": 99,
|
|
16775
|
+
"end": 169
|
|
16776
|
+
}
|
|
16777
|
+
}
|
|
16778
|
+
},
|
|
16779
|
+
{
|
|
16780
|
+
"description": "Output badge component styles\n",
|
|
16781
|
+
"context": {
|
|
16782
|
+
"type": "mixin",
|
|
16783
|
+
"name": "styles",
|
|
16784
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16785
|
+
"line": {
|
|
16786
|
+
"start": 99,
|
|
16787
|
+
"end": 169
|
|
16788
|
+
}
|
|
16789
|
+
}
|
|
16790
|
+
},
|
|
16791
|
+
{
|
|
16792
|
+
"description": "Output badge component styles\n",
|
|
16793
|
+
"context": {
|
|
16794
|
+
"type": "mixin",
|
|
16795
|
+
"name": "styles",
|
|
16796
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16797
|
+
"line": {
|
|
16798
|
+
"start": 99,
|
|
16799
|
+
"end": 169
|
|
16800
|
+
}
|
|
16801
|
+
}
|
|
16802
|
+
},
|
|
16803
|
+
{
|
|
16804
|
+
"description": "Output badge component styles\n",
|
|
16805
|
+
"context": {
|
|
16806
|
+
"type": "mixin",
|
|
16807
|
+
"name": "styles",
|
|
16808
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16689
16809
|
"line": {
|
|
16690
|
-
"start":
|
|
16691
|
-
"end":
|
|
16810
|
+
"start": 99,
|
|
16811
|
+
"end": 169
|
|
16692
16812
|
}
|
|
16693
16813
|
}
|
|
16694
16814
|
},
|
|
@@ -16697,10 +16817,10 @@
|
|
|
16697
16817
|
"context": {
|
|
16698
16818
|
"type": "mixin",
|
|
16699
16819
|
"name": "styles",
|
|
16700
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16820
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16701
16821
|
"line": {
|
|
16702
|
-
"start":
|
|
16703
|
-
"end":
|
|
16822
|
+
"start": 99,
|
|
16823
|
+
"end": 169
|
|
16704
16824
|
}
|
|
16705
16825
|
}
|
|
16706
16826
|
},
|
|
@@ -16709,10 +16829,10 @@
|
|
|
16709
16829
|
"context": {
|
|
16710
16830
|
"type": "mixin",
|
|
16711
16831
|
"name": "styles",
|
|
16712
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16832
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16713
16833
|
"line": {
|
|
16714
|
-
"start":
|
|
16715
|
-
"end":
|
|
16834
|
+
"start": 99,
|
|
16835
|
+
"end": 169
|
|
16716
16836
|
}
|
|
16717
16837
|
}
|
|
16718
16838
|
},
|
|
@@ -16721,10 +16841,10 @@
|
|
|
16721
16841
|
"context": {
|
|
16722
16842
|
"type": "mixin",
|
|
16723
16843
|
"name": "styles",
|
|
16724
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16844
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16725
16845
|
"line": {
|
|
16726
|
-
"start":
|
|
16727
|
-
"end":
|
|
16846
|
+
"start": 99,
|
|
16847
|
+
"end": 169
|
|
16728
16848
|
}
|
|
16729
16849
|
}
|
|
16730
16850
|
},
|
|
@@ -16733,10 +16853,10 @@
|
|
|
16733
16853
|
"context": {
|
|
16734
16854
|
"type": "mixin",
|
|
16735
16855
|
"name": "styles",
|
|
16736
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16856
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16737
16857
|
"line": {
|
|
16738
|
-
"start":
|
|
16739
|
-
"end":
|
|
16858
|
+
"start": 99,
|
|
16859
|
+
"end": 169
|
|
16740
16860
|
}
|
|
16741
16861
|
}
|
|
16742
16862
|
},
|
|
@@ -16745,10 +16865,10 @@
|
|
|
16745
16865
|
"context": {
|
|
16746
16866
|
"type": "mixin",
|
|
16747
16867
|
"name": "styles",
|
|
16748
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16868
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16749
16869
|
"line": {
|
|
16750
|
-
"start":
|
|
16751
|
-
"end":
|
|
16870
|
+
"start": 99,
|
|
16871
|
+
"end": 169
|
|
16752
16872
|
}
|
|
16753
16873
|
}
|
|
16754
16874
|
},
|
|
@@ -16757,10 +16877,10 @@
|
|
|
16757
16877
|
"context": {
|
|
16758
16878
|
"type": "mixin",
|
|
16759
16879
|
"name": "styles",
|
|
16760
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16880
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16761
16881
|
"line": {
|
|
16762
|
-
"start":
|
|
16763
|
-
"end":
|
|
16882
|
+
"start": 99,
|
|
16883
|
+
"end": 169
|
|
16764
16884
|
}
|
|
16765
16885
|
}
|
|
16766
16886
|
},
|
|
@@ -16769,10 +16889,10 @@
|
|
|
16769
16889
|
"context": {
|
|
16770
16890
|
"type": "mixin",
|
|
16771
16891
|
"name": "styles",
|
|
16772
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16892
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16773
16893
|
"line": {
|
|
16774
|
-
"start":
|
|
16775
|
-
"end":
|
|
16894
|
+
"start": 99,
|
|
16895
|
+
"end": 169
|
|
16776
16896
|
}
|
|
16777
16897
|
}
|
|
16778
16898
|
},
|
|
@@ -16781,10 +16901,10 @@
|
|
|
16781
16901
|
"context": {
|
|
16782
16902
|
"type": "mixin",
|
|
16783
16903
|
"name": "styles",
|
|
16784
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16904
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16785
16905
|
"line": {
|
|
16786
|
-
"start":
|
|
16787
|
-
"end":
|
|
16906
|
+
"start": 99,
|
|
16907
|
+
"end": 169
|
|
16788
16908
|
}
|
|
16789
16909
|
}
|
|
16790
16910
|
},
|
|
@@ -16793,10 +16913,10 @@
|
|
|
16793
16913
|
"context": {
|
|
16794
16914
|
"type": "mixin",
|
|
16795
16915
|
"name": "styles",
|
|
16796
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16916
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16797
16917
|
"line": {
|
|
16798
|
-
"start":
|
|
16799
|
-
"end":
|
|
16918
|
+
"start": 99,
|
|
16919
|
+
"end": 169
|
|
16800
16920
|
}
|
|
16801
16921
|
}
|
|
16802
16922
|
},
|
|
@@ -16805,10 +16925,10 @@
|
|
|
16805
16925
|
"context": {
|
|
16806
16926
|
"type": "mixin",
|
|
16807
16927
|
"name": "styles",
|
|
16808
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16928
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16809
16929
|
"line": {
|
|
16810
|
-
"start":
|
|
16811
|
-
"end":
|
|
16930
|
+
"start": 99,
|
|
16931
|
+
"end": 169
|
|
16812
16932
|
}
|
|
16813
16933
|
}
|
|
16814
16934
|
},
|
|
@@ -16817,10 +16937,10 @@
|
|
|
16817
16937
|
"context": {
|
|
16818
16938
|
"type": "mixin",
|
|
16819
16939
|
"name": "styles",
|
|
16820
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16940
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16821
16941
|
"line": {
|
|
16822
|
-
"start":
|
|
16823
|
-
"end":
|
|
16942
|
+
"start": 99,
|
|
16943
|
+
"end": 169
|
|
16824
16944
|
}
|
|
16825
16945
|
}
|
|
16826
16946
|
},
|
|
@@ -16829,10 +16949,10 @@
|
|
|
16829
16949
|
"context": {
|
|
16830
16950
|
"type": "mixin",
|
|
16831
16951
|
"name": "styles",
|
|
16832
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16952
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16833
16953
|
"line": {
|
|
16834
|
-
"start":
|
|
16835
|
-
"end":
|
|
16954
|
+
"start": 99,
|
|
16955
|
+
"end": 169
|
|
16836
16956
|
}
|
|
16837
16957
|
}
|
|
16838
16958
|
},
|
|
@@ -16841,10 +16961,10 @@
|
|
|
16841
16961
|
"context": {
|
|
16842
16962
|
"type": "mixin",
|
|
16843
16963
|
"name": "styles",
|
|
16844
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16964
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16845
16965
|
"line": {
|
|
16846
|
-
"start":
|
|
16847
|
-
"end":
|
|
16966
|
+
"start": 99,
|
|
16967
|
+
"end": 169
|
|
16848
16968
|
}
|
|
16849
16969
|
}
|
|
16850
16970
|
},
|
|
@@ -16853,10 +16973,10 @@
|
|
|
16853
16973
|
"context": {
|
|
16854
16974
|
"type": "mixin",
|
|
16855
16975
|
"name": "styles",
|
|
16856
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
16976
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
16857
16977
|
"line": {
|
|
16858
|
-
"start":
|
|
16859
|
-
"end":
|
|
16978
|
+
"start": 99,
|
|
16979
|
+
"end": 169
|
|
16860
16980
|
}
|
|
16861
16981
|
}
|
|
16862
16982
|
},
|
|
@@ -32650,26 +32770,32 @@
|
|
|
32650
32770
|
"description": "Module Settings\n",
|
|
32651
32771
|
"commentRange": {
|
|
32652
32772
|
"start": 21,
|
|
32653
|
-
"end":
|
|
32773
|
+
"end": 36
|
|
32654
32774
|
},
|
|
32655
32775
|
"context": {
|
|
32656
32776
|
"type": "variable",
|
|
32657
32777
|
"name": "config",
|
|
32658
|
-
"value": "(\n \"background-color\":
|
|
32778
|
+
"value": "(\n \"background-color\": rgb(205, 205, 205),\n \"background-color-hover\": null,\n \"border-radius\": 50%,\n \"color\": black,\n \"color-hover\": null,\n \"box-shadow\" : null,\n \"box-shadow-hover\" : null,\n \"font-size\": 1.5rem,\n \"font-weight\": bold,\n \"font-family\": true,\n \"width\": 7rem,\n \"hover-scale\": 1.2,\n \"transition-duration\" : 110ms,\n \"sizes\" : (\n \"small\" : (\n \"font-size\" : 1.2rem,\n \"width\" : 4rem\n ),\n \"large\" : (\n \"font-size\" : 2.75rem,\n \"width\" : 9rem\n )\n )\n)",
|
|
32659
32779
|
"scope": "default",
|
|
32660
32780
|
"line": {
|
|
32661
|
-
"start":
|
|
32662
|
-
"end":
|
|
32781
|
+
"start": 38,
|
|
32782
|
+
"end": 62
|
|
32663
32783
|
}
|
|
32664
32784
|
},
|
|
32665
32785
|
"type": "Map",
|
|
32666
32786
|
"property": [
|
|
32667
32787
|
{
|
|
32668
|
-
"type": "
|
|
32788
|
+
"type": "Color",
|
|
32669
32789
|
"name": "background-color",
|
|
32670
32790
|
"default": "gray",
|
|
32671
32791
|
"description": "Background color (if no image)"
|
|
32672
32792
|
},
|
|
32793
|
+
{
|
|
32794
|
+
"type": "Color",
|
|
32795
|
+
"name": "background-color-hover",
|
|
32796
|
+
"default": "null",
|
|
32797
|
+
"description": "Optional background color for hover when using badge--clickable modifier"
|
|
32798
|
+
},
|
|
32673
32799
|
{
|
|
32674
32800
|
"type": "Number",
|
|
32675
32801
|
"name": "border-radius",
|
|
@@ -32677,11 +32803,29 @@
|
|
|
32677
32803
|
"description": "Border radius of badge"
|
|
32678
32804
|
},
|
|
32679
32805
|
{
|
|
32680
|
-
"type": "
|
|
32806
|
+
"type": "Color",
|
|
32681
32807
|
"name": "color",
|
|
32682
32808
|
"default": "black",
|
|
32683
32809
|
"description": "Type color"
|
|
32684
32810
|
},
|
|
32811
|
+
{
|
|
32812
|
+
"type": "Color",
|
|
32813
|
+
"name": "color-hover",
|
|
32814
|
+
"default": "null",
|
|
32815
|
+
"description": "Optional color for hover when using badge--clickable modifier"
|
|
32816
|
+
},
|
|
32817
|
+
{
|
|
32818
|
+
"type": "CssValue",
|
|
32819
|
+
"name": "box-shadow",
|
|
32820
|
+
"default": "null",
|
|
32821
|
+
"description": "Optional box-shadow"
|
|
32822
|
+
},
|
|
32823
|
+
{
|
|
32824
|
+
"type": "CssValue",
|
|
32825
|
+
"name": "box-shadow-hover",
|
|
32826
|
+
"default": "null",
|
|
32827
|
+
"description": "Optional box-shadow for hover when using badge--clickable modifier"
|
|
32828
|
+
},
|
|
32685
32829
|
{
|
|
32686
32830
|
"type": "Number",
|
|
32687
32831
|
"name": "font-size",
|
|
@@ -32689,13 +32833,13 @@
|
|
|
32689
32833
|
"description": "Font size (basic ie. 1.3rem) for badge"
|
|
32690
32834
|
},
|
|
32691
32835
|
{
|
|
32692
|
-
"type": "
|
|
32836
|
+
"type": "Keyword",
|
|
32693
32837
|
"name": "font-weight",
|
|
32694
32838
|
"default": "bold",
|
|
32695
32839
|
"description": "Font weight"
|
|
32696
32840
|
},
|
|
32697
32841
|
{
|
|
32698
|
-
"type": "
|
|
32842
|
+
"type": "String",
|
|
32699
32843
|
"name": "font-family",
|
|
32700
32844
|
"default": "true",
|
|
32701
32845
|
"description": "Specify font family, defaults to typography font-family-sans"
|
|
@@ -32706,6 +32850,12 @@
|
|
|
32706
32850
|
"default": "10rem",
|
|
32707
32851
|
"description": "Width of badge (default size)"
|
|
32708
32852
|
},
|
|
32853
|
+
{
|
|
32854
|
+
"type": "Time",
|
|
32855
|
+
"name": "transition-duration",
|
|
32856
|
+
"default": "110ms",
|
|
32857
|
+
"description": "Transition duration amount for transitioned properties"
|
|
32858
|
+
},
|
|
32709
32859
|
{
|
|
32710
32860
|
"type": "Number",
|
|
32711
32861
|
"name": "hover-scale",
|
|
@@ -32735,16 +32885,16 @@
|
|
|
32735
32885
|
"path": "/sass/components/badge/#mixin-set",
|
|
32736
32886
|
"description": "Change modules $config\n",
|
|
32737
32887
|
"commentRange": {
|
|
32738
|
-
"start":
|
|
32739
|
-
"end":
|
|
32888
|
+
"start": 64,
|
|
32889
|
+
"end": 67
|
|
32740
32890
|
},
|
|
32741
32891
|
"context": {
|
|
32742
32892
|
"type": "mixin",
|
|
32743
32893
|
"name": "set",
|
|
32744
32894
|
"code": "\n $config: map.merge($config, $changes) !global;\n",
|
|
32745
32895
|
"line": {
|
|
32746
|
-
"start":
|
|
32747
|
-
"end":
|
|
32896
|
+
"start": 69,
|
|
32897
|
+
"end": 71
|
|
32748
32898
|
}
|
|
32749
32899
|
},
|
|
32750
32900
|
"parameter": [
|
|
@@ -32786,16 +32936,16 @@
|
|
|
32786
32936
|
"path": "/sass/components/badge/#function-get",
|
|
32787
32937
|
"description": "Get a config option\n",
|
|
32788
32938
|
"commentRange": {
|
|
32789
|
-
"start":
|
|
32790
|
-
"end":
|
|
32939
|
+
"start": 73,
|
|
32940
|
+
"end": 76
|
|
32791
32941
|
},
|
|
32792
32942
|
"context": {
|
|
32793
32943
|
"type": "function",
|
|
32794
32944
|
"name": "get",
|
|
32795
32945
|
"code": "\n $value: utils.require-map-get($config, $name, \"badge [config]\");\n @return utils.function-fallback($name, $value, $-fallbacks);\n",
|
|
32796
32946
|
"line": {
|
|
32797
|
-
"start":
|
|
32798
|
-
"end":
|
|
32947
|
+
"start": 78,
|
|
32948
|
+
"end": 81
|
|
32799
32949
|
}
|
|
32800
32950
|
},
|
|
32801
32951
|
"parameter": [
|
|
@@ -32833,16 +32983,16 @@
|
|
|
32833
32983
|
"path": "/sass/components/badge/#mixin-styles",
|
|
32834
32984
|
"description": "Output badge component styles\n",
|
|
32835
32985
|
"commentRange": {
|
|
32836
|
-
"start":
|
|
32837
|
-
"end":
|
|
32986
|
+
"start": 83,
|
|
32987
|
+
"end": 97
|
|
32838
32988
|
},
|
|
32839
32989
|
"context": {
|
|
32840
32990
|
"type": "mixin",
|
|
32841
32991
|
"name": "styles",
|
|
32842
|
-
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition: transform
|
|
32992
|
+
"code": "\n $prefix: selector.class(\"badge\");\n // Badge content can be text, image, icon, or background-image\n #{ $prefix } {\n display: block;\n width: get(\"width\");\n max-width: 100%;\n flex: 0 0 get(\"width\");\n font-size: get(\"font-size\");\n font-weight: get(\"font-weight\");\n font-family: get(\"font-family\");\n }\n #{ $prefix }__inner {\n display: block;\n padding-bottom: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n text-align: center;\n border-radius: get(\"border-radius\");\n transition-property: transform, color, box-shadow, background-color;\n transition-duration: get(\"transition-duration\");\n transition-timing-function: ease-in-out;\n box-shadow: get(\"box-shadow\");\n // In case this is used as a link or router-link\n &,\n &:hover,\n &:focus,\n &:visited {\n background-color: color.get(get(\"background-color\"));\n color: color.get(get(\"color\"));\n }\n }\n #{ $prefix }--clickable,\n button#{ $prefix },\n a#{ $prefix } {\n &:hover,\n &:focus {\n #{ $prefix }__inner {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n box-shadow: get(\"box-shadow-hover\");\n transform: scale(get(\"hover-scale\"));\n }\n }\n }\n #{ $prefix }__inner > * {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n #{ $prefix }__inner > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: 0 !important;\n }\n\n @each $name, $props in get(\"sizes\") {\n #{ $prefix }--#{ $name } {\n width: map.get($props, \"width\");\n font-size: map.get($props, \"font-size\");\n flex-basis: map.get($props, \"width\");\n }\n }\n",
|
|
32843
32993
|
"line": {
|
|
32844
|
-
"start":
|
|
32845
|
-
"end":
|
|
32994
|
+
"start": 99,
|
|
32995
|
+
"end": 169
|
|
32846
32996
|
}
|
|
32847
32997
|
},
|
|
32848
32998
|
"example": [
|
|
@@ -32918,6 +33068,34 @@
|
|
|
32918
33068
|
"type": "function",
|
|
32919
33069
|
"name": "get"
|
|
32920
33070
|
},
|
|
33071
|
+
{
|
|
33072
|
+
"type": "function",
|
|
33073
|
+
"name": "get"
|
|
33074
|
+
},
|
|
33075
|
+
{
|
|
33076
|
+
"type": "function",
|
|
33077
|
+
"name": "get"
|
|
33078
|
+
},
|
|
33079
|
+
{
|
|
33080
|
+
"type": "function",
|
|
33081
|
+
"name": "get"
|
|
33082
|
+
},
|
|
33083
|
+
{
|
|
33084
|
+
"type": "function",
|
|
33085
|
+
"name": "get"
|
|
33086
|
+
},
|
|
33087
|
+
{
|
|
33088
|
+
"type": "function",
|
|
33089
|
+
"name": "get"
|
|
33090
|
+
},
|
|
33091
|
+
{
|
|
33092
|
+
"type": "function",
|
|
33093
|
+
"name": "get"
|
|
33094
|
+
},
|
|
33095
|
+
{
|
|
33096
|
+
"type": "function",
|
|
33097
|
+
"name": "get"
|
|
33098
|
+
},
|
|
32921
33099
|
{
|
|
32922
33100
|
"type": "function",
|
|
32923
33101
|
"name": "get"
|
|
@@ -33646,7 +33824,7 @@
|
|
|
33646
33824
|
"description": "Module Settings\n",
|
|
33647
33825
|
"commentRange": {
|
|
33648
33826
|
"start": 21,
|
|
33649
|
-
"end":
|
|
33827
|
+
"end": 54
|
|
33650
33828
|
},
|
|
33651
33829
|
"context": {
|
|
33652
33830
|
"type": "variable",
|
|
@@ -33654,8 +33832,8 @@
|
|
|
33654
33832
|
"value": "(\n \"active-selector\": \"&.is-active\",\n \"box-shadow\": true,\n \"line-height\": 1.1,\n \"letter-spacing\": 0.02em,\n \"margin\": (0.45em 0.5em 0.45em 0),\n \"min-width\": 9rem,\n \"padding\": (0.75em 1.5em),\n \"white-space\": nowrap,\n \"border-color\": \"control-border\",\n \"border-color-active\": \"control-border-active\",\n \"border-color-hover\": \"control-border-hover\",\n \"border-radius\": 2rem,\n \"border-width\": 1px,\n \"background-color\": \"control-background\",\n \"background-color-hover\": \"control-background-hover\",\n \"background-color-active\": \"control-background-active\",\n \"color\": \"control\",\n \"color-hover\": \"control-hover\",\n \"color-active\": \"control-active\",\n \"font-family\": inherit,\n \"font-weight\": bold,\n \"font-size\": \"base\",\n \"icon-size\": 2.5rem,\n \"icon-font-size\": 1.38rem,\n \"icon-border-radius\": 50%,\n \"text-shadow\": none,\n \"text-transform\": none,\n \"text-decoration\": none,\n \"transition-enabled\": true,\n \"transition-duration\": 200ms,\n \"transition-properties\": (border-color, background-color, color, box-shadow),\n \"gap\": 0.5em,\n)",
|
|
33655
33833
|
"scope": "default",
|
|
33656
33834
|
"line": {
|
|
33657
|
-
"start":
|
|
33658
|
-
"end":
|
|
33835
|
+
"start": 56,
|
|
33836
|
+
"end": 89
|
|
33659
33837
|
}
|
|
33660
33838
|
},
|
|
33661
33839
|
"type": "Map",
|
|
@@ -33707,6 +33885,12 @@
|
|
|
33707
33885
|
"default": "nowrap",
|
|
33708
33886
|
"description": "Adjust button line wrapping, by default line's are not wrapped"
|
|
33709
33887
|
},
|
|
33888
|
+
{
|
|
33889
|
+
"type": "Dimension",
|
|
33890
|
+
"name": "gap",
|
|
33891
|
+
"default": "0.5em",
|
|
33892
|
+
"description": "Gap to use between items within the button"
|
|
33893
|
+
},
|
|
33710
33894
|
{
|
|
33711
33895
|
"type": "String",
|
|
33712
33896
|
"name": "border-color",
|
|
@@ -33862,8 +34046,8 @@
|
|
|
33862
34046
|
"path": "/sass/core/button/#variable-sizes",
|
|
33863
34047
|
"description": "Button sizes\n- A map that holds to the sizes for buttons in the theme\n- Use set-sizes() to adjust the sizes for the theme\n- Don't edit sizes variable directly\n",
|
|
33864
34048
|
"commentRange": {
|
|
33865
|
-
"start":
|
|
33866
|
-
"end":
|
|
34049
|
+
"start": 91,
|
|
34050
|
+
"end": 95
|
|
33867
34051
|
},
|
|
33868
34052
|
"context": {
|
|
33869
34053
|
"type": "variable",
|
|
@@ -33871,8 +34055,8 @@
|
|
|
33871
34055
|
"value": "(\n \"small\" : (\n \"padding\": (0.35em 1em),\n \"min-width\": 0,\n \"icon-size\": 2rem,\n \"icon-font-size\": 1rem\n ),\n \"large\" : (\n \"padding\": (1em 2em),\n \"min-width\": 11rem,\n \"icon-size\": 3.5rem\n )\n)",
|
|
33872
34056
|
"scope": "default",
|
|
33873
34057
|
"line": {
|
|
33874
|
-
"start":
|
|
33875
|
-
"end":
|
|
34058
|
+
"start": 96,
|
|
34059
|
+
"end": 109
|
|
33876
34060
|
}
|
|
33877
34061
|
},
|
|
33878
34062
|
"type": "Map",
|
|
@@ -33892,8 +34076,8 @@
|
|
|
33892
34076
|
"path": "/sass/core/button/#variable-styles",
|
|
33893
34077
|
"description": "Button styles\n- A map of styles for each button in the theme. Us set-styles() to overwrite or merge into these styles\n- Don't edit styles variable directly\n",
|
|
33894
34078
|
"commentRange": {
|
|
33895
|
-
"start":
|
|
33896
|
-
"end":
|
|
34079
|
+
"start": 111,
|
|
34080
|
+
"end": 114
|
|
33897
34081
|
},
|
|
33898
34082
|
"context": {
|
|
33899
34083
|
"type": "variable",
|
|
@@ -33901,8 +34085,8 @@
|
|
|
33901
34085
|
"value": "(\n \"transparent\" : (\n \"background-color\" : transparent,\n \"color\" : \"type\",\n \"border-color\" : transparent,\n \"box-shadow\" : none,\n \"hover\" : (\n \"background-color\" : \"control-background\",\n \"color\" : \"control\",\n \"border-color\" : \"control-border\",\n )\n ),\n \"outline\" : (\n \"background-color\" : transparent,\n \"color\" : \"type\",\n \"border-color\" : \"rule-light\",\n \"box-shadow\" : none,\n \"hover\" : (\n \"background-color\" : \"control-background\",\n \"color\" : \"control\",\n \"border-color\" : \"control-border\",\n )\n ),\n)",
|
|
33902
34086
|
"scope": "default",
|
|
33903
34087
|
"line": {
|
|
33904
|
-
"start":
|
|
33905
|
-
"end":
|
|
34088
|
+
"start": 116,
|
|
34089
|
+
"end": 139
|
|
33906
34090
|
}
|
|
33907
34091
|
},
|
|
33908
34092
|
"type": "Map",
|
|
@@ -33922,8 +34106,8 @@
|
|
|
33922
34106
|
"name": "set-styles",
|
|
33923
34107
|
"code": "\n $styles: utils.map-merge($styles, $changes, $merge-mode) !global;\n",
|
|
33924
34108
|
"line": {
|
|
33925
|
-
"start":
|
|
33926
|
-
"end":
|
|
34109
|
+
"start": 166,
|
|
34110
|
+
"end": 168
|
|
33927
34111
|
}
|
|
33928
34112
|
}
|
|
33929
34113
|
},
|
|
@@ -33934,8 +34118,8 @@
|
|
|
33934
34118
|
"name": "set-styles",
|
|
33935
34119
|
"code": "\n $styles: utils.map-merge($styles, $changes, $merge-mode) !global;\n",
|
|
33936
34120
|
"line": {
|
|
33937
|
-
"start":
|
|
33938
|
-
"end":
|
|
34121
|
+
"start": 166,
|
|
34122
|
+
"end": 168
|
|
33939
34123
|
}
|
|
33940
34124
|
}
|
|
33941
34125
|
},
|
|
@@ -33946,8 +34130,8 @@
|
|
|
33946
34130
|
"name": "get-style-value",
|
|
33947
34131
|
"code": "\n $style: utils.require-map-get($styles, $name, 'button [color value]');\n $state-style: ();\n // If a specific state [hover, active] grab that map\n @if ($state) {\n $state-style: map.get($style, $state);\n $state-style: utils.when($state-style, $state-style, ());\n }\n // From is the map to grab styles from\n $from: utils.when($state, $state-style, $style);\n $value: map.get($from, $prop);\n\n // Fallback to parent (if hover)\n @if ($state == \"hover\") {\n $value: utils.when($value, $value, map.get($style, $prop)); \n }\n\n @if (meta.type-of($value) == \"string\" and string.index($prop, \"color\")) {\n @return color.get($value);\n } @else {\n @return $value;\n }\n",
|
|
33948
34132
|
"line": {
|
|
33949
|
-
"start":
|
|
33950
|
-
"end":
|
|
34133
|
+
"start": 297,
|
|
34134
|
+
"end": 319
|
|
33951
34135
|
}
|
|
33952
34136
|
}
|
|
33953
34137
|
}
|
|
@@ -33960,16 +34144,16 @@
|
|
|
33960
34144
|
"path": "/sass/core/button/#mixin-set",
|
|
33961
34145
|
"description": "Change modules $config\n",
|
|
33962
34146
|
"commentRange": {
|
|
33963
|
-
"start":
|
|
33964
|
-
"end":
|
|
34147
|
+
"start": 141,
|
|
34148
|
+
"end": 144
|
|
33965
34149
|
},
|
|
33966
34150
|
"context": {
|
|
33967
34151
|
"type": "mixin",
|
|
33968
34152
|
"name": "set",
|
|
33969
34153
|
"code": "\n $config: map.merge($config, $changes) !global;\n",
|
|
33970
34154
|
"line": {
|
|
33971
|
-
"start":
|
|
33972
|
-
"end":
|
|
34155
|
+
"start": 146,
|
|
34156
|
+
"end": 148
|
|
33973
34157
|
}
|
|
33974
34158
|
},
|
|
33975
34159
|
"parameter": [
|
|
@@ -34012,16 +34196,16 @@
|
|
|
34012
34196
|
"path": "/sass/core/button/#function-get",
|
|
34013
34197
|
"description": "Get a config option\n",
|
|
34014
34198
|
"commentRange": {
|
|
34015
|
-
"start":
|
|
34016
|
-
"end":
|
|
34199
|
+
"start": 150,
|
|
34200
|
+
"end": 154
|
|
34017
34201
|
},
|
|
34018
34202
|
"context": {
|
|
34019
34203
|
"type": "function",
|
|
34020
34204
|
"name": "get",
|
|
34021
34205
|
"code": "\n $value: utils.require-map-get($config, $name, \"button [config]\");\n @return utils.function-fallback($name, $value, $-fallbacks);\n",
|
|
34022
34206
|
"line": {
|
|
34023
|
-
"start":
|
|
34024
|
-
"end":
|
|
34207
|
+
"start": 156,
|
|
34208
|
+
"end": 159
|
|
34025
34209
|
}
|
|
34026
34210
|
},
|
|
34027
34211
|
"parameter": [
|
|
@@ -34072,16 +34256,16 @@
|
|
|
34072
34256
|
"path": "/sass/core/button/#mixin-set-styles",
|
|
34073
34257
|
"description": "Set button styles \n- See $styles for example of structure of map\n",
|
|
34074
34258
|
"commentRange": {
|
|
34075
|
-
"start":
|
|
34076
|
-
"end":
|
|
34259
|
+
"start": 161,
|
|
34260
|
+
"end": 164
|
|
34077
34261
|
},
|
|
34078
34262
|
"context": {
|
|
34079
34263
|
"type": "mixin",
|
|
34080
34264
|
"name": "set-styles",
|
|
34081
34265
|
"code": "\n $styles: utils.map-merge($styles, $changes, $merge-mode) !global;\n",
|
|
34082
34266
|
"line": {
|
|
34083
|
-
"start":
|
|
34084
|
-
"end":
|
|
34267
|
+
"start": 166,
|
|
34268
|
+
"end": 168
|
|
34085
34269
|
}
|
|
34086
34270
|
},
|
|
34087
34271
|
"parameter": [
|
|
@@ -34126,16 +34310,16 @@
|
|
|
34126
34310
|
"path": "/sass/core/button/#mixin-set-sizes",
|
|
34127
34311
|
"description": "Set Button Sizes\n- See $sizes for example of structure of map\n",
|
|
34128
34312
|
"commentRange": {
|
|
34129
|
-
"start":
|
|
34130
|
-
"end":
|
|
34313
|
+
"start": 170,
|
|
34314
|
+
"end": 173
|
|
34131
34315
|
},
|
|
34132
34316
|
"context": {
|
|
34133
34317
|
"type": "mixin",
|
|
34134
34318
|
"name": "set-sizes",
|
|
34135
34319
|
"code": "\n $sizes: utils.map-merge($sizes, $changes, $merge-mode) !global;\n",
|
|
34136
34320
|
"line": {
|
|
34137
|
-
"start":
|
|
34138
|
-
"end":
|
|
34321
|
+
"start": 175,
|
|
34322
|
+
"end": 177
|
|
34139
34323
|
}
|
|
34140
34324
|
},
|
|
34141
34325
|
"parameter": [
|
|
@@ -34180,16 +34364,16 @@
|
|
|
34180
34364
|
"path": "/sass/core/button/#mixin-reset",
|
|
34181
34365
|
"description": "Reset CSS for button (to change browser defaults for button styling)\n",
|
|
34182
34366
|
"commentRange": {
|
|
34183
|
-
"start":
|
|
34184
|
-
"end":
|
|
34367
|
+
"start": 179,
|
|
34368
|
+
"end": 179
|
|
34185
34369
|
},
|
|
34186
34370
|
"context": {
|
|
34187
34371
|
"type": "mixin",
|
|
34188
34372
|
"name": "reset",
|
|
34189
34373
|
"code": "\n text-transform: none;\n text-align: inherit;\n background-color: transparent;\n border: transparent;\n border-radius: 0;\n margin: 0;\n padding: 0;\n appearance: none; \n color: inherit; \n cursor: pointer;\n",
|
|
34190
34374
|
"line": {
|
|
34191
|
-
"start":
|
|
34192
|
-
"end":
|
|
34375
|
+
"start": 181,
|
|
34376
|
+
"end": 192
|
|
34193
34377
|
}
|
|
34194
34378
|
},
|
|
34195
34379
|
"group": [
|
|
@@ -34208,8 +34392,8 @@
|
|
|
34208
34392
|
"name": "default",
|
|
34209
34393
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
34210
34394
|
"line": {
|
|
34211
|
-
"start":
|
|
34212
|
-
"end":
|
|
34395
|
+
"start": 197,
|
|
34396
|
+
"end": 256
|
|
34213
34397
|
}
|
|
34214
34398
|
}
|
|
34215
34399
|
}
|
|
@@ -34222,16 +34406,16 @@
|
|
|
34222
34406
|
"path": "/sass/core/button/#mixin-default",
|
|
34223
34407
|
"description": "Output the default button styles\n",
|
|
34224
34408
|
"commentRange": {
|
|
34225
|
-
"start":
|
|
34226
|
-
"end":
|
|
34409
|
+
"start": 194,
|
|
34410
|
+
"end": 195
|
|
34227
34411
|
},
|
|
34228
34412
|
"context": {
|
|
34229
34413
|
"type": "mixin",
|
|
34230
34414
|
"name": "default",
|
|
34231
34415
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
34232
34416
|
"line": {
|
|
34233
|
-
"start":
|
|
34234
|
-
"end":
|
|
34417
|
+
"start": 197,
|
|
34418
|
+
"end": 256
|
|
34235
34419
|
}
|
|
34236
34420
|
},
|
|
34237
34421
|
"parameter": [
|
|
@@ -34420,16 +34604,16 @@
|
|
|
34420
34604
|
"path": "/sass/core/button/#mixin-when-active",
|
|
34421
34605
|
"description": "Mixin to wrap in active selectors\n- Use to match the button's active selector\n",
|
|
34422
34606
|
"commentRange": {
|
|
34423
|
-
"start":
|
|
34424
|
-
"end":
|
|
34607
|
+
"start": 258,
|
|
34608
|
+
"end": 266
|
|
34425
34609
|
},
|
|
34426
34610
|
"context": {
|
|
34427
34611
|
"type": "mixin",
|
|
34428
34612
|
"name": "when-active",
|
|
34429
34613
|
"code": "\n #{ get(\"active-selector\") } {\n @content;\n }\n",
|
|
34430
34614
|
"line": {
|
|
34431
|
-
"start":
|
|
34432
|
-
"end":
|
|
34615
|
+
"start": 268,
|
|
34616
|
+
"end": 272
|
|
34433
34617
|
}
|
|
34434
34618
|
},
|
|
34435
34619
|
"example": [
|
|
@@ -34461,8 +34645,8 @@
|
|
|
34461
34645
|
"name": "default",
|
|
34462
34646
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
34463
34647
|
"line": {
|
|
34464
|
-
"start":
|
|
34465
|
-
"end":
|
|
34648
|
+
"start": 197,
|
|
34649
|
+
"end": 256
|
|
34466
34650
|
}
|
|
34467
34651
|
}
|
|
34468
34652
|
},
|
|
@@ -34473,8 +34657,8 @@
|
|
|
34473
34657
|
"name": "style",
|
|
34474
34658
|
"code": "\n @if ($no-visited) {\n @include style-styles($name);\n } @else {\n &,\n &:visited {\n @include style-styles($name);\n }\n }\n &:hover,\n &:focus {\n @include style-styles-hover($name);\n }\n @include when-active() {\n @include style-styles-active($name);\n }\n",
|
|
34475
34659
|
"line": {
|
|
34476
|
-
"start":
|
|
34477
|
-
"end":
|
|
34660
|
+
"start": 375,
|
|
34661
|
+
"end": 391
|
|
34478
34662
|
}
|
|
34479
34663
|
}
|
|
34480
34664
|
}
|
|
@@ -34487,16 +34671,16 @@
|
|
|
34487
34671
|
"path": "/sass/core/button/#mixin-size",
|
|
34488
34672
|
"description": "Print button size styles for a specific size\n",
|
|
34489
34673
|
"commentRange": {
|
|
34490
|
-
"start":
|
|
34491
|
-
"end":
|
|
34674
|
+
"start": 274,
|
|
34675
|
+
"end": 277
|
|
34492
34676
|
},
|
|
34493
34677
|
"context": {
|
|
34494
34678
|
"type": "mixin",
|
|
34495
34679
|
"name": "size",
|
|
34496
34680
|
"code": "\n $size: utils.require-map-get($sizes, $name, 'button [size]');\n $font-size: map.get($size, \"font-size\");\n padding: map.get($size, \"padding\");\n border-radius: map.get($size, \"border-radius\");\n border-width: map.get($size, \"border-width\");\n min-width: map.get($size, \"min-width\");\n @if $font-size {\n @include typography.size($font-size);\n }\n",
|
|
34497
34681
|
"line": {
|
|
34498
|
-
"start":
|
|
34499
|
-
"end":
|
|
34682
|
+
"start": 279,
|
|
34683
|
+
"end": 289
|
|
34500
34684
|
}
|
|
34501
34685
|
},
|
|
34502
34686
|
"parameter": [
|
|
@@ -34599,16 +34783,16 @@
|
|
|
34599
34783
|
"path": "/sass/core/button/#function-get-style-value",
|
|
34600
34784
|
"description": "Get a value from a button style\n",
|
|
34601
34785
|
"commentRange": {
|
|
34602
|
-
"start":
|
|
34603
|
-
"end":
|
|
34786
|
+
"start": 291,
|
|
34787
|
+
"end": 295
|
|
34604
34788
|
},
|
|
34605
34789
|
"context": {
|
|
34606
34790
|
"type": "function",
|
|
34607
34791
|
"name": "get-style-value",
|
|
34608
34792
|
"code": "\n $style: utils.require-map-get($styles, $name, 'button [color value]');\n $state-style: ();\n // If a specific state [hover, active] grab that map\n @if ($state) {\n $state-style: map.get($style, $state);\n $state-style: utils.when($state-style, $state-style, ());\n }\n // From is the map to grab styles from\n $from: utils.when($state, $state-style, $style);\n $value: map.get($from, $prop);\n\n // Fallback to parent (if hover)\n @if ($state == \"hover\") {\n $value: utils.when($value, $value, map.get($style, $prop)); \n }\n\n @if (meta.type-of($value) == \"string\" and string.index($prop, \"color\")) {\n @return color.get($value);\n } @else {\n @return $value;\n }\n",
|
|
34609
34793
|
"line": {
|
|
34610
|
-
"start":
|
|
34611
|
-
"end":
|
|
34794
|
+
"start": 297,
|
|
34795
|
+
"end": 319
|
|
34612
34796
|
}
|
|
34613
34797
|
},
|
|
34614
34798
|
"parameter": [
|
|
@@ -34627,8 +34811,8 @@
|
|
|
34627
34811
|
"value": "(\n \"transparent\" : (\n \"background-color\" : transparent,\n \"color\" : \"type\",\n \"border-color\" : transparent,\n \"box-shadow\" : none,\n \"hover\" : (\n \"background-color\" : \"control-background\",\n \"color\" : \"control\",\n \"border-color\" : \"control-border\",\n )\n ),\n \"outline\" : (\n \"background-color\" : transparent,\n \"color\" : \"type\",\n \"border-color\" : \"rule-light\",\n \"box-shadow\" : none,\n \"hover\" : (\n \"background-color\" : \"control-background\",\n \"color\" : \"control\",\n \"border-color\" : \"control-border\",\n )\n ),\n)",
|
|
34628
34812
|
"scope": "default",
|
|
34629
34813
|
"line": {
|
|
34630
|
-
"start":
|
|
34631
|
-
"end":
|
|
34814
|
+
"start": 116,
|
|
34815
|
+
"end": 139
|
|
34632
34816
|
}
|
|
34633
34817
|
},
|
|
34634
34818
|
"group": [
|
|
@@ -34642,8 +34826,8 @@
|
|
|
34642
34826
|
"name": "set-styles",
|
|
34643
34827
|
"code": "\n $styles: utils.map-merge($styles, $changes, $merge-mode) !global;\n",
|
|
34644
34828
|
"line": {
|
|
34645
|
-
"start":
|
|
34646
|
-
"end":
|
|
34829
|
+
"start": 166,
|
|
34830
|
+
"end": 168
|
|
34647
34831
|
}
|
|
34648
34832
|
},
|
|
34649
34833
|
"group": [
|
|
@@ -34709,8 +34893,8 @@
|
|
|
34709
34893
|
"name": "style-styles",
|
|
34710
34894
|
"code": "\n background-color: get-style-value($name, \"background-color\");\n color: get-style-value($name, \"color\");\n border-color: get-style-value($name, \"border-color\");\n border-width: get-style-value($name, \"border-width\");\n box-shadow: get-style-value($name, \"box-shadow\");\n text-decoration: get-style-value($name, \"text-decoration\");\n font-weight: get-style-value($name, \"font-weight\");\n @if get-style-value($name, \"transition-duration\") {\n transition-duration: get-style-value($name, \"transition-duration\");\n }\n",
|
|
34711
34895
|
"line": {
|
|
34712
|
-
"start":
|
|
34713
|
-
"end":
|
|
34896
|
+
"start": 328,
|
|
34897
|
+
"end": 339
|
|
34714
34898
|
}
|
|
34715
34899
|
}
|
|
34716
34900
|
},
|
|
@@ -34721,8 +34905,8 @@
|
|
|
34721
34905
|
"name": "style-styles",
|
|
34722
34906
|
"code": "\n background-color: get-style-value($name, \"background-color\");\n color: get-style-value($name, \"color\");\n border-color: get-style-value($name, \"border-color\");\n border-width: get-style-value($name, \"border-width\");\n box-shadow: get-style-value($name, \"box-shadow\");\n text-decoration: get-style-value($name, \"text-decoration\");\n font-weight: get-style-value($name, \"font-weight\");\n @if get-style-value($name, \"transition-duration\") {\n transition-duration: get-style-value($name, \"transition-duration\");\n }\n",
|
|
34723
34907
|
"line": {
|
|
34724
|
-
"start":
|
|
34725
|
-
"end":
|
|
34908
|
+
"start": 328,
|
|
34909
|
+
"end": 339
|
|
34726
34910
|
}
|
|
34727
34911
|
}
|
|
34728
34912
|
},
|
|
@@ -34733,8 +34917,8 @@
|
|
|
34733
34917
|
"name": "style-styles",
|
|
34734
34918
|
"code": "\n background-color: get-style-value($name, \"background-color\");\n color: get-style-value($name, \"color\");\n border-color: get-style-value($name, \"border-color\");\n border-width: get-style-value($name, \"border-width\");\n box-shadow: get-style-value($name, \"box-shadow\");\n text-decoration: get-style-value($name, \"text-decoration\");\n font-weight: get-style-value($name, \"font-weight\");\n @if get-style-value($name, \"transition-duration\") {\n transition-duration: get-style-value($name, \"transition-duration\");\n }\n",
|
|
34735
34919
|
"line": {
|
|
34736
|
-
"start":
|
|
34737
|
-
"end":
|
|
34920
|
+
"start": 328,
|
|
34921
|
+
"end": 339
|
|
34738
34922
|
}
|
|
34739
34923
|
}
|
|
34740
34924
|
},
|
|
@@ -34745,8 +34929,8 @@
|
|
|
34745
34929
|
"name": "style-styles",
|
|
34746
34930
|
"code": "\n background-color: get-style-value($name, \"background-color\");\n color: get-style-value($name, \"color\");\n border-color: get-style-value($name, \"border-color\");\n border-width: get-style-value($name, \"border-width\");\n box-shadow: get-style-value($name, \"box-shadow\");\n text-decoration: get-style-value($name, \"text-decoration\");\n font-weight: get-style-value($name, \"font-weight\");\n @if get-style-value($name, \"transition-duration\") {\n transition-duration: get-style-value($name, \"transition-duration\");\n }\n",
|
|
34747
34931
|
"line": {
|
|
34748
|
-
"start":
|
|
34749
|
-
"end":
|
|
34932
|
+
"start": 328,
|
|
34933
|
+
"end": 339
|
|
34750
34934
|
}
|
|
34751
34935
|
}
|
|
34752
34936
|
},
|
|
@@ -34757,8 +34941,8 @@
|
|
|
34757
34941
|
"name": "style-styles",
|
|
34758
34942
|
"code": "\n background-color: get-style-value($name, \"background-color\");\n color: get-style-value($name, \"color\");\n border-color: get-style-value($name, \"border-color\");\n border-width: get-style-value($name, \"border-width\");\n box-shadow: get-style-value($name, \"box-shadow\");\n text-decoration: get-style-value($name, \"text-decoration\");\n font-weight: get-style-value($name, \"font-weight\");\n @if get-style-value($name, \"transition-duration\") {\n transition-duration: get-style-value($name, \"transition-duration\");\n }\n",
|
|
34759
34943
|
"line": {
|
|
34760
|
-
"start":
|
|
34761
|
-
"end":
|
|
34944
|
+
"start": 328,
|
|
34945
|
+
"end": 339
|
|
34762
34946
|
}
|
|
34763
34947
|
}
|
|
34764
34948
|
},
|
|
@@ -34769,8 +34953,8 @@
|
|
|
34769
34953
|
"name": "style-styles",
|
|
34770
34954
|
"code": "\n background-color: get-style-value($name, \"background-color\");\n color: get-style-value($name, \"color\");\n border-color: get-style-value($name, \"border-color\");\n border-width: get-style-value($name, \"border-width\");\n box-shadow: get-style-value($name, \"box-shadow\");\n text-decoration: get-style-value($name, \"text-decoration\");\n font-weight: get-style-value($name, \"font-weight\");\n @if get-style-value($name, \"transition-duration\") {\n transition-duration: get-style-value($name, \"transition-duration\");\n }\n",
|
|
34771
34955
|
"line": {
|
|
34772
|
-
"start":
|
|
34773
|
-
"end":
|
|
34956
|
+
"start": 328,
|
|
34957
|
+
"end": 339
|
|
34774
34958
|
}
|
|
34775
34959
|
}
|
|
34776
34960
|
},
|
|
@@ -34781,8 +34965,8 @@
|
|
|
34781
34965
|
"name": "style-styles",
|
|
34782
34966
|
"code": "\n background-color: get-style-value($name, \"background-color\");\n color: get-style-value($name, \"color\");\n border-color: get-style-value($name, \"border-color\");\n border-width: get-style-value($name, \"border-width\");\n box-shadow: get-style-value($name, \"box-shadow\");\n text-decoration: get-style-value($name, \"text-decoration\");\n font-weight: get-style-value($name, \"font-weight\");\n @if get-style-value($name, \"transition-duration\") {\n transition-duration: get-style-value($name, \"transition-duration\");\n }\n",
|
|
34783
34967
|
"line": {
|
|
34784
|
-
"start":
|
|
34785
|
-
"end":
|
|
34968
|
+
"start": 328,
|
|
34969
|
+
"end": 339
|
|
34786
34970
|
}
|
|
34787
34971
|
}
|
|
34788
34972
|
},
|
|
@@ -34793,8 +34977,8 @@
|
|
|
34793
34977
|
"name": "style-styles",
|
|
34794
34978
|
"code": "\n background-color: get-style-value($name, \"background-color\");\n color: get-style-value($name, \"color\");\n border-color: get-style-value($name, \"border-color\");\n border-width: get-style-value($name, \"border-width\");\n box-shadow: get-style-value($name, \"box-shadow\");\n text-decoration: get-style-value($name, \"text-decoration\");\n font-weight: get-style-value($name, \"font-weight\");\n @if get-style-value($name, \"transition-duration\") {\n transition-duration: get-style-value($name, \"transition-duration\");\n }\n",
|
|
34795
34979
|
"line": {
|
|
34796
|
-
"start":
|
|
34797
|
-
"end":
|
|
34980
|
+
"start": 328,
|
|
34981
|
+
"end": 339
|
|
34798
34982
|
}
|
|
34799
34983
|
}
|
|
34800
34984
|
},
|
|
@@ -34805,8 +34989,8 @@
|
|
|
34805
34989
|
"name": "style-styles",
|
|
34806
34990
|
"code": "\n background-color: get-style-value($name, \"background-color\");\n color: get-style-value($name, \"color\");\n border-color: get-style-value($name, \"border-color\");\n border-width: get-style-value($name, \"border-width\");\n box-shadow: get-style-value($name, \"box-shadow\");\n text-decoration: get-style-value($name, \"text-decoration\");\n font-weight: get-style-value($name, \"font-weight\");\n @if get-style-value($name, \"transition-duration\") {\n transition-duration: get-style-value($name, \"transition-duration\");\n }\n",
|
|
34807
34991
|
"line": {
|
|
34808
|
-
"start":
|
|
34809
|
-
"end":
|
|
34992
|
+
"start": 328,
|
|
34993
|
+
"end": 339
|
|
34810
34994
|
}
|
|
34811
34995
|
}
|
|
34812
34996
|
},
|
|
@@ -34817,8 +35001,8 @@
|
|
|
34817
35001
|
"name": "style-styles-hover",
|
|
34818
35002
|
"code": "\n background-color: get-style-value($name, \"background-color\", \"hover\");\n color: get-style-value($name, \"color\", \"hover\");\n border-color: get-style-value($name, \"border-color\", \"hover\");\n box-shadow: get-style-value($name, \"box-shadow\", \"hover\");\n text-decoration: get-style-value($name, \"text-decoration\", \"hover\");\n",
|
|
34819
35003
|
"line": {
|
|
34820
|
-
"start":
|
|
34821
|
-
"end":
|
|
35004
|
+
"start": 348,
|
|
35005
|
+
"end": 354
|
|
34822
35006
|
}
|
|
34823
35007
|
}
|
|
34824
35008
|
},
|
|
@@ -34829,8 +35013,8 @@
|
|
|
34829
35013
|
"name": "style-styles-hover",
|
|
34830
35014
|
"code": "\n background-color: get-style-value($name, \"background-color\", \"hover\");\n color: get-style-value($name, \"color\", \"hover\");\n border-color: get-style-value($name, \"border-color\", \"hover\");\n box-shadow: get-style-value($name, \"box-shadow\", \"hover\");\n text-decoration: get-style-value($name, \"text-decoration\", \"hover\");\n",
|
|
34831
35015
|
"line": {
|
|
34832
|
-
"start":
|
|
34833
|
-
"end":
|
|
35016
|
+
"start": 348,
|
|
35017
|
+
"end": 354
|
|
34834
35018
|
}
|
|
34835
35019
|
}
|
|
34836
35020
|
},
|
|
@@ -34841,8 +35025,8 @@
|
|
|
34841
35025
|
"name": "style-styles-hover",
|
|
34842
35026
|
"code": "\n background-color: get-style-value($name, \"background-color\", \"hover\");\n color: get-style-value($name, \"color\", \"hover\");\n border-color: get-style-value($name, \"border-color\", \"hover\");\n box-shadow: get-style-value($name, \"box-shadow\", \"hover\");\n text-decoration: get-style-value($name, \"text-decoration\", \"hover\");\n",
|
|
34843
35027
|
"line": {
|
|
34844
|
-
"start":
|
|
34845
|
-
"end":
|
|
35028
|
+
"start": 348,
|
|
35029
|
+
"end": 354
|
|
34846
35030
|
}
|
|
34847
35031
|
}
|
|
34848
35032
|
},
|
|
@@ -34853,8 +35037,8 @@
|
|
|
34853
35037
|
"name": "style-styles-hover",
|
|
34854
35038
|
"code": "\n background-color: get-style-value($name, \"background-color\", \"hover\");\n color: get-style-value($name, \"color\", \"hover\");\n border-color: get-style-value($name, \"border-color\", \"hover\");\n box-shadow: get-style-value($name, \"box-shadow\", \"hover\");\n text-decoration: get-style-value($name, \"text-decoration\", \"hover\");\n",
|
|
34855
35039
|
"line": {
|
|
34856
|
-
"start":
|
|
34857
|
-
"end":
|
|
35040
|
+
"start": 348,
|
|
35041
|
+
"end": 354
|
|
34858
35042
|
}
|
|
34859
35043
|
}
|
|
34860
35044
|
},
|
|
@@ -34865,8 +35049,8 @@
|
|
|
34865
35049
|
"name": "style-styles-hover",
|
|
34866
35050
|
"code": "\n background-color: get-style-value($name, \"background-color\", \"hover\");\n color: get-style-value($name, \"color\", \"hover\");\n border-color: get-style-value($name, \"border-color\", \"hover\");\n box-shadow: get-style-value($name, \"box-shadow\", \"hover\");\n text-decoration: get-style-value($name, \"text-decoration\", \"hover\");\n",
|
|
34867
35051
|
"line": {
|
|
34868
|
-
"start":
|
|
34869
|
-
"end":
|
|
35052
|
+
"start": 348,
|
|
35053
|
+
"end": 354
|
|
34870
35054
|
}
|
|
34871
35055
|
}
|
|
34872
35056
|
}
|
|
@@ -34879,16 +35063,16 @@
|
|
|
34879
35063
|
"path": "/sass/core/button/#mixin-style-styles",
|
|
34880
35064
|
"description": "Print a button style's base styles (not hover)\n- In most cases you want the style() mixin\n- This is used mainly for trying to match a buttons base styles without including the other state (hover, etc) styles\n",
|
|
34881
35065
|
"commentRange": {
|
|
34882
|
-
"start":
|
|
34883
|
-
"end":
|
|
35066
|
+
"start": 321,
|
|
35067
|
+
"end": 326
|
|
34884
35068
|
},
|
|
34885
35069
|
"context": {
|
|
34886
35070
|
"type": "mixin",
|
|
34887
35071
|
"name": "style-styles",
|
|
34888
35072
|
"code": "\n background-color: get-style-value($name, \"background-color\");\n color: get-style-value($name, \"color\");\n border-color: get-style-value($name, \"border-color\");\n border-width: get-style-value($name, \"border-width\");\n box-shadow: get-style-value($name, \"box-shadow\");\n text-decoration: get-style-value($name, \"text-decoration\");\n font-weight: get-style-value($name, \"font-weight\");\n @if get-style-value($name, \"transition-duration\") {\n transition-duration: get-style-value($name, \"transition-duration\");\n }\n",
|
|
34889
35073
|
"line": {
|
|
34890
|
-
"start":
|
|
34891
|
-
"end":
|
|
35074
|
+
"start": 328,
|
|
35075
|
+
"end": 339
|
|
34892
35076
|
}
|
|
34893
35077
|
},
|
|
34894
35078
|
"parameter": [
|
|
@@ -34907,8 +35091,8 @@
|
|
|
34907
35091
|
"value": "(\n \"transparent\" : (\n \"background-color\" : transparent,\n \"color\" : \"type\",\n \"border-color\" : transparent,\n \"box-shadow\" : none,\n \"hover\" : (\n \"background-color\" : \"control-background\",\n \"color\" : \"control\",\n \"border-color\" : \"control-border\",\n )\n ),\n \"outline\" : (\n \"background-color\" : transparent,\n \"color\" : \"type\",\n \"border-color\" : \"rule-light\",\n \"box-shadow\" : none,\n \"hover\" : (\n \"background-color\" : \"control-background\",\n \"color\" : \"control\",\n \"border-color\" : \"control-border\",\n )\n ),\n)",
|
|
34908
35092
|
"scope": "default",
|
|
34909
35093
|
"line": {
|
|
34910
|
-
"start":
|
|
34911
|
-
"end":
|
|
35094
|
+
"start": 116,
|
|
35095
|
+
"end": 139
|
|
34912
35096
|
}
|
|
34913
35097
|
},
|
|
34914
35098
|
"group": [
|
|
@@ -34922,8 +35106,8 @@
|
|
|
34922
35106
|
"name": "set-styles",
|
|
34923
35107
|
"code": "\n $styles: utils.map-merge($styles, $changes, $merge-mode) !global;\n",
|
|
34924
35108
|
"line": {
|
|
34925
|
-
"start":
|
|
34926
|
-
"end":
|
|
35109
|
+
"start": 166,
|
|
35110
|
+
"end": 168
|
|
34927
35111
|
}
|
|
34928
35112
|
},
|
|
34929
35113
|
"group": [
|
|
@@ -34985,8 +35169,8 @@
|
|
|
34985
35169
|
"name": "style",
|
|
34986
35170
|
"code": "\n @if ($no-visited) {\n @include style-styles($name);\n } @else {\n &,\n &:visited {\n @include style-styles($name);\n }\n }\n &:hover,\n &:focus {\n @include style-styles-hover($name);\n }\n @include when-active() {\n @include style-styles-active($name);\n }\n",
|
|
34987
35171
|
"line": {
|
|
34988
|
-
"start":
|
|
34989
|
-
"end":
|
|
35172
|
+
"start": 375,
|
|
35173
|
+
"end": 391
|
|
34990
35174
|
}
|
|
34991
35175
|
}
|
|
34992
35176
|
},
|
|
@@ -34997,8 +35181,8 @@
|
|
|
34997
35181
|
"name": "style",
|
|
34998
35182
|
"code": "\n @if ($no-visited) {\n @include style-styles($name);\n } @else {\n &,\n &:visited {\n @include style-styles($name);\n }\n }\n &:hover,\n &:focus {\n @include style-styles-hover($name);\n }\n @include when-active() {\n @include style-styles-active($name);\n }\n",
|
|
34999
35183
|
"line": {
|
|
35000
|
-
"start":
|
|
35001
|
-
"end":
|
|
35184
|
+
"start": 375,
|
|
35185
|
+
"end": 391
|
|
35002
35186
|
}
|
|
35003
35187
|
}
|
|
35004
35188
|
}
|
|
@@ -35011,16 +35195,16 @@
|
|
|
35011
35195
|
"path": "/sass/core/button/#mixin-style-styles-hover",
|
|
35012
35196
|
"description": "Print a button style's base styles (hover styles only)\n- In most cases you want the style() mixin\n- This is used mainly for trying to match a buttons hover styles without including the base styling\n",
|
|
35013
35197
|
"commentRange": {
|
|
35014
|
-
"start":
|
|
35015
|
-
"end":
|
|
35198
|
+
"start": 341,
|
|
35199
|
+
"end": 346
|
|
35016
35200
|
},
|
|
35017
35201
|
"context": {
|
|
35018
35202
|
"type": "mixin",
|
|
35019
35203
|
"name": "style-styles-hover",
|
|
35020
35204
|
"code": "\n background-color: get-style-value($name, \"background-color\", \"hover\");\n color: get-style-value($name, \"color\", \"hover\");\n border-color: get-style-value($name, \"border-color\", \"hover\");\n box-shadow: get-style-value($name, \"box-shadow\", \"hover\");\n text-decoration: get-style-value($name, \"text-decoration\", \"hover\");\n",
|
|
35021
35205
|
"line": {
|
|
35022
|
-
"start":
|
|
35023
|
-
"end":
|
|
35206
|
+
"start": 348,
|
|
35207
|
+
"end": 354
|
|
35024
35208
|
}
|
|
35025
35209
|
},
|
|
35026
35210
|
"parameter": [
|
|
@@ -35039,8 +35223,8 @@
|
|
|
35039
35223
|
"value": "(\n \"transparent\" : (\n \"background-color\" : transparent,\n \"color\" : \"type\",\n \"border-color\" : transparent,\n \"box-shadow\" : none,\n \"hover\" : (\n \"background-color\" : \"control-background\",\n \"color\" : \"control\",\n \"border-color\" : \"control-border\",\n )\n ),\n \"outline\" : (\n \"background-color\" : transparent,\n \"color\" : \"type\",\n \"border-color\" : \"rule-light\",\n \"box-shadow\" : none,\n \"hover\" : (\n \"background-color\" : \"control-background\",\n \"color\" : \"control\",\n \"border-color\" : \"control-border\",\n )\n ),\n)",
|
|
35040
35224
|
"scope": "default",
|
|
35041
35225
|
"line": {
|
|
35042
|
-
"start":
|
|
35043
|
-
"end":
|
|
35226
|
+
"start": 116,
|
|
35227
|
+
"end": 139
|
|
35044
35228
|
}
|
|
35045
35229
|
},
|
|
35046
35230
|
"group": [
|
|
@@ -35054,8 +35238,8 @@
|
|
|
35054
35238
|
"name": "set-styles",
|
|
35055
35239
|
"code": "\n $styles: utils.map-merge($styles, $changes, $merge-mode) !global;\n",
|
|
35056
35240
|
"line": {
|
|
35057
|
-
"start":
|
|
35058
|
-
"end":
|
|
35241
|
+
"start": 166,
|
|
35242
|
+
"end": 168
|
|
35059
35243
|
}
|
|
35060
35244
|
},
|
|
35061
35245
|
"group": [
|
|
@@ -35101,8 +35285,8 @@
|
|
|
35101
35285
|
"name": "style",
|
|
35102
35286
|
"code": "\n @if ($no-visited) {\n @include style-styles($name);\n } @else {\n &,\n &:visited {\n @include style-styles($name);\n }\n }\n &:hover,\n &:focus {\n @include style-styles-hover($name);\n }\n @include when-active() {\n @include style-styles-active($name);\n }\n",
|
|
35103
35287
|
"line": {
|
|
35104
|
-
"start":
|
|
35105
|
-
"end":
|
|
35288
|
+
"start": 375,
|
|
35289
|
+
"end": 391
|
|
35106
35290
|
}
|
|
35107
35291
|
}
|
|
35108
35292
|
}
|
|
@@ -35115,16 +35299,16 @@
|
|
|
35115
35299
|
"path": "/sass/core/button/#mixin-style",
|
|
35116
35300
|
"description": "Print a button style\n- Includes base/visited styling, and hover/focus state styles\n- To print only one of those states, use style-styles or style-styles-hover\n- By default this mixin prints the buttons base styles along with :visited state. \n This is to avoid link visited states effecting the button styles (if used in editor areas \n or other areas that apply automatic links styling for example. (param below to override behavior)\n",
|
|
35117
35301
|
"commentRange": {
|
|
35118
|
-
"start":
|
|
35119
|
-
"end":
|
|
35302
|
+
"start": 364,
|
|
35303
|
+
"end": 373
|
|
35120
35304
|
},
|
|
35121
35305
|
"context": {
|
|
35122
35306
|
"type": "mixin",
|
|
35123
35307
|
"name": "style",
|
|
35124
35308
|
"code": "\n @if ($no-visited) {\n @include style-styles($name);\n } @else {\n &,\n &:visited {\n @include style-styles($name);\n }\n }\n &:hover,\n &:focus {\n @include style-styles-hover($name);\n }\n @include when-active() {\n @include style-styles-active($name);\n }\n",
|
|
35125
35309
|
"line": {
|
|
35126
|
-
"start":
|
|
35127
|
-
"end":
|
|
35310
|
+
"start": 375,
|
|
35311
|
+
"end": 391
|
|
35128
35312
|
}
|
|
35129
35313
|
},
|
|
35130
35314
|
"parameter": [
|
|
@@ -35149,8 +35333,8 @@
|
|
|
35149
35333
|
"value": "(\n \"transparent\" : (\n \"background-color\" : transparent,\n \"color\" : \"type\",\n \"border-color\" : transparent,\n \"box-shadow\" : none,\n \"hover\" : (\n \"background-color\" : \"control-background\",\n \"color\" : \"control\",\n \"border-color\" : \"control-border\",\n )\n ),\n \"outline\" : (\n \"background-color\" : transparent,\n \"color\" : \"type\",\n \"border-color\" : \"rule-light\",\n \"box-shadow\" : none,\n \"hover\" : (\n \"background-color\" : \"control-background\",\n \"color\" : \"control\",\n \"border-color\" : \"control-border\",\n )\n ),\n)",
|
|
35150
35334
|
"scope": "default",
|
|
35151
35335
|
"line": {
|
|
35152
|
-
"start":
|
|
35153
|
-
"end":
|
|
35336
|
+
"start": 116,
|
|
35337
|
+
"end": 139
|
|
35154
35338
|
}
|
|
35155
35339
|
},
|
|
35156
35340
|
"group": [
|
|
@@ -35164,8 +35348,8 @@
|
|
|
35164
35348
|
"name": "set-styles",
|
|
35165
35349
|
"code": "\n $styles: utils.map-merge($styles, $changes, $merge-mode) !global;\n",
|
|
35166
35350
|
"line": {
|
|
35167
|
-
"start":
|
|
35168
|
-
"end":
|
|
35351
|
+
"start": 166,
|
|
35352
|
+
"end": 168
|
|
35169
35353
|
}
|
|
35170
35354
|
},
|
|
35171
35355
|
"group": [
|
|
@@ -55764,8 +55948,8 @@
|
|
|
55764
55948
|
"name": "set",
|
|
55765
55949
|
"code": "\n $config: map.merge($config, $changes) !global;\n",
|
|
55766
55950
|
"line": {
|
|
55767
|
-
"start":
|
|
55768
|
-
"end":
|
|
55951
|
+
"start": 146,
|
|
55952
|
+
"end": 148
|
|
55769
55953
|
}
|
|
55770
55954
|
}
|
|
55771
55955
|
},
|
|
@@ -55776,8 +55960,8 @@
|
|
|
55776
55960
|
"name": "set",
|
|
55777
55961
|
"code": "\n $config: map.merge($config, $changes) !global;\n",
|
|
55778
55962
|
"line": {
|
|
55779
|
-
"start":
|
|
55780
|
-
"end":
|
|
55963
|
+
"start": 146,
|
|
55964
|
+
"end": 148
|
|
55781
55965
|
}
|
|
55782
55966
|
}
|
|
55783
55967
|
},
|
|
@@ -55788,8 +55972,8 @@
|
|
|
55788
55972
|
"name": "get",
|
|
55789
55973
|
"code": "\n $value: utils.require-map-get($config, $name, \"button [config]\");\n @return utils.function-fallback($name, $value, $-fallbacks);\n",
|
|
55790
55974
|
"line": {
|
|
55791
|
-
"start":
|
|
55792
|
-
"end":
|
|
55975
|
+
"start": 156,
|
|
55976
|
+
"end": 159
|
|
55793
55977
|
}
|
|
55794
55978
|
}
|
|
55795
55979
|
},
|
|
@@ -56283,8 +56467,8 @@
|
|
|
56283
56467
|
"name": "default",
|
|
56284
56468
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56285
56469
|
"line": {
|
|
56286
|
-
"start":
|
|
56287
|
-
"end":
|
|
56470
|
+
"start": 197,
|
|
56471
|
+
"end": 256
|
|
56288
56472
|
}
|
|
56289
56473
|
}
|
|
56290
56474
|
},
|
|
@@ -56295,8 +56479,8 @@
|
|
|
56295
56479
|
"name": "default",
|
|
56296
56480
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56297
56481
|
"line": {
|
|
56298
|
-
"start":
|
|
56299
|
-
"end":
|
|
56482
|
+
"start": 197,
|
|
56483
|
+
"end": 256
|
|
56300
56484
|
}
|
|
56301
56485
|
}
|
|
56302
56486
|
},
|
|
@@ -56307,8 +56491,8 @@
|
|
|
56307
56491
|
"name": "default",
|
|
56308
56492
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56309
56493
|
"line": {
|
|
56310
|
-
"start":
|
|
56311
|
-
"end":
|
|
56494
|
+
"start": 197,
|
|
56495
|
+
"end": 256
|
|
56312
56496
|
}
|
|
56313
56497
|
}
|
|
56314
56498
|
},
|
|
@@ -56319,8 +56503,8 @@
|
|
|
56319
56503
|
"name": "default",
|
|
56320
56504
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56321
56505
|
"line": {
|
|
56322
|
-
"start":
|
|
56323
|
-
"end":
|
|
56506
|
+
"start": 197,
|
|
56507
|
+
"end": 256
|
|
56324
56508
|
}
|
|
56325
56509
|
}
|
|
56326
56510
|
},
|
|
@@ -56331,8 +56515,8 @@
|
|
|
56331
56515
|
"name": "default",
|
|
56332
56516
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56333
56517
|
"line": {
|
|
56334
|
-
"start":
|
|
56335
|
-
"end":
|
|
56518
|
+
"start": 197,
|
|
56519
|
+
"end": 256
|
|
56336
56520
|
}
|
|
56337
56521
|
}
|
|
56338
56522
|
},
|
|
@@ -56343,8 +56527,8 @@
|
|
|
56343
56527
|
"name": "default",
|
|
56344
56528
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56345
56529
|
"line": {
|
|
56346
|
-
"start":
|
|
56347
|
-
"end":
|
|
56530
|
+
"start": 197,
|
|
56531
|
+
"end": 256
|
|
56348
56532
|
}
|
|
56349
56533
|
}
|
|
56350
56534
|
},
|
|
@@ -56355,8 +56539,8 @@
|
|
|
56355
56539
|
"name": "default",
|
|
56356
56540
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56357
56541
|
"line": {
|
|
56358
|
-
"start":
|
|
56359
|
-
"end":
|
|
56542
|
+
"start": 197,
|
|
56543
|
+
"end": 256
|
|
56360
56544
|
}
|
|
56361
56545
|
}
|
|
56362
56546
|
},
|
|
@@ -56367,8 +56551,8 @@
|
|
|
56367
56551
|
"name": "default",
|
|
56368
56552
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56369
56553
|
"line": {
|
|
56370
|
-
"start":
|
|
56371
|
-
"end":
|
|
56554
|
+
"start": 197,
|
|
56555
|
+
"end": 256
|
|
56372
56556
|
}
|
|
56373
56557
|
}
|
|
56374
56558
|
},
|
|
@@ -56379,8 +56563,8 @@
|
|
|
56379
56563
|
"name": "default",
|
|
56380
56564
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56381
56565
|
"line": {
|
|
56382
|
-
"start":
|
|
56383
|
-
"end":
|
|
56566
|
+
"start": 197,
|
|
56567
|
+
"end": 256
|
|
56384
56568
|
}
|
|
56385
56569
|
}
|
|
56386
56570
|
},
|
|
@@ -56391,8 +56575,8 @@
|
|
|
56391
56575
|
"name": "default",
|
|
56392
56576
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56393
56577
|
"line": {
|
|
56394
|
-
"start":
|
|
56395
|
-
"end":
|
|
56578
|
+
"start": 197,
|
|
56579
|
+
"end": 256
|
|
56396
56580
|
}
|
|
56397
56581
|
}
|
|
56398
56582
|
},
|
|
@@ -56403,8 +56587,8 @@
|
|
|
56403
56587
|
"name": "default",
|
|
56404
56588
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56405
56589
|
"line": {
|
|
56406
|
-
"start":
|
|
56407
|
-
"end":
|
|
56590
|
+
"start": 197,
|
|
56591
|
+
"end": 256
|
|
56408
56592
|
}
|
|
56409
56593
|
}
|
|
56410
56594
|
},
|
|
@@ -56415,8 +56599,8 @@
|
|
|
56415
56599
|
"name": "default",
|
|
56416
56600
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56417
56601
|
"line": {
|
|
56418
|
-
"start":
|
|
56419
|
-
"end":
|
|
56602
|
+
"start": 197,
|
|
56603
|
+
"end": 256
|
|
56420
56604
|
}
|
|
56421
56605
|
}
|
|
56422
56606
|
},
|
|
@@ -56427,8 +56611,8 @@
|
|
|
56427
56611
|
"name": "default",
|
|
56428
56612
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56429
56613
|
"line": {
|
|
56430
|
-
"start":
|
|
56431
|
-
"end":
|
|
56614
|
+
"start": 197,
|
|
56615
|
+
"end": 256
|
|
56432
56616
|
}
|
|
56433
56617
|
}
|
|
56434
56618
|
},
|
|
@@ -56439,8 +56623,8 @@
|
|
|
56439
56623
|
"name": "default",
|
|
56440
56624
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56441
56625
|
"line": {
|
|
56442
|
-
"start":
|
|
56443
|
-
"end":
|
|
56626
|
+
"start": 197,
|
|
56627
|
+
"end": 256
|
|
56444
56628
|
}
|
|
56445
56629
|
}
|
|
56446
56630
|
},
|
|
@@ -56451,8 +56635,8 @@
|
|
|
56451
56635
|
"name": "default",
|
|
56452
56636
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56453
56637
|
"line": {
|
|
56454
|
-
"start":
|
|
56455
|
-
"end":
|
|
56638
|
+
"start": 197,
|
|
56639
|
+
"end": 256
|
|
56456
56640
|
}
|
|
56457
56641
|
}
|
|
56458
56642
|
},
|
|
@@ -56463,8 +56647,8 @@
|
|
|
56463
56647
|
"name": "default",
|
|
56464
56648
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56465
56649
|
"line": {
|
|
56466
|
-
"start":
|
|
56467
|
-
"end":
|
|
56650
|
+
"start": 197,
|
|
56651
|
+
"end": 256
|
|
56468
56652
|
}
|
|
56469
56653
|
}
|
|
56470
56654
|
},
|
|
@@ -56475,8 +56659,8 @@
|
|
|
56475
56659
|
"name": "default",
|
|
56476
56660
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56477
56661
|
"line": {
|
|
56478
|
-
"start":
|
|
56479
|
-
"end":
|
|
56662
|
+
"start": 197,
|
|
56663
|
+
"end": 256
|
|
56480
56664
|
}
|
|
56481
56665
|
}
|
|
56482
56666
|
},
|
|
@@ -56487,8 +56671,8 @@
|
|
|
56487
56671
|
"name": "default",
|
|
56488
56672
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56489
56673
|
"line": {
|
|
56490
|
-
"start":
|
|
56491
|
-
"end":
|
|
56674
|
+
"start": 197,
|
|
56675
|
+
"end": 256
|
|
56492
56676
|
}
|
|
56493
56677
|
}
|
|
56494
56678
|
},
|
|
@@ -56499,8 +56683,8 @@
|
|
|
56499
56683
|
"name": "default",
|
|
56500
56684
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56501
56685
|
"line": {
|
|
56502
|
-
"start":
|
|
56503
|
-
"end":
|
|
56686
|
+
"start": 197,
|
|
56687
|
+
"end": 256
|
|
56504
56688
|
}
|
|
56505
56689
|
}
|
|
56506
56690
|
},
|
|
@@ -56511,8 +56695,8 @@
|
|
|
56511
56695
|
"name": "default",
|
|
56512
56696
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56513
56697
|
"line": {
|
|
56514
|
-
"start":
|
|
56515
|
-
"end":
|
|
56698
|
+
"start": 197,
|
|
56699
|
+
"end": 256
|
|
56516
56700
|
}
|
|
56517
56701
|
}
|
|
56518
56702
|
},
|
|
@@ -56523,8 +56707,8 @@
|
|
|
56523
56707
|
"name": "default",
|
|
56524
56708
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56525
56709
|
"line": {
|
|
56526
|
-
"start":
|
|
56527
|
-
"end":
|
|
56710
|
+
"start": 197,
|
|
56711
|
+
"end": 256
|
|
56528
56712
|
}
|
|
56529
56713
|
}
|
|
56530
56714
|
},
|
|
@@ -56535,8 +56719,8 @@
|
|
|
56535
56719
|
"name": "default",
|
|
56536
56720
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56537
56721
|
"line": {
|
|
56538
|
-
"start":
|
|
56539
|
-
"end":
|
|
56722
|
+
"start": 197,
|
|
56723
|
+
"end": 256
|
|
56540
56724
|
}
|
|
56541
56725
|
}
|
|
56542
56726
|
},
|
|
@@ -56547,8 +56731,8 @@
|
|
|
56547
56731
|
"name": "default",
|
|
56548
56732
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56549
56733
|
"line": {
|
|
56550
|
-
"start":
|
|
56551
|
-
"end":
|
|
56734
|
+
"start": 197,
|
|
56735
|
+
"end": 256
|
|
56552
56736
|
}
|
|
56553
56737
|
}
|
|
56554
56738
|
},
|
|
@@ -56559,8 +56743,8 @@
|
|
|
56559
56743
|
"name": "default",
|
|
56560
56744
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56561
56745
|
"line": {
|
|
56562
|
-
"start":
|
|
56563
|
-
"end":
|
|
56746
|
+
"start": 197,
|
|
56747
|
+
"end": 256
|
|
56564
56748
|
}
|
|
56565
56749
|
}
|
|
56566
56750
|
},
|
|
@@ -56571,8 +56755,8 @@
|
|
|
56571
56755
|
"name": "default",
|
|
56572
56756
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56573
56757
|
"line": {
|
|
56574
|
-
"start":
|
|
56575
|
-
"end":
|
|
56758
|
+
"start": 197,
|
|
56759
|
+
"end": 256
|
|
56576
56760
|
}
|
|
56577
56761
|
}
|
|
56578
56762
|
},
|
|
@@ -56583,8 +56767,8 @@
|
|
|
56583
56767
|
"name": "default",
|
|
56584
56768
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56585
56769
|
"line": {
|
|
56586
|
-
"start":
|
|
56587
|
-
"end":
|
|
56770
|
+
"start": 197,
|
|
56771
|
+
"end": 256
|
|
56588
56772
|
}
|
|
56589
56773
|
}
|
|
56590
56774
|
},
|
|
@@ -56595,8 +56779,8 @@
|
|
|
56595
56779
|
"name": "default",
|
|
56596
56780
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56597
56781
|
"line": {
|
|
56598
|
-
"start":
|
|
56599
|
-
"end":
|
|
56782
|
+
"start": 197,
|
|
56783
|
+
"end": 256
|
|
56600
56784
|
}
|
|
56601
56785
|
}
|
|
56602
56786
|
},
|
|
@@ -56607,8 +56791,8 @@
|
|
|
56607
56791
|
"name": "default",
|
|
56608
56792
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56609
56793
|
"line": {
|
|
56610
|
-
"start":
|
|
56611
|
-
"end":
|
|
56794
|
+
"start": 197,
|
|
56795
|
+
"end": 256
|
|
56612
56796
|
}
|
|
56613
56797
|
}
|
|
56614
56798
|
},
|
|
@@ -56619,8 +56803,8 @@
|
|
|
56619
56803
|
"name": "default",
|
|
56620
56804
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56621
56805
|
"line": {
|
|
56622
|
-
"start":
|
|
56623
|
-
"end":
|
|
56806
|
+
"start": 197,
|
|
56807
|
+
"end": 256
|
|
56624
56808
|
}
|
|
56625
56809
|
}
|
|
56626
56810
|
},
|
|
@@ -56631,8 +56815,8 @@
|
|
|
56631
56815
|
"name": "default",
|
|
56632
56816
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56633
56817
|
"line": {
|
|
56634
|
-
"start":
|
|
56635
|
-
"end":
|
|
56818
|
+
"start": 197,
|
|
56819
|
+
"end": 256
|
|
56636
56820
|
}
|
|
56637
56821
|
}
|
|
56638
56822
|
},
|
|
@@ -56643,8 +56827,8 @@
|
|
|
56643
56827
|
"name": "default",
|
|
56644
56828
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56645
56829
|
"line": {
|
|
56646
|
-
"start":
|
|
56647
|
-
"end":
|
|
56830
|
+
"start": 197,
|
|
56831
|
+
"end": 256
|
|
56648
56832
|
}
|
|
56649
56833
|
}
|
|
56650
56834
|
},
|
|
@@ -56655,8 +56839,8 @@
|
|
|
56655
56839
|
"name": "default",
|
|
56656
56840
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56657
56841
|
"line": {
|
|
56658
|
-
"start":
|
|
56659
|
-
"end":
|
|
56842
|
+
"start": 197,
|
|
56843
|
+
"end": 256
|
|
56660
56844
|
}
|
|
56661
56845
|
}
|
|
56662
56846
|
},
|
|
@@ -56667,8 +56851,8 @@
|
|
|
56667
56851
|
"name": "default",
|
|
56668
56852
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56669
56853
|
"line": {
|
|
56670
|
-
"start":
|
|
56671
|
-
"end":
|
|
56854
|
+
"start": 197,
|
|
56855
|
+
"end": 256
|
|
56672
56856
|
}
|
|
56673
56857
|
}
|
|
56674
56858
|
},
|
|
@@ -56679,8 +56863,8 @@
|
|
|
56679
56863
|
"name": "default",
|
|
56680
56864
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56681
56865
|
"line": {
|
|
56682
|
-
"start":
|
|
56683
|
-
"end":
|
|
56866
|
+
"start": 197,
|
|
56867
|
+
"end": 256
|
|
56684
56868
|
}
|
|
56685
56869
|
}
|
|
56686
56870
|
},
|
|
@@ -56691,8 +56875,8 @@
|
|
|
56691
56875
|
"name": "default",
|
|
56692
56876
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56693
56877
|
"line": {
|
|
56694
|
-
"start":
|
|
56695
|
-
"end":
|
|
56878
|
+
"start": 197,
|
|
56879
|
+
"end": 256
|
|
56696
56880
|
}
|
|
56697
56881
|
}
|
|
56698
56882
|
},
|
|
@@ -56703,8 +56887,8 @@
|
|
|
56703
56887
|
"name": "default",
|
|
56704
56888
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56705
56889
|
"line": {
|
|
56706
|
-
"start":
|
|
56707
|
-
"end":
|
|
56890
|
+
"start": 197,
|
|
56891
|
+
"end": 256
|
|
56708
56892
|
}
|
|
56709
56893
|
}
|
|
56710
56894
|
},
|
|
@@ -56715,8 +56899,8 @@
|
|
|
56715
56899
|
"name": "default",
|
|
56716
56900
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56717
56901
|
"line": {
|
|
56718
|
-
"start":
|
|
56719
|
-
"end":
|
|
56902
|
+
"start": 197,
|
|
56903
|
+
"end": 256
|
|
56720
56904
|
}
|
|
56721
56905
|
}
|
|
56722
56906
|
},
|
|
@@ -56727,8 +56911,8 @@
|
|
|
56727
56911
|
"name": "default",
|
|
56728
56912
|
"code": "\n $font-size: get(\"font-size\");\n @if ($with-reset) {\n @include reset();\n }\n appearance: none; // If used with select for example\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: get(\"gap\");\n text-transform: get(\"text-transform\");\n text-shadow: get(\"text-shadow\");\n vertical-align: middle;\n font-family: get(\"font-family\");\n font-weight: get(\"font-weight\");\n @if ($font-size) {\n @include typography.size($font-size, null, true);\n }\n border-radius: get(\"border-radius\");\n // Removed not sure why it was needed, effects buttons with \n // borders (rendering between bg and border)\n // background-clip: padding-box; \n padding: get(\"padding\");\n line-height: get(\"line-height\");\n letter-spacing: get(\"letter-spacing\");\n box-shadow: get(\"box-shadow\");\n margin: get(\"margin\");\n min-width: get(\"min-width\");\n white-space: get(\"white-space\");\n max-width: 100%; // Questionable, not sure if it's needed\n flex-shrink: 0; \n // Should override link visited coloring\n \n @if get(\"transition-enabled\") {\n transition-duration: get(\"transition-duration\");\n transition-property: get(\"transition-properties\");\n }\n &,\n &:visited {\n color: color.get(get(\"color\"));\n border: get(\"border-width\") solid color.get(get(\"border-color\"));\n background-color: color.get(get(\"background-color\"));\n text-decoration: get(\"text-decoration\");\n }\n &:last-child {\n margin-right: 0;\n }\n &:hover,\n &:focus {\n color: color.get(get(\"color-hover\"));\n background-color: color.get(get(\"background-color-hover\"));\n border-color: color.get(get(\"border-color-hover\"));\n text-decoration: get(\"text-decoration\");\n }\n @include when-active() {\n color: color.get(get(\"color-active\"));\n background-color: color.get(get(\"background-color-active\"));\n border-color: color.get(get(\"border-color-active\"));\n }\n",
|
|
56729
56913
|
"line": {
|
|
56730
|
-
"start":
|
|
56731
|
-
"end":
|
|
56914
|
+
"start": 197,
|
|
56915
|
+
"end": 256
|
|
56732
56916
|
}
|
|
56733
56917
|
}
|
|
56734
56918
|
},
|
|
@@ -56739,8 +56923,8 @@
|
|
|
56739
56923
|
"name": "when-active",
|
|
56740
56924
|
"code": "\n #{ get(\"active-selector\") } {\n @content;\n }\n",
|
|
56741
56925
|
"line": {
|
|
56742
|
-
"start":
|
|
56743
|
-
"end":
|
|
56926
|
+
"start": 268,
|
|
56927
|
+
"end": 272
|
|
56744
56928
|
}
|
|
56745
56929
|
}
|
|
56746
56930
|
},
|
|
@@ -56751,8 +56935,8 @@
|
|
|
56751
56935
|
"name": "size",
|
|
56752
56936
|
"code": "\n $size: utils.require-map-get($sizes, $name, 'button [size]');\n $font-size: map.get($size, \"font-size\");\n padding: map.get($size, \"padding\");\n border-radius: map.get($size, \"border-radius\");\n border-width: map.get($size, \"border-width\");\n min-width: map.get($size, \"min-width\");\n @if $font-size {\n @include typography.size($font-size);\n }\n",
|
|
56753
56937
|
"line": {
|
|
56754
|
-
"start":
|
|
56755
|
-
"end":
|
|
56938
|
+
"start": 279,
|
|
56939
|
+
"end": 289
|
|
56756
56940
|
}
|
|
56757
56941
|
}
|
|
56758
56942
|
},
|
|
@@ -56763,8 +56947,8 @@
|
|
|
56763
56947
|
"name": "size",
|
|
56764
56948
|
"code": "\n $size: utils.require-map-get($sizes, $name, 'button [size]');\n $font-size: map.get($size, \"font-size\");\n padding: map.get($size, \"padding\");\n border-radius: map.get($size, \"border-radius\");\n border-width: map.get($size, \"border-width\");\n min-width: map.get($size, \"min-width\");\n @if $font-size {\n @include typography.size($font-size);\n }\n",
|
|
56765
56949
|
"line": {
|
|
56766
|
-
"start":
|
|
56767
|
-
"end":
|
|
56950
|
+
"start": 279,
|
|
56951
|
+
"end": 289
|
|
56768
56952
|
}
|
|
56769
56953
|
}
|
|
56770
56954
|
},
|
|
@@ -56775,8 +56959,8 @@
|
|
|
56775
56959
|
"name": "size",
|
|
56776
56960
|
"code": "\n $size: utils.require-map-get($sizes, $name, 'button [size]');\n $font-size: map.get($size, \"font-size\");\n padding: map.get($size, \"padding\");\n border-radius: map.get($size, \"border-radius\");\n border-width: map.get($size, \"border-width\");\n min-width: map.get($size, \"min-width\");\n @if $font-size {\n @include typography.size($font-size);\n }\n",
|
|
56777
56961
|
"line": {
|
|
56778
|
-
"start":
|
|
56779
|
-
"end":
|
|
56962
|
+
"start": 279,
|
|
56963
|
+
"end": 289
|
|
56780
56964
|
}
|
|
56781
56965
|
}
|
|
56782
56966
|
},
|
|
@@ -56787,8 +56971,8 @@
|
|
|
56787
56971
|
"name": "size",
|
|
56788
56972
|
"code": "\n $size: utils.require-map-get($sizes, $name, 'button [size]');\n $font-size: map.get($size, \"font-size\");\n padding: map.get($size, \"padding\");\n border-radius: map.get($size, \"border-radius\");\n border-width: map.get($size, \"border-width\");\n min-width: map.get($size, \"min-width\");\n @if $font-size {\n @include typography.size($font-size);\n }\n",
|
|
56789
56973
|
"line": {
|
|
56790
|
-
"start":
|
|
56791
|
-
"end":
|
|
56974
|
+
"start": 279,
|
|
56975
|
+
"end": 289
|
|
56792
56976
|
}
|
|
56793
56977
|
}
|
|
56794
56978
|
},
|
|
@@ -56799,8 +56983,8 @@
|
|
|
56799
56983
|
"name": "size",
|
|
56800
56984
|
"code": "\n $size: utils.require-map-get($sizes, $name, 'button [size]');\n $font-size: map.get($size, \"font-size\");\n padding: map.get($size, \"padding\");\n border-radius: map.get($size, \"border-radius\");\n border-width: map.get($size, \"border-width\");\n min-width: map.get($size, \"min-width\");\n @if $font-size {\n @include typography.size($font-size);\n }\n",
|
|
56801
56985
|
"line": {
|
|
56802
|
-
"start":
|
|
56803
|
-
"end":
|
|
56986
|
+
"start": 279,
|
|
56987
|
+
"end": 289
|
|
56804
56988
|
}
|
|
56805
56989
|
}
|
|
56806
56990
|
},
|
|
@@ -56811,8 +56995,8 @@
|
|
|
56811
56995
|
"name": "get-style-value",
|
|
56812
56996
|
"code": "\n $style: utils.require-map-get($styles, $name, 'button [color value]');\n $state-style: ();\n // If a specific state [hover, active] grab that map\n @if ($state) {\n $state-style: map.get($style, $state);\n $state-style: utils.when($state-style, $state-style, ());\n }\n // From is the map to grab styles from\n $from: utils.when($state, $state-style, $style);\n $value: map.get($from, $prop);\n\n // Fallback to parent (if hover)\n @if ($state == \"hover\") {\n $value: utils.when($value, $value, map.get($style, $prop)); \n }\n\n @if (meta.type-of($value) == \"string\" and string.index($prop, \"color\")) {\n @return color.get($value);\n } @else {\n @return $value;\n }\n",
|
|
56813
56997
|
"line": {
|
|
56814
|
-
"start":
|
|
56815
|
-
"end":
|
|
56998
|
+
"start": 297,
|
|
56999
|
+
"end": 319
|
|
56816
57000
|
}
|
|
56817
57001
|
}
|
|
56818
57002
|
},
|
|
@@ -56823,8 +57007,8 @@
|
|
|
56823
57007
|
"name": "get-style-value",
|
|
56824
57008
|
"code": "\n $style: utils.require-map-get($styles, $name, 'button [color value]');\n $state-style: ();\n // If a specific state [hover, active] grab that map\n @if ($state) {\n $state-style: map.get($style, $state);\n $state-style: utils.when($state-style, $state-style, ());\n }\n // From is the map to grab styles from\n $from: utils.when($state, $state-style, $style);\n $value: map.get($from, $prop);\n\n // Fallback to parent (if hover)\n @if ($state == \"hover\") {\n $value: utils.when($value, $value, map.get($style, $prop)); \n }\n\n @if (meta.type-of($value) == \"string\" and string.index($prop, \"color\")) {\n @return color.get($value);\n } @else {\n @return $value;\n }\n",
|
|
56825
57009
|
"line": {
|
|
56826
|
-
"start":
|
|
56827
|
-
"end":
|
|
57010
|
+
"start": 297,
|
|
57011
|
+
"end": 319
|
|
56828
57012
|
}
|
|
56829
57013
|
}
|
|
56830
57014
|
},
|
|
@@ -56835,8 +57019,8 @@
|
|
|
56835
57019
|
"name": "get-style-value",
|
|
56836
57020
|
"code": "\n $style: utils.require-map-get($styles, $name, 'button [color value]');\n $state-style: ();\n // If a specific state [hover, active] grab that map\n @if ($state) {\n $state-style: map.get($style, $state);\n $state-style: utils.when($state-style, $state-style, ());\n }\n // From is the map to grab styles from\n $from: utils.when($state, $state-style, $style);\n $value: map.get($from, $prop);\n\n // Fallback to parent (if hover)\n @if ($state == \"hover\") {\n $value: utils.when($value, $value, map.get($style, $prop)); \n }\n\n @if (meta.type-of($value) == \"string\" and string.index($prop, \"color\")) {\n @return color.get($value);\n } @else {\n @return $value;\n }\n",
|
|
56837
57021
|
"line": {
|
|
56838
|
-
"start":
|
|
56839
|
-
"end":
|
|
57022
|
+
"start": 297,
|
|
57023
|
+
"end": 319
|
|
56840
57024
|
}
|
|
56841
57025
|
}
|
|
56842
57026
|
},
|
|
@@ -56847,8 +57031,8 @@
|
|
|
56847
57031
|
"name": "get-style-value",
|
|
56848
57032
|
"code": "\n $style: utils.require-map-get($styles, $name, 'button [color value]');\n $state-style: ();\n // If a specific state [hover, active] grab that map\n @if ($state) {\n $state-style: map.get($style, $state);\n $state-style: utils.when($state-style, $state-style, ());\n }\n // From is the map to grab styles from\n $from: utils.when($state, $state-style, $style);\n $value: map.get($from, $prop);\n\n // Fallback to parent (if hover)\n @if ($state == \"hover\") {\n $value: utils.when($value, $value, map.get($style, $prop)); \n }\n\n @if (meta.type-of($value) == \"string\" and string.index($prop, \"color\")) {\n @return color.get($value);\n } @else {\n @return $value;\n }\n",
|
|
56849
57033
|
"line": {
|
|
56850
|
-
"start":
|
|
56851
|
-
"end":
|
|
57034
|
+
"start": 297,
|
|
57035
|
+
"end": 319
|
|
56852
57036
|
}
|
|
56853
57037
|
}
|
|
56854
57038
|
},
|
|
@@ -58451,8 +58635,8 @@
|
|
|
58451
58635
|
"name": "set-sizes",
|
|
58452
58636
|
"code": "\n $sizes: utils.map-merge($sizes, $changes, $merge-mode) !global;\n",
|
|
58453
58637
|
"line": {
|
|
58454
|
-
"start":
|
|
58455
|
-
"end":
|
|
58638
|
+
"start": 175,
|
|
58639
|
+
"end": 177
|
|
58456
58640
|
}
|
|
58457
58641
|
}
|
|
58458
58642
|
},
|
|
@@ -58463,8 +58647,8 @@
|
|
|
58463
58647
|
"name": "set-sizes",
|
|
58464
58648
|
"code": "\n $sizes: utils.map-merge($sizes, $changes, $merge-mode) !global;\n",
|
|
58465
58649
|
"line": {
|
|
58466
|
-
"start":
|
|
58467
|
-
"end":
|
|
58650
|
+
"start": 175,
|
|
58651
|
+
"end": 177
|
|
58468
58652
|
}
|
|
58469
58653
|
}
|
|
58470
58654
|
},
|
|
@@ -58475,8 +58659,8 @@
|
|
|
58475
58659
|
"name": "size",
|
|
58476
58660
|
"code": "\n $size: utils.require-map-get($sizes, $name, 'button [size]');\n $font-size: map.get($size, \"font-size\");\n padding: map.get($size, \"padding\");\n border-radius: map.get($size, \"border-radius\");\n border-width: map.get($size, \"border-width\");\n min-width: map.get($size, \"min-width\");\n @if $font-size {\n @include typography.size($font-size);\n }\n",
|
|
58477
58661
|
"line": {
|
|
58478
|
-
"start":
|
|
58479
|
-
"end":
|
|
58662
|
+
"start": 279,
|
|
58663
|
+
"end": 289
|
|
58480
58664
|
}
|
|
58481
58665
|
}
|
|
58482
58666
|
},
|
|
@@ -62713,8 +62897,8 @@
|
|
|
62713
62897
|
"name": "get",
|
|
62714
62898
|
"code": "\n $value: utils.require-map-get($config, $name, \"button [config]\");\n @return utils.function-fallback($name, $value, $-fallbacks);\n",
|
|
62715
62899
|
"line": {
|
|
62716
|
-
"start":
|
|
62717
|
-
"end":
|
|
62900
|
+
"start": 156,
|
|
62901
|
+
"end": 159
|
|
62718
62902
|
}
|
|
62719
62903
|
}
|
|
62720
62904
|
},
|
|
@@ -62725,8 +62909,8 @@
|
|
|
62725
62909
|
"name": "size",
|
|
62726
62910
|
"code": "\n $size: utils.require-map-get($sizes, $name, 'button [size]');\n $font-size: map.get($size, \"font-size\");\n padding: map.get($size, \"padding\");\n border-radius: map.get($size, \"border-radius\");\n border-width: map.get($size, \"border-width\");\n min-width: map.get($size, \"min-width\");\n @if $font-size {\n @include typography.size($font-size);\n }\n",
|
|
62727
62911
|
"line": {
|
|
62728
|
-
"start":
|
|
62729
|
-
"end":
|
|
62912
|
+
"start": 279,
|
|
62913
|
+
"end": 289
|
|
62730
62914
|
}
|
|
62731
62915
|
}
|
|
62732
62916
|
},
|
|
@@ -62737,8 +62921,8 @@
|
|
|
62737
62921
|
"name": "get-style-value",
|
|
62738
62922
|
"code": "\n $style: utils.require-map-get($styles, $name, 'button [color value]');\n $state-style: ();\n // If a specific state [hover, active] grab that map\n @if ($state) {\n $state-style: map.get($style, $state);\n $state-style: utils.when($state-style, $state-style, ());\n }\n // From is the map to grab styles from\n $from: utils.when($state, $state-style, $style);\n $value: map.get($from, $prop);\n\n // Fallback to parent (if hover)\n @if ($state == \"hover\") {\n $value: utils.when($value, $value, map.get($style, $prop)); \n }\n\n @if (meta.type-of($value) == \"string\" and string.index($prop, \"color\")) {\n @return color.get($value);\n } @else {\n @return $value;\n }\n",
|
|
62739
62923
|
"line": {
|
|
62740
|
-
"start":
|
|
62741
|
-
"end":
|
|
62924
|
+
"start": 297,
|
|
62925
|
+
"end": 319
|
|
62742
62926
|
}
|
|
62743
62927
|
}
|
|
62744
62928
|
},
|
|
@@ -63259,8 +63443,8 @@
|
|
|
63259
63443
|
"name": "get-style-value",
|
|
63260
63444
|
"code": "\n $style: utils.require-map-get($styles, $name, 'button [color value]');\n $state-style: ();\n // If a specific state [hover, active] grab that map\n @if ($state) {\n $state-style: map.get($style, $state);\n $state-style: utils.when($state-style, $state-style, ());\n }\n // From is the map to grab styles from\n $from: utils.when($state, $state-style, $style);\n $value: map.get($from, $prop);\n\n // Fallback to parent (if hover)\n @if ($state == \"hover\") {\n $value: utils.when($value, $value, map.get($style, $prop)); \n }\n\n @if (meta.type-of($value) == \"string\" and string.index($prop, \"color\")) {\n @return color.get($value);\n } @else {\n @return $value;\n }\n",
|
|
63261
63445
|
"line": {
|
|
63262
|
-
"start":
|
|
63263
|
-
"end":
|
|
63446
|
+
"start": 297,
|
|
63447
|
+
"end": 319
|
|
63264
63448
|
}
|
|
63265
63449
|
}
|
|
63266
63450
|
},
|
|
@@ -63271,8 +63455,8 @@
|
|
|
63271
63455
|
"name": "get-style-value",
|
|
63272
63456
|
"code": "\n $style: utils.require-map-get($styles, $name, 'button [color value]');\n $state-style: ();\n // If a specific state [hover, active] grab that map\n @if ($state) {\n $state-style: map.get($style, $state);\n $state-style: utils.when($state-style, $state-style, ());\n }\n // From is the map to grab styles from\n $from: utils.when($state, $state-style, $style);\n $value: map.get($from, $prop);\n\n // Fallback to parent (if hover)\n @if ($state == \"hover\") {\n $value: utils.when($value, $value, map.get($style, $prop)); \n }\n\n @if (meta.type-of($value) == \"string\" and string.index($prop, \"color\")) {\n @return color.get($value);\n } @else {\n @return $value;\n }\n",
|
|
63273
63457
|
"line": {
|
|
63274
|
-
"start":
|
|
63275
|
-
"end":
|
|
63458
|
+
"start": 297,
|
|
63459
|
+
"end": 319
|
|
63276
63460
|
}
|
|
63277
63461
|
}
|
|
63278
63462
|
},
|
|
@@ -63283,8 +63467,8 @@
|
|
|
63283
63467
|
"name": "get-style-value",
|
|
63284
63468
|
"code": "\n $style: utils.require-map-get($styles, $name, 'button [color value]');\n $state-style: ();\n // If a specific state [hover, active] grab that map\n @if ($state) {\n $state-style: map.get($style, $state);\n $state-style: utils.when($state-style, $state-style, ());\n }\n // From is the map to grab styles from\n $from: utils.when($state, $state-style, $style);\n $value: map.get($from, $prop);\n\n // Fallback to parent (if hover)\n @if ($state == \"hover\") {\n $value: utils.when($value, $value, map.get($style, $prop)); \n }\n\n @if (meta.type-of($value) == \"string\" and string.index($prop, \"color\")) {\n @return color.get($value);\n } @else {\n @return $value;\n }\n",
|
|
63285
63469
|
"line": {
|
|
63286
|
-
"start":
|
|
63287
|
-
"end":
|
|
63470
|
+
"start": 297,
|
|
63471
|
+
"end": 319
|
|
63288
63472
|
}
|
|
63289
63473
|
}
|
|
63290
63474
|
},
|
|
@@ -63859,8 +64043,8 @@
|
|
|
63859
64043
|
"name": "set-styles",
|
|
63860
64044
|
"code": "\n $styles: utils.map-merge($styles, $changes, $merge-mode) !global;\n",
|
|
63861
64045
|
"line": {
|
|
63862
|
-
"start":
|
|
63863
|
-
"end":
|
|
64046
|
+
"start": 166,
|
|
64047
|
+
"end": 168
|
|
63864
64048
|
}
|
|
63865
64049
|
}
|
|
63866
64050
|
},
|
|
@@ -63871,8 +64055,8 @@
|
|
|
63871
64055
|
"name": "set-sizes",
|
|
63872
64056
|
"code": "\n $sizes: utils.map-merge($sizes, $changes, $merge-mode) !global;\n",
|
|
63873
64057
|
"line": {
|
|
63874
|
-
"start":
|
|
63875
|
-
"end":
|
|
64058
|
+
"start": 175,
|
|
64059
|
+
"end": 177
|
|
63876
64060
|
}
|
|
63877
64061
|
}
|
|
63878
64062
|
},
|
|
@@ -64419,8 +64603,8 @@
|
|
|
64419
64603
|
"name": "get",
|
|
64420
64604
|
"code": "\n $value: utils.require-map-get($config, $name, \"button [config]\");\n @return utils.function-fallback($name, $value, $-fallbacks);\n",
|
|
64421
64605
|
"line": {
|
|
64422
|
-
"start":
|
|
64423
|
-
"end":
|
|
64606
|
+
"start": 156,
|
|
64607
|
+
"end": 159
|
|
64424
64608
|
}
|
|
64425
64609
|
}
|
|
64426
64610
|
}
|