elixir-toolkit-theme 1.16.0 → 1.19.0

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Bootstrap Utilities v5.1.2 (https://getbootstrap.com/)
2
+ * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)
3
3
  * Copyright 2011-2021 The Bootstrap Authors
4
4
  * Copyright 2011-2021 Twitter, Inc.
5
5
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Bootstrap v5.1.2 (https://getbootstrap.com/)
2
+ * Bootstrap v5.1.3 (https://getbootstrap.com/)
3
3
  * Copyright 2011-2021 The Bootstrap Authors
4
4
  * Copyright 2011-2021 Twitter, Inc.
5
5
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
data/assets/css/main.scss CHANGED
@@ -39,15 +39,11 @@ main {
39
39
  margin-top: $spacer * 1.5;
40
40
  }
41
41
 
42
- h2+h3 {
43
- margin-top: $spacer * 0.5;
44
- }
45
-
46
- h3+h4 {
42
+ h3 + h4 {
47
43
  margin-top: $spacer * 0.25;
48
44
  }
49
45
 
50
- a:not(.btn) {
46
+ a:not(.btn):not(.dropdown-item) {
51
47
  overflow-wrap: break-word;
52
48
  word-wrap: break-word;
53
49
  -ms-word-break: break-all;
@@ -55,13 +51,17 @@ main {
55
51
 
56
52
  &:hover {
57
53
  text-decoration: underline;
58
-
59
54
  }
60
55
  }
61
56
 
62
57
  ol li,
63
58
  ul li {
64
- margin: 10px 0px;
59
+ margin: $spacer * .5 0;
60
+
61
+ &::marker {
62
+ color: $primary;
63
+ font-weight: 600;
64
+ }
65
65
  }
66
66
 
67
67
  img {
@@ -70,11 +70,11 @@ main {
70
70
  }
71
71
 
72
72
  .ff-body {
73
- font-family: $font-family-sans-serif !important;
73
+ font-family: $font-family-sans-serif !important;
74
74
  }
75
75
 
76
76
  .ff-theme {
77
- font-family: $font-family-theme !important;
77
+ font-family: $font-family-theme !important;
78
78
  }
79
79
 
80
80
  /*-----Blockquote-----*/
@@ -99,12 +99,6 @@ blockquote {
99
99
  background: $primary;
100
100
  }
101
101
 
102
- /*-----Color list marker-----*/
103
-
104
- ul li::marker {
105
- color: $primary;
106
- }
107
-
108
102
  /*-----Emoji styling-----*/
109
103
 
110
104
  main img.emoji {
@@ -181,7 +175,7 @@ header .navbar {
181
175
  height: 1px;
182
176
  }
183
177
 
184
- background-color: rgba($nav-link-color, 0.3);
178
+ background-color: rgba($navbar-{{site.theme_variables.topnav.theme | default: "light"}}-color, 0.3);
185
179
  }
186
180
 
187
181
  /*-----Search box top navigation-----*/
@@ -269,7 +263,7 @@ header .navbar {
269
263
  vertical-align: top;
270
264
  }
271
265
 
272
- .search-result-preview+.search-result-preview {
266
+ .search-result-preview + .search-result-preview {
273
267
  margin-top: 0.25rem;
274
268
  }
275
269
 
@@ -308,21 +302,21 @@ header .navbar {
308
302
  background-color: $sidebar-bg-active;
309
303
  }
310
304
 
311
- #side-nav>ul {
312
- >li:not(.sidebar-title)>a {
305
+ #side-nav > ul {
306
+ > li:not(.sidebar-title) > a {
313
307
  background-color: $sidebar-bg;
314
308
  color: $sidebar-color;
315
309
  }
316
310
 
317
- li>a {
318
- >span {
311
+ li > a {
312
+ > span {
319
313
  float: right;
320
314
  width: 15px;
321
315
  margin-left: $btn-padding-x;
322
316
  text-align: center;
323
317
  }
324
318
 
325
- >span:after {
319
+ > span:after {
326
320
  display: inline-block;
327
321
  font-style: normal;
328
322
  font-variant: normal;
@@ -336,12 +330,12 @@ header .navbar {
336
330
  }
337
331
 
338
332
  li.active {
339
- &:not(.parent)>a {
333
+ &:not(.parent) > a {
340
334
  background-color: $sidebar-bg-active;
341
335
  color: $sidebar-color-active;
342
336
  }
343
337
 
344
- >a>span:after {
338
+ > a > span:after {
345
339
  transform: rotate(-180deg);
346
340
  }
347
341
  }
@@ -418,7 +412,7 @@ header .navbar {
418
412
 
419
413
  /*-----General table properties-----*/
420
414
 
421
- .table> :not(:first-child) {
415
+ .table > :not(:first-child) {
422
416
  border-color: inherit;
423
417
  }
424
418
 
@@ -432,7 +426,7 @@ table {
432
426
 
433
427
  // Tool table column width optimizations
434
428
 
435
- #tooltable {
429
+ .tooltable {
436
430
  tr th:nth-child(1) {
437
431
  width: 25%;
438
432
  }
@@ -450,8 +444,8 @@ table {
450
444
  }
451
445
  }
452
446
 
453
- #tooltable td:nth-child(1) a,
454
- #trainingtable td:nth-child(1) a {
447
+ .tooltable td:nth-child(1) a,
448
+ .trainingtable td:nth-child(1) a {
455
449
  font-weight: bold;
456
450
  }
457
451
 
@@ -464,12 +458,12 @@ footer {
464
458
  color: $footer-color;
465
459
 
466
460
  a {
467
- color: $footer-link-color !important;
461
+ color: $footer-link-color !important;
468
462
  font-weight: bold;
469
463
  }
470
464
 
471
465
  a:hover {
472
- color: $footer-link-color-hover !important;
466
+ color: $footer-link-color-hover !important;
473
467
  }
474
468
 
475
469
  h2 {
@@ -518,7 +512,6 @@ footer {
518
512
  color: $primary;
519
513
  font-size: 0.8em;
520
514
  }
521
-
522
515
  }
523
516
 
524
517
  /*-----Contributors carousel-----*/
@@ -574,7 +567,7 @@ footer {
574
567
  }
575
568
 
576
569
  .coordinator-crown {
577
- font-size: 0.60em;
570
+ font-size: 0.6em;
578
571
  width: 1.8em;
579
572
  height: 1.8em;
580
573
  line-height: 1.8;
@@ -614,11 +607,11 @@ footer {
614
607
  transition: all 500ms ease-out;
615
608
 
616
609
  a {
617
- color: $footer-link-color !important;
610
+ color: $footer-link-color !important;
618
611
  }
619
612
 
620
613
  a:hover {
621
- color: $footer-link-color-hover !important;
614
+ color: $footer-link-color-hover !important;
622
615
  }
623
616
  }
624
617
 
@@ -633,15 +626,15 @@ footer {
633
626
 
634
627
  .hover-primary:hover,
635
628
  .hover-primary:focus {
636
- background-color: $btn-primary-bg-hover !important;
629
+ background-color: $btn-primary-bg-hover !important;
637
630
  transition: $btn-transition;
638
- color: $btn-primary-color-hover !important;
631
+ color: $btn-primary-color-hover !important;
639
632
  }
640
633
 
641
634
  .text-hover-primary:hover,
642
635
  .text-hover-primary:focus {
643
636
  transition: $btn-transition;
644
- color: $primary !important;
637
+ color: $primary !important;
645
638
  }
646
639
 
647
640
  /*-----Size components-----*/
@@ -658,8 +651,8 @@ li.past_event,
658
651
  display: none;
659
652
  }
660
653
 
661
- .events>ul>li,
662
- .news>ul>li {
654
+ .events > ul > li,
655
+ .news > ul > li {
663
656
  border-left: $news-border-color 5px solid;
664
657
  border-radius: $border-radius;
665
658
  padding: 0px 11px;
@@ -679,7 +672,7 @@ li.past_event,
679
672
  display: inline-block;
680
673
  }
681
674
 
682
- .full-description>*:last-child {
675
+ .full-description > *:last-child {
683
676
  margin-bottom: 0;
684
677
 
685
678
  li {
@@ -701,12 +694,12 @@ li.past_event,
701
694
  a:hover {
702
695
  .text-muted {
703
696
  transition: $btn-transition;
704
- color: $white !important;
697
+ color: $white !important;
705
698
  }
706
699
 
707
700
  i {
708
701
  transition: $btn-transition;
709
- color: $white !important;
702
+ color: $white !important;
710
703
  }
711
704
  }
712
705
 
@@ -723,15 +716,15 @@ li.past_event,
723
716
  background-size: cover;
724
717
  }
725
718
 
726
-
727
719
  /*-----Section navigation tiles-----*/
728
720
 
729
721
  .navigation-tiles {
730
722
  .card {
731
723
  background-color: $nav-card-bg;
732
724
 
733
- .card-text {
734
- min-height: 4.5em;
725
+ a:not(.stretched-link), button:not(.stretched-link) {
726
+ z-index: 2;
727
+ position: relative;
735
728
  }
736
729
 
737
730
  .card-header {
@@ -742,15 +735,16 @@ li.past_event,
742
735
  }
743
736
  }
744
737
 
745
- .badge {
746
- font-weight: inherit;
738
+ button {
747
739
  background-color: $nav-card-badge-bg;
748
740
  color: $nav-card-badge-color;
749
- }
750
-
751
- .badge:hover {
752
- color: $nav-card-badge-color-hover;
753
- background-color: $nav-card-badge-bg-hover;
741
+ &:hover {
742
+ color: $nav-card-badge-color-hover;
743
+ background-color: $nav-card-badge-bg-hover;
744
+ }
745
+ img {
746
+ height: 1.2em;
747
+ }
754
748
  }
755
749
  }
756
750
  }
@@ -764,4 +758,3 @@ iframe.scale {
764
758
  }
765
759
 
766
760
  @import "custom_classes";
767
-