@bmlt-enabled/croutonjs 3.25.1 → 3.26.1

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/crouton-core.css CHANGED
@@ -183,15 +183,15 @@ span.bmlt_tabs_group_count {
183
183
  color: #FFF;
184
184
  }
185
185
 
186
- #bmlt-tabs a#map-button,#bmlt-tabs a#share-button,.bmlt-data-row button.get-directions-modal {
186
+ #bmlt-tabs a.map-button,#bmlt-tabs a.share-button,.bmlt-data-row button.get-directions-modal {
187
187
  margin-bottom: 4px;
188
188
  }
189
189
 
190
- #bmlt-tabs a#bmlt-formats {
190
+ #bmlt-tabs a.bmlt-formats {
191
191
  margin: 4px 0;
192
192
  }
193
193
 
194
- #bmlt-formats.btn-xs,#map-button.btn-xs,#share-button.btn-xs,.bmlt-data-row button.get-directions-modal {
194
+ .bmlt-formats.btn-xs,.map-button.btn-xs,.share-button.btn-xs,.bmlt-data-row button.get-directions-modal {
195
195
  padding: 3px 5px;
196
196
  font-size: 10px;
197
197
  background-color: #93C3CD;
@@ -199,7 +199,7 @@ span.bmlt_tabs_group_count {
199
199
  border-color: #C5C5C5;
200
200
  }
201
201
 
202
- #bmlt-formats.btn-xs:hover,#map-button.btn-xs:hover,#share-button.btn-xs:hover,.bmlt-data-row button.get-directions-modal:hover {
202
+ .bmlt-formats.btn-xs:hover,.map-button.btn-xs:hover,.share-button.btn-xs:hover,.bmlt-data-row button.get-directions-modal:hover {
203
203
  background-color: #F1F1F1;
204
204
  }
205
205
 
@@ -351,6 +351,19 @@ span.bmlt_tabs_group_count {
351
351
  transition: height .7s; /* doesn't work because height=auto */
352
352
  overflow-y: hidden;
353
353
  }
354
+ a.modal-button {
355
+ float: right;
356
+ line-height: normal;
357
+ border: solid;
358
+ border-width: 1px;
359
+ padding: 5px;
360
+ text-decoration: none;
361
+ border-radius: 10px;
362
+ color: black;
363
+ margin-right: 15px;
364
+ font-weight: 100;
365
+ font-size: 14pt;
366
+ }
354
367
  @media (max-width: 39.9375em) {
355
368
  #bmlt-tabs .bmlt-header {
356
369
  display: block !important;
@@ -364,14 +377,13 @@ span.bmlt_tabs_group_count {
364
377
  width: 100% !important;
365
378
  }
366
379
 
367
- #bmlt-tabs a#bmlt-formats,#bmlt-tabs a#map-button,.bmlt-data-row button.get-directions-modal {
380
+ #bmlt-tabs a.bmlt-formats,#bmlt-tabs a.map-button,.bmlt-data-row button.get-directions-modal {
368
381
  border-radius: 0;
369
382
  }
370
383
 
371
- #bmlt-tabs a#bmlt-formats,#bmlt-tabs a#share-button {
384
+ #bmlt-tabs a.bmlt-formats,#bmlt-tabs a.share-button {
372
385
  border-radius: 0;
373
386
  }
374
-
375
387
  #bmlt-tabs .nav-tabs > li > a {
376
388
  border-radius: 0 !important;
377
389
  margin-right: 0 !important;
@@ -417,16 +429,16 @@ span.bmlt_tabs_group_count {
417
429
  height: auto;
418
430
  }
419
431
 
420
- #bmlt-formats.btn-xs,#map-button.btn-xs,#share-button.btn-xs {
432
+ .bmlt-formats.btn-xs,.map-button.btn-xs,.share-button.btn-xs {
421
433
  padding: 2px 7px !important;
422
434
  font-size: 12px !important;
423
435
  }
424
436
 
425
- #map-button.btn-xs,#share-button.btn-xs,.bmlt-data-row button.get-directions-modal {
437
+ .map-button.btn-xs,.share-button.btn-xs,.bmlt-data-row button.get-directions-modal {
426
438
  display: -webkit-inline-box;
427
439
  }
428
440
 
429
- #bmlt-tabs a#bmlt-formats {
441
+ #bmlt-tabs a.bmlt-formats {
430
442
  margin-top: 10px;
431
443
  }
432
444
 
@@ -1315,4 +1327,468 @@ div.bmlt_map_container_div button {
1315
1327
  button.advanced-search-button {
1316
1328
  float: right;
1317
1329
  margin-top: 20px;
1318
- }
1330
+ }
1331
+
1332
+ .card {
1333
+ border: 0;
1334
+ }
1335
+ .card .card-header {
1336
+ display: flex;
1337
+ justify-content: space-between;
1338
+ align-items: stretch;
1339
+ flex-wrap: wrap;
1340
+ min-height: 70px;
1341
+ padding: 0 2.25rem;
1342
+ }
1343
+ .card .card-header .card-title {
1344
+ display: flex;
1345
+ align-items: center;
1346
+ margin: 0.5rem;
1347
+ }
1348
+ .card .card-header .card-title.flex-column {
1349
+ align-items: flex-start;
1350
+ justify-content: center;
1351
+ }
1352
+ .card .card-header .card-title .card-icon {
1353
+ margin-left: 0.75rem;
1354
+ line-height: 0;
1355
+ }
1356
+ .card .card-header .card-title .card-icon i {
1357
+ font-size: 1.25rem;
1358
+ line-height: 0;
1359
+ }
1360
+ .card .card-header .card-title .card-icon i:after, .card .card-header .card-title .card-icon i:before {
1361
+ line-height: 0;
1362
+ }
1363
+ .card .card-header .card-title .card-icon .svg-icon svg {
1364
+ height: 24px;
1365
+ width: 24px;
1366
+ }
1367
+ .card .card-header .card-title,
1368
+ .card .card-header .card-title .card-label {
1369
+ font-weight: 500;
1370
+ font-size: 1.275rem;
1371
+ }
1372
+ .card .card-header .card-title .card-label {
1373
+ margin: 0 0 0 0.75rem;
1374
+ flex-wrap: wrap;
1375
+ }
1376
+ .card .card-header .card-title h1, .card .card-header .card-title .h1, .card .card-header .card-title h2, .card .card-header .card-title .h2, .card .card-header .card-title h3, .card .card-header .card-title .h3, .card .card-header .card-title h4, .card .card-header .card-title .h4, .card .card-header .card-title h5, .card .card-header .card-title .h5, .card .card-header .card-title h6, .card .card-header .card-title .h6 {
1377
+ margin-bottom: 0;
1378
+ }
1379
+ .card .card-header .card-toolbar {
1380
+ display: flex;
1381
+ align-items: center;
1382
+ margin: 0.5rem 0;
1383
+ flex-wrap: wrap;
1384
+ }
1385
+ .card .card-scroll {
1386
+ position: relative;
1387
+ overflow: auto;
1388
+ }
1389
+ .card.card-px-0 .card-header,
1390
+ .card.card-px-0 .card-body,
1391
+ .card.card-px-0 .card-footer {
1392
+ padding-right: 0;
1393
+ padding-left: 0;
1394
+ }
1395
+ .card.card-py-0 .card-header,
1396
+ .card.card-py-0 .card-body,
1397
+ .card.card-py-0 .card-footer {
1398
+ padding-top: 0;
1399
+ padding-bottom: 0;
1400
+ }
1401
+ .card.card-p-0 .card-header,
1402
+ .card.card-p-0 .card-body,
1403
+ .card.card-p-0 .card-footer {
1404
+ padding: 0;
1405
+ }
1406
+
1407
+ .card.card-bordered {
1408
+ box-shadow: none;
1409
+ border: 1px solid black;
1410
+ }
1411
+ .card.card-flush > .card-header {
1412
+ border-bottom: 0 !important;
1413
+ }
1414
+ .card.card-flush > .card-footer {
1415
+ border-top: 0 !important;
1416
+ }
1417
+ .card-meeting-row {
1418
+ margin-inline-start: 10px;
1419
+ }
1420
+ .card.card-reset {
1421
+ border: 0 !important;
1422
+ box-shadow: none !important;
1423
+ background-color: transparent !important;
1424
+ }
1425
+ .card.card-reset > .card-header {
1426
+ border-bottom: 0 !important;
1427
+ }
1428
+ .card.card-reset > .card-footer {
1429
+ border-top: 0 !important;
1430
+ }
1431
+ .card.card-borderless {
1432
+ border: 0 !important;
1433
+ }
1434
+ .card.card-borderless > .card-header {
1435
+ border-bottom: 0 !important;
1436
+ }
1437
+ .card.card-borderless > .card-footer {
1438
+ border-top: 0 !important;
1439
+ }
1440
+ .card.card-border-0 {
1441
+ border: 0 !important;
1442
+ }
1443
+
1444
+ .card.card-stretch {
1445
+ height: 100%;
1446
+ }
1447
+ .card.card-stretch-75 {
1448
+ height: 75%;
1449
+ }
1450
+ .card .card-header-stretch {
1451
+ padding-top: 0 !important;
1452
+ padding-bottom: 0 !important;
1453
+ align-items: stretch;
1454
+ }
1455
+ .card .card-header-stretch .card-toolbar {
1456
+ margin: 0;
1457
+ align-items: stretch;
1458
+ }
1459
+ .card h5 {
1460
+ margin-top: 0px;
1461
+ margin-bottom: 10px;
1462
+ }
1463
+ @media (min-width: 768px) {
1464
+ .card .card-body {
1465
+ padding: .5rem .5rem;
1466
+ }
1467
+ .card .card-footer {
1468
+ padding: 2rem 2.25rem;
1469
+ }
1470
+ .card .card-header-md-stretch {
1471
+ padding-top: 0 !important;
1472
+ padding-bottom: 0 !important;
1473
+ align-items: stretch;
1474
+ }
1475
+ .card .card-header-md-stretch .card-toolbar {
1476
+ margin: 0;
1477
+ align-items: stretch;
1478
+ }
1479
+ }
1480
+ @media (max-width: 767.98px) {
1481
+ .card > .card-header:not(.flex-nowrap) {
1482
+ padding-top: 0.5rem;
1483
+ padding-bottom: 0.5rem;
1484
+ }
1485
+ .card.group {
1486
+ width: 300px;
1487
+ }
1488
+ .card .card-body {
1489
+ padding: .25rem .5rem;
1490
+ }
1491
+ .card .card-footer {
1492
+ padding: .25rem .5rem;
1493
+ }
1494
+ .leaflet-popup-scrolled {
1495
+ max-height: 400px;
1496
+ }
1497
+ }
1498
+ .row {
1499
+
1500
+ display: flex;
1501
+ flex-wrap: wrap;
1502
+ margin-top: 10px;
1503
+ }
1504
+
1505
+ .row > * {
1506
+ flex-shrink: 0;
1507
+ width: 100%;
1508
+ max-width: 100%;
1509
+ }
1510
+
1511
+ .col {
1512
+ flex: 1 0 0%
1513
+ }
1514
+
1515
+ .row-cols-auto > * {
1516
+ flex: 0 0 auto;
1517
+ width: auto
1518
+ }
1519
+
1520
+ .row-cols-1 > * {
1521
+ flex: 0 0 auto;
1522
+ width: 100%
1523
+ }
1524
+
1525
+ .row-cols-2 > * {
1526
+ flex: 0 0 auto;
1527
+ width: 50%
1528
+ }
1529
+
1530
+ .row-cols-3 > * {
1531
+ flex: 0 0 auto;
1532
+ width: 33.33333333%
1533
+ }
1534
+
1535
+ .row-cols-4 > * {
1536
+ flex: 0 0 auto;
1537
+ width: 25%
1538
+ }
1539
+
1540
+ .row-cols-5 > * {
1541
+ flex: 0 0 auto;
1542
+ width: 20%
1543
+ }
1544
+
1545
+ .row-cols-6 > * {
1546
+ flex: 0 0 auto;
1547
+ width: 16.66666667%
1548
+ }
1549
+
1550
+ .col-auto {
1551
+ flex: 0 0 auto;
1552
+ width: auto
1553
+ }
1554
+
1555
+ .col-1 {
1556
+ flex: 0 0 auto;
1557
+ width: 8.33333333%
1558
+ }
1559
+
1560
+ .col-2 {
1561
+ flex: 0 0 auto;
1562
+ width: 16.66666667%
1563
+ }
1564
+
1565
+ .col-3 {
1566
+ flex: 0 0 auto;
1567
+ width: 25%
1568
+ }
1569
+
1570
+ .col-4 {
1571
+ flex: 0 0 auto;
1572
+ width: 33.33333333%
1573
+ }
1574
+
1575
+ .col-5 {
1576
+ flex: 0 0 auto;
1577
+ width: 41.66666667%
1578
+ }
1579
+
1580
+ .col-6 {
1581
+ flex: 0 0 auto;
1582
+ width: 50%
1583
+ }
1584
+
1585
+ .col-7 {
1586
+ flex: 0 0 auto;
1587
+ width: 58.33333333%
1588
+ }
1589
+
1590
+ .col-8 {
1591
+ flex: 0 0 auto;
1592
+ width: 66.66666667%
1593
+ }
1594
+
1595
+ .col-9 {
1596
+ flex: 0 0 auto;
1597
+ width: 75%
1598
+ }
1599
+
1600
+ .col-10 {
1601
+ flex: 0 0 auto;
1602
+ width: 83.33333333%
1603
+ }
1604
+
1605
+ .col-11 {
1606
+ flex: 0 0 auto;
1607
+ width: 91.66666667%
1608
+ }
1609
+
1610
+ .col-12 {
1611
+ flex: 0 0 auto;
1612
+ width: 100%
1613
+ }
1614
+
1615
+ @media (min-width: 768px) {
1616
+ .col-md {
1617
+ flex: 1 0 0%
1618
+ }
1619
+
1620
+ .row-cols-md-auto > * {
1621
+ flex: 0 0 auto;
1622
+ width: auto
1623
+ }
1624
+
1625
+ .row-cols-md-1 > * {
1626
+ flex: 0 0 auto;
1627
+ width: 100%
1628
+ }
1629
+
1630
+ .row-cols-md-2 > * {
1631
+ flex: 0 0 auto;
1632
+ width: 50%
1633
+ }
1634
+
1635
+ .row-cols-md-3 > * {
1636
+ flex: 0 0 auto;
1637
+ width: 33.33333333%
1638
+ }
1639
+
1640
+ .row-cols-md-4 > * {
1641
+ flex: 0 0 auto;
1642
+ width: 25%
1643
+ }
1644
+
1645
+ .row-cols-md-5 > * {
1646
+ flex: 0 0 auto;
1647
+ width: 20%
1648
+ }
1649
+
1650
+ .row-cols-md-6 > * {
1651
+ flex: 0 0 auto;
1652
+ width: 16.66666667%
1653
+ }
1654
+
1655
+ .col-md-auto {
1656
+ flex: 0 0 auto;
1657
+ width: auto
1658
+ }
1659
+
1660
+ .col-md-1 {
1661
+ flex: 0 0 auto;
1662
+ width: 8.33333333%
1663
+ }
1664
+
1665
+ .col-md-2 {
1666
+ flex: 0 0 auto;
1667
+ width: 16.66666667%
1668
+ }
1669
+
1670
+ .col-md-3 {
1671
+ flex: 0 0 auto;
1672
+ width: 22%
1673
+ }
1674
+
1675
+ .col-md-4 {
1676
+ flex: 0 0 auto;
1677
+ width: 30%
1678
+ }
1679
+
1680
+ .col-md-5 {
1681
+ flex: 0 0 auto;
1682
+ width: 41.66666667%
1683
+ }
1684
+
1685
+ .col-md-6 {
1686
+ flex: 0 0 auto;
1687
+ width: 50%
1688
+ }
1689
+
1690
+ .col-md-7 {
1691
+ flex: 0 0 auto;
1692
+ width: 58.33333333%
1693
+ }
1694
+
1695
+ .col-md-8 {
1696
+ flex: 0 0 auto;
1697
+ width: 66.66666667%
1698
+ }
1699
+
1700
+ .col-md-9 {
1701
+ flex: 0 0 auto;
1702
+ width: 75%
1703
+ }
1704
+
1705
+ .col-md-10 {
1706
+ flex: 0 0 auto;
1707
+ width: 83.33333333%
1708
+ }
1709
+
1710
+ .col-md-11 {
1711
+ flex: 0 0 auto;
1712
+ width: 91.66666667%
1713
+ }
1714
+
1715
+ .col-md-12 {
1716
+ flex: 0 0 auto;
1717
+ width: 100%
1718
+ }
1719
+
1720
+ .offset-md-0 {
1721
+ margin-left: 0
1722
+ }
1723
+
1724
+ .offset-md-1 {
1725
+ margin-left: 8.33333333%
1726
+ }
1727
+
1728
+ .offset-md-2 {
1729
+ margin-left: 16.66666667%
1730
+ }
1731
+
1732
+ .offset-md-3 {
1733
+ margin-left: 22%
1734
+ }
1735
+
1736
+ .offset-md-4 {
1737
+ margin-left: 30%
1738
+ }
1739
+
1740
+ .offset-md-5 {
1741
+ margin-left: 41.66666667%
1742
+ }
1743
+
1744
+ .offset-md-6 {
1745
+ margin-left: 50%
1746
+ }
1747
+
1748
+ .offset-md-7 {
1749
+ margin-left: 58.33333333%
1750
+ }
1751
+
1752
+ .offset-md-8 {
1753
+ margin-left: 66.66666667%
1754
+ }
1755
+
1756
+ .offset-md-9 {
1757
+ margin-left: 75%
1758
+ }
1759
+
1760
+ .offset-md-10 {
1761
+ margin-left: 83.33333333%
1762
+ }
1763
+
1764
+ .offset-md-11 {
1765
+ margin-left: 91.66666667%
1766
+ }
1767
+ .card.group {
1768
+ width: 100%;
1769
+ }
1770
+ .box-shadow {
1771
+ margin-inline-end: 20px;
1772
+ }
1773
+ }
1774
+ .box-shadow {
1775
+ box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
1776
+ margin-inline-start: 0;
1777
+ margin-top: 5px;
1778
+ margin-bottom: 5px;
1779
+ }
1780
+ .card h5 {
1781
+ font-weight: 700;
1782
+ }
1783
+ .card-meeting-row .card-title {
1784
+ background-color: antiquewhite;
1785
+ }
1786
+ .card.group ul {
1787
+ padding-inline-start: 20px;
1788
+ }
1789
+ .card-body {
1790
+ padding-inline-start: 10px;
1791
+ }
1792
+ #bmlt-group-map {
1793
+ height: 300px;
1794
+ }