elixir-toolkit-theme 1.17.0 → 1.19.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.
data/assets/css/main.scss CHANGED
@@ -39,11 +39,11 @@ main {
39
39
  margin-top: $spacer * 1.5;
40
40
  }
41
41
 
42
- h3+h4 {
42
+ h3 + h4 {
43
43
  margin-top: $spacer * 0.25;
44
44
  }
45
45
 
46
- a:not(.btn) {
46
+ a:not(.btn):not(.dropdown-item) {
47
47
  overflow-wrap: break-word;
48
48
  word-wrap: break-word;
49
49
  -ms-word-break: break-all;
@@ -51,13 +51,17 @@ main {
51
51
 
52
52
  &:hover {
53
53
  text-decoration: underline;
54
-
55
54
  }
56
55
  }
57
56
 
58
57
  ol li,
59
58
  ul li {
60
- margin: 10px 0px;
59
+ margin: $spacer * .5 0;
60
+
61
+ &::marker {
62
+ color: $primary;
63
+ font-weight: 600;
64
+ }
61
65
  }
62
66
 
63
67
  img {
@@ -66,11 +70,11 @@ main {
66
70
  }
67
71
 
68
72
  .ff-body {
69
- font-family: $font-family-sans-serif !important;
73
+ font-family: $font-family-sans-serif !important;
70
74
  }
71
75
 
72
76
  .ff-theme {
73
- font-family: $font-family-theme !important;
77
+ font-family: $font-family-theme !important;
74
78
  }
75
79
 
76
80
  /*-----Blockquote-----*/
@@ -95,12 +99,6 @@ blockquote {
95
99
  background: $primary;
96
100
  }
97
101
 
98
- /*-----Color list marker-----*/
99
-
100
- ul li::marker {
101
- color: $primary;
102
- }
103
-
104
102
  /*-----Emoji styling-----*/
105
103
 
106
104
  main img.emoji {
@@ -177,7 +175,7 @@ header .navbar {
177
175
  height: 1px;
178
176
  }
179
177
 
180
- background-color: rgba($nav-link-color, 0.3);
178
+ background-color: rgba($navbar-{{site.theme_variables.topnav.theme | default: "light"}}-color, 0.3);
181
179
  }
182
180
 
183
181
  /*-----Search box top navigation-----*/
@@ -265,7 +263,7 @@ header .navbar {
265
263
  vertical-align: top;
266
264
  }
267
265
 
268
- .search-result-preview+.search-result-preview {
266
+ .search-result-preview + .search-result-preview {
269
267
  margin-top: 0.25rem;
270
268
  }
271
269
 
@@ -304,21 +302,21 @@ header .navbar {
304
302
  background-color: $sidebar-bg-active;
305
303
  }
306
304
 
307
- #side-nav>ul {
308
- >li:not(.sidebar-title)>a {
305
+ #side-nav > ul {
306
+ > li:not(.sidebar-title) > a {
309
307
  background-color: $sidebar-bg;
310
308
  color: $sidebar-color;
311
309
  }
312
310
 
313
- li>a {
314
- >span {
311
+ li > a {
312
+ > span {
315
313
  float: right;
316
314
  width: 15px;
317
315
  margin-left: $btn-padding-x;
318
316
  text-align: center;
319
317
  }
320
318
 
321
- >span:after {
319
+ > span:after {
322
320
  display: inline-block;
323
321
  font-style: normal;
324
322
  font-variant: normal;
@@ -332,12 +330,12 @@ header .navbar {
332
330
  }
333
331
 
334
332
  li.active {
335
- &:not(.parent)>a {
333
+ &:not(.parent) > a {
336
334
  background-color: $sidebar-bg-active;
337
335
  color: $sidebar-color-active;
338
336
  }
339
337
 
340
- >a>span:after {
338
+ > a > span:after {
341
339
  transform: rotate(-180deg);
342
340
  }
343
341
  }
@@ -414,7 +412,7 @@ header .navbar {
414
412
 
415
413
  /*-----General table properties-----*/
416
414
 
417
- .table> :not(:first-child) {
415
+ .table > :not(:first-child) {
418
416
  border-color: inherit;
419
417
  }
420
418
 
@@ -460,12 +458,12 @@ footer {
460
458
  color: $footer-color;
461
459
 
462
460
  a {
463
- color: $footer-link-color !important;
461
+ color: $footer-link-color !important;
464
462
  font-weight: bold;
465
463
  }
466
464
 
467
465
  a:hover {
468
- color: $footer-link-color-hover !important;
466
+ color: $footer-link-color-hover !important;
469
467
  }
470
468
 
471
469
  h2 {
@@ -514,7 +512,6 @@ footer {
514
512
  color: $primary;
515
513
  font-size: 0.8em;
516
514
  }
517
-
518
515
  }
519
516
 
520
517
  /*-----Contributors carousel-----*/
@@ -570,7 +567,7 @@ footer {
570
567
  }
571
568
 
572
569
  .coordinator-crown {
573
- font-size: 0.60em;
570
+ font-size: 0.6em;
574
571
  width: 1.8em;
575
572
  height: 1.8em;
576
573
  line-height: 1.8;
@@ -610,11 +607,11 @@ footer {
610
607
  transition: all 500ms ease-out;
611
608
 
612
609
  a {
613
- color: $footer-link-color !important;
610
+ color: $footer-link-color !important;
614
611
  }
615
612
 
616
613
  a:hover {
617
- color: $footer-link-color-hover !important;
614
+ color: $footer-link-color-hover !important;
618
615
  }
619
616
  }
620
617
 
@@ -629,15 +626,15 @@ footer {
629
626
 
630
627
  .hover-primary:hover,
631
628
  .hover-primary:focus {
632
- background-color: $btn-primary-bg-hover !important;
629
+ background-color: $btn-primary-bg-hover !important;
633
630
  transition: $btn-transition;
634
- color: $btn-primary-color-hover !important;
631
+ color: $btn-primary-color-hover !important;
635
632
  }
636
633
 
637
634
  .text-hover-primary:hover,
638
635
  .text-hover-primary:focus {
639
636
  transition: $btn-transition;
640
- color: $primary !important;
637
+ color: $primary !important;
641
638
  }
642
639
 
643
640
  /*-----Size components-----*/
@@ -654,8 +651,8 @@ li.past_event,
654
651
  display: none;
655
652
  }
656
653
 
657
- .events>ul>li,
658
- .news>ul>li {
654
+ .events > ul > li,
655
+ .news > ul > li {
659
656
  border-left: $news-border-color 5px solid;
660
657
  border-radius: $border-radius;
661
658
  padding: 0px 11px;
@@ -675,7 +672,7 @@ li.past_event,
675
672
  display: inline-block;
676
673
  }
677
674
 
678
- .full-description>*:last-child {
675
+ .full-description > *:last-child {
679
676
  margin-bottom: 0;
680
677
 
681
678
  li {
@@ -697,12 +694,12 @@ li.past_event,
697
694
  a:hover {
698
695
  .text-muted {
699
696
  transition: $btn-transition;
700
- color: $white !important;
697
+ color: $white !important;
701
698
  }
702
699
 
703
700
  i {
704
701
  transition: $btn-transition;
705
- color: $white !important;
702
+ color: $white !important;
706
703
  }
707
704
  }
708
705
 
@@ -719,15 +716,15 @@ li.past_event,
719
716
  background-size: cover;
720
717
  }
721
718
 
722
-
723
719
  /*-----Section navigation tiles-----*/
724
720
 
725
721
  .navigation-tiles {
726
722
  .card {
727
723
  background-color: $nav-card-bg;
728
724
 
729
- .card-text {
730
- min-height: 4.5em;
725
+ a:not(.stretched-link), button:not(.stretched-link) {
726
+ z-index: 2;
727
+ position: relative;
731
728
  }
732
729
 
733
730
  .card-header {
@@ -738,15 +735,16 @@ li.past_event,
738
735
  }
739
736
  }
740
737
 
741
- .badge {
742
- font-weight: inherit;
738
+ button {
743
739
  background-color: $nav-card-badge-bg;
744
740
  color: $nav-card-badge-color;
745
- }
746
-
747
- .badge:hover {
748
- color: $nav-card-badge-color-hover;
749
- 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
+ }
750
748
  }
751
749
  }
752
750
  }
@@ -760,4 +758,3 @@ iframe.scale {
760
758
  }
761
759
 
762
760
  @import "custom_classes";
763
-