@northdata/fomantic-ui 2.8.715 → 2.8.716
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.
|
@@ -17433,26 +17433,105 @@ a.ui.card:hover,
|
|
|
17433
17433
|
Accordion
|
|
17434
17434
|
*******************************/
|
|
17435
17435
|
|
|
17436
|
+
.ui.accordion,
|
|
17437
|
+
.ui.accordion .accordion {
|
|
17438
|
+
max-width: 100%;
|
|
17439
|
+
}
|
|
17440
|
+
|
|
17441
|
+
.ui.accordion .accordion {
|
|
17442
|
+
margin: 1em 0 0;
|
|
17443
|
+
padding: 0;
|
|
17444
|
+
}
|
|
17445
|
+
|
|
17436
17446
|
/* Title */
|
|
17437
17447
|
|
|
17448
|
+
.ui.accordion .title,
|
|
17449
|
+
.ui.accordion .accordion .title {
|
|
17450
|
+
cursor: pointer;
|
|
17451
|
+
}
|
|
17452
|
+
|
|
17438
17453
|
/* Default Styling */
|
|
17439
17454
|
|
|
17455
|
+
.ui.accordion .title:not(.ui) {
|
|
17456
|
+
padding: 0.5em 0;
|
|
17457
|
+
font-family: "Josefin Sans", serif;
|
|
17458
|
+
font-size: 1em;
|
|
17459
|
+
color: rgba(0, 0, 0, 0.87);
|
|
17460
|
+
}
|
|
17461
|
+
|
|
17440
17462
|
/* Default Styling */
|
|
17441
17463
|
|
|
17464
|
+
.ui.accordion:not(.styled) .title ~ .content:not(.ui),
|
|
17465
|
+
.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
|
|
17466
|
+
margin: '';
|
|
17467
|
+
padding: 0.5em 0 1em;
|
|
17468
|
+
}
|
|
17469
|
+
|
|
17470
|
+
.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
|
|
17471
|
+
padding-bottom: 0;
|
|
17472
|
+
}
|
|
17473
|
+
|
|
17442
17474
|
/* Arrow */
|
|
17443
17475
|
|
|
17476
|
+
.ui.accordion .title .dropdown.icon,
|
|
17477
|
+
.ui.accordion .accordion .title .dropdown.icon {
|
|
17478
|
+
display: inline-block;
|
|
17479
|
+
float: none;
|
|
17480
|
+
opacity: 1;
|
|
17481
|
+
width: 1.25em;
|
|
17482
|
+
height: 1em;
|
|
17483
|
+
margin: 0 0.25rem 0 0;
|
|
17484
|
+
padding: 0;
|
|
17485
|
+
font-size: 1em;
|
|
17486
|
+
-webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
|
|
17487
|
+
transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
|
|
17488
|
+
transition: transform 0.1s ease, opacity 0.1s ease;
|
|
17489
|
+
transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
|
|
17490
|
+
vertical-align: baseline;
|
|
17491
|
+
-webkit-transform: none;
|
|
17492
|
+
transform: none;
|
|
17493
|
+
}
|
|
17494
|
+
|
|
17444
17495
|
/*--------------
|
|
17445
17496
|
Coupling
|
|
17446
17497
|
---------------*/
|
|
17447
17498
|
|
|
17448
17499
|
/* Menu */
|
|
17449
17500
|
|
|
17501
|
+
.ui.accordion.menu .item .title {
|
|
17502
|
+
display: block;
|
|
17503
|
+
padding: 0;
|
|
17504
|
+
}
|
|
17505
|
+
|
|
17506
|
+
.ui.accordion.menu .item .title > .dropdown.icon {
|
|
17507
|
+
float: right;
|
|
17508
|
+
margin: 0.21425em 0 0 1em;
|
|
17509
|
+
-webkit-transform: rotate(180deg);
|
|
17510
|
+
transform: rotate(180deg);
|
|
17511
|
+
}
|
|
17512
|
+
|
|
17450
17513
|
/* Header */
|
|
17451
17514
|
|
|
17515
|
+
.ui.accordion .ui.header .dropdown.icon {
|
|
17516
|
+
font-size: 1em;
|
|
17517
|
+
margin: 0 0.25rem 0 0;
|
|
17518
|
+
}
|
|
17519
|
+
|
|
17452
17520
|
/*******************************
|
|
17453
17521
|
States
|
|
17454
17522
|
*******************************/
|
|
17455
17523
|
|
|
17524
|
+
.ui.accordion .active.title .dropdown.icon,
|
|
17525
|
+
.ui.accordion .accordion .active.title .dropdown.icon {
|
|
17526
|
+
-webkit-transform: rotate(90deg);
|
|
17527
|
+
transform: rotate(90deg);
|
|
17528
|
+
}
|
|
17529
|
+
|
|
17530
|
+
.ui.accordion.menu .item .active.title > .dropdown.icon {
|
|
17531
|
+
-webkit-transform: rotate(90deg);
|
|
17532
|
+
transform: rotate(90deg);
|
|
17533
|
+
}
|
|
17534
|
+
|
|
17456
17535
|
/*******************************
|
|
17457
17536
|
Types
|
|
17458
17537
|
*******************************/
|
|
@@ -17461,12 +17540,75 @@ a.ui.card:hover,
|
|
|
17461
17540
|
Styled
|
|
17462
17541
|
---------------*/
|
|
17463
17542
|
|
|
17543
|
+
.ui.styled.accordion {
|
|
17544
|
+
width: 600px;
|
|
17545
|
+
}
|
|
17546
|
+
|
|
17547
|
+
.ui.styled.accordion,
|
|
17548
|
+
.ui.styled.accordion .accordion {
|
|
17549
|
+
border-radius: 0;
|
|
17550
|
+
background: #FFFFFF;
|
|
17551
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15);
|
|
17552
|
+
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15);
|
|
17553
|
+
}
|
|
17554
|
+
|
|
17555
|
+
.ui.styled.accordion .title,
|
|
17556
|
+
.ui.styled.accordion .accordion .title {
|
|
17557
|
+
margin: 0;
|
|
17558
|
+
padding: 0.75em 1em;
|
|
17559
|
+
color: rgba(0, 0, 0, 0.4);
|
|
17560
|
+
font-weight: bold;
|
|
17561
|
+
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
|
17562
|
+
-webkit-transition: background 0.1s ease, color 0.1s ease;
|
|
17563
|
+
transition: background 0.1s ease, color 0.1s ease;
|
|
17564
|
+
}
|
|
17565
|
+
|
|
17566
|
+
.ui.styled.accordion > .title:first-child,
|
|
17567
|
+
.ui.styled.accordion .accordion .title:first-child {
|
|
17568
|
+
border-top: none;
|
|
17569
|
+
}
|
|
17570
|
+
|
|
17464
17571
|
/* Content */
|
|
17465
17572
|
|
|
17573
|
+
.ui.styled.accordion .content,
|
|
17574
|
+
.ui.styled.accordion .accordion .content {
|
|
17575
|
+
margin: 0;
|
|
17576
|
+
padding: 0.5em 1em 1.5em;
|
|
17577
|
+
}
|
|
17578
|
+
|
|
17579
|
+
.ui.styled.accordion .accordion .content {
|
|
17580
|
+
margin: 0;
|
|
17581
|
+
padding: 0.5em 1em 1.5em;
|
|
17582
|
+
}
|
|
17583
|
+
|
|
17466
17584
|
/* Hover */
|
|
17467
17585
|
|
|
17586
|
+
.ui.styled.accordion .title:hover,
|
|
17587
|
+
.ui.styled.accordion .active.title,
|
|
17588
|
+
.ui.styled.accordion .accordion .title:hover,
|
|
17589
|
+
.ui.styled.accordion .accordion .active.title {
|
|
17590
|
+
background: transparent;
|
|
17591
|
+
color: rgba(0, 0, 0, 0.87);
|
|
17592
|
+
}
|
|
17593
|
+
|
|
17594
|
+
.ui.styled.accordion .accordion .title:hover,
|
|
17595
|
+
.ui.styled.accordion .accordion .active.title {
|
|
17596
|
+
background: transparent;
|
|
17597
|
+
color: rgba(0, 0, 0, 0.87);
|
|
17598
|
+
}
|
|
17599
|
+
|
|
17468
17600
|
/* Active */
|
|
17469
17601
|
|
|
17602
|
+
.ui.styled.accordion .active.title {
|
|
17603
|
+
background: transparent;
|
|
17604
|
+
color: rgba(0, 0, 0, 0.95);
|
|
17605
|
+
}
|
|
17606
|
+
|
|
17607
|
+
.ui.styled.accordion .accordion .active.title {
|
|
17608
|
+
background: transparent;
|
|
17609
|
+
color: rgba(0, 0, 0, 0.95);
|
|
17610
|
+
}
|
|
17611
|
+
|
|
17470
17612
|
/*******************************
|
|
17471
17613
|
States
|
|
17472
17614
|
*******************************/
|
|
@@ -17475,6 +17617,11 @@ a.ui.card:hover,
|
|
|
17475
17617
|
Not Active
|
|
17476
17618
|
---------------*/
|
|
17477
17619
|
|
|
17620
|
+
.ui.accordion .title ~ .content:not(.active),
|
|
17621
|
+
.ui.accordion .accordion .title ~ .content:not(.active) {
|
|
17622
|
+
display: none;
|
|
17623
|
+
}
|
|
17624
|
+
|
|
17478
17625
|
/*******************************
|
|
17479
17626
|
Variations
|
|
17480
17627
|
*******************************/
|
|
@@ -17483,6 +17630,11 @@ a.ui.card:hover,
|
|
|
17483
17630
|
Fluid
|
|
17484
17631
|
---------------*/
|
|
17485
17632
|
|
|
17633
|
+
.ui.fluid.accordion,
|
|
17634
|
+
.ui.fluid.accordion .accordion {
|
|
17635
|
+
width: 100%;
|
|
17636
|
+
}
|
|
17637
|
+
|
|
17486
17638
|
/*******************************
|
|
17487
17639
|
Theme Overrides
|
|
17488
17640
|
*******************************/
|
|
@@ -17496,6 +17648,22 @@ a.ui.card:hover,
|
|
|
17496
17648
|
|
|
17497
17649
|
/* Dropdown Icon */
|
|
17498
17650
|
|
|
17651
|
+
.ui.accordion .title .dropdown.icon,
|
|
17652
|
+
.ui.accordion .accordion .title .dropdown.icon {
|
|
17653
|
+
font-family: Accordion;
|
|
17654
|
+
line-height: 1;
|
|
17655
|
+
-webkit-backface-visibility: hidden;
|
|
17656
|
+
backface-visibility: hidden;
|
|
17657
|
+
font-weight: normal;
|
|
17658
|
+
font-style: normal;
|
|
17659
|
+
text-align: center;
|
|
17660
|
+
}
|
|
17661
|
+
|
|
17662
|
+
.ui.accordion .title .dropdown.icon:before,
|
|
17663
|
+
.ui.accordion .accordion .title .dropdown.icon:before {
|
|
17664
|
+
content: '\f0da' ;
|
|
17665
|
+
}
|
|
17666
|
+
|
|
17499
17667
|
/*******************************
|
|
17500
17668
|
User Overrides
|
|
17501
17669
|
*******************************/
|
|
@@ -174,7 +174,7 @@
|
|
|
174
174
|
* Released under the MIT license
|
|
175
175
|
* http://opensource.org/licenses/MIT
|
|
176
176
|
*
|
|
177
|
-
|
|
177
|
+
*/.ui.accordion,.ui.accordion .accordion{max-width:100%}.ui.accordion .accordion{margin:1em 0 0;padding:0}.ui.accordion .accordion .title,.ui.accordion .title{cursor:pointer}.ui.accordion .title:not(.ui){padding:.5em 0;font-family:"Josefin Sans",serif;font-size:1em;color:rgba(0,0,0,.87)}.ui.accordion:not(.styled) .accordion .title~.content:not(.ui),.ui.accordion:not(.styled) .title~.content:not(.ui){margin:'';padding:.5em 0 1em}.ui.accordion:not(.styled) .title~.content:not(.ui):last-child{padding-bottom:0}.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon{display:inline-block;float:none;opacity:1;width:1.25em;height:1em;margin:0 .25rem 0 0;padding:0;font-size:1em;-webkit-transition:opacity .1s ease,-webkit-transform .1s ease;transition:opacity .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,opacity .1s ease;transition:transform .1s ease,opacity .1s ease,-webkit-transform .1s ease;vertical-align:baseline;-webkit-transform:none;transform:none}.ui.accordion.menu .item .title{display:block;padding:0}.ui.accordion.menu .item .title>.dropdown.icon{float:right;margin:.21425em 0 0 1em;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ui.accordion .ui.header .dropdown.icon{font-size:1em;margin:0 .25rem 0 0}.ui.accordion .accordion .active.title .dropdown.icon,.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion.menu .item .active.title>.dropdown.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui.styled.accordion{width:600px}.ui.styled.accordion,.ui.styled.accordion .accordion{border-radius:0;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15)}.ui.styled.accordion .accordion .title,.ui.styled.accordion .title{margin:0;padding:.75em 1em;color:rgba(0,0,0,.4);font-weight:700;border-top:1px solid rgba(34,36,38,.15);-webkit-transition:background .1s ease,color .1s ease;transition:background .1s ease,color .1s ease}.ui.styled.accordion .accordion .title:first-child,.ui.styled.accordion>.title:first-child{border-top:none}.ui.styled.accordion .accordion .content,.ui.styled.accordion .content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion .content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover,.ui.styled.accordion .active.title,.ui.styled.accordion .title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .active.title{background:0 0;color:rgba(0,0,0,.95)}.ui.styled.accordion .accordion .active.title{background:0 0;color:rgba(0,0,0,.95)}.ui.accordion .accordion .title~.content:not(.active),.ui.accordion .title~.content:not(.active){display:none}.ui.fluid.accordion,.ui.fluid.accordion .accordion{width:100%}@font-face{font-family:Accordion;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');font-weight:400;font-style:normal}.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon{font-family:Accordion;line-height:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.accordion .accordion .title .dropdown.icon:before,.ui.accordion .title .dropdown.icon:before{content:'\f0da'}/*!
|
|
178
178
|
* # Fomantic-UI - Calendar
|
|
179
179
|
* http://github.com/fomantic/Fomantic-UI/
|
|
180
180
|
*
|