💄(edulib) update theme to richie 1.10

update theme to richie 1.10 but maintain font icons.

src/backend/funmooc/static/richie/fonts/icomoon/selection.json

@@ -0,0 +1 @@
+{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M698 598h144c6-28 12-56 12-86s-6-58-12-86h-144c4 28 6 56 6 86s-2 58-6 86zM622 834c78-26 146-82 186-152h-126c-14 54-34 104-60 152zM612 598c4-28 6-56 6-86s-2-58-6-86h-200c-4 28-6 56-6 86s2 58 6 86h200zM512 852c36-52 64-108 82-170h-164c18 62 46 118 82 170zM342 342c14-54 34-104 60-152-78 26-146 82-186 152h126zM216 682c40 70 108 126 186 152-26-48-46-98-60-152h-126zM182 598h144c-4-28-6-56-6-86s2-58 6-86h-144c-6 28-12 56-12 86s6 58 12 86zM512 172c-36 52-64 108-82 170h164c-18-62-46-118-82-170zM808 342c-40-70-108-126-186-152 26 48 46 98 60 152h126zM512 86c236 0 426 190 426 426s-190 426-426 426-426-190-426-426 190-426 426-426z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["language"],"grid":24},"attrs":[{}],"properties":{"order":38,"id":1,"prevSize":24,"code":59651,"name":"language"},"setIdx":1,"setId":3,"iconIdx":0},{"icon":{"paths":["M950.857 859.429v-438.857c-12 13.714-25.143 26.286-39.429 37.714-81.714 62.857-164 126.857-243.429 193.143-42.857 36-96 80-155.429 80h-1.143c-59.429 0-112.571-44-155.429-80-79.429-66.286-161.714-130.286-243.429-193.143-14.286-11.429-27.429-24-39.429-37.714v438.857c0 9.714 8.571 18.286 18.286 18.286h841.143c9.714 0 18.286-8.571 18.286-18.286zM950.857 258.857c0-14.286 3.429-39.429-18.286-39.429h-841.143c-9.714 0-18.286 8.571-18.286 18.286 0 65.143 32.571 121.714 84 162.286 76.571 60 153.143 120.571 229.143 181.143 30.286 24.571 85.143 77.143 125.143 77.143h1.143c40 0 94.857-52.571 125.143-77.143 76-60.571 152.571-121.143 229.143-181.143 37.143-29.143 84-92.571 84-141.143zM1024 237.714v621.714c0 50.286-41.143 91.429-91.429 91.429h-841.143c-50.286 0-91.429-41.143-91.429-91.429v-621.714c0-50.286 41.143-91.429 91.429-91.429h841.143c50.286 0 91.429 41.143 91.429 91.429z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["envelope-o"],"grid":14},"attrs":[{}],"properties":{"order":26,"id":1,"prevSize":28,"code":59648,"name":"envelope-o"},"setIdx":2,"setId":2,"iconIdx":0},{"icon":{"paths":["M658.744 749.256l-210.744-210.746v-282.51h128v229.49l173.256 173.254zM512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512-229.23-512-512-512zM512 896c-212.078 0-384-171.922-384-384s171.922-384 384-384c212.078 0 384 171.922 384 384s-171.922 384-384 384z"],"tags":["clock","time","schedule"],"defaultCode":59726,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"clock, time2","name":"clock","order":50,"id":79,"prevSize":32,"code":59726},"setIdx":3,"setId":1,"iconIdx":78},{"icon":{"paths":["M512.002 193.212v-65.212h128v-64c0-35.346-28.654-64-64.002-64h-191.998c-35.346 0-64 28.654-64 64v64h128v65.212c-214.798 16.338-384 195.802-384 414.788 0 229.75 186.25 416 416 416s416-186.25 416-416c0-218.984-169.202-398.448-384-414.788zM706.276 834.274c-60.442 60.44-140.798 93.726-226.274 93.726s-165.834-33.286-226.274-93.726c-60.44-60.44-93.726-140.8-93.726-226.274s33.286-165.834 93.726-226.274c58.040-58.038 134.448-91.018 216.114-93.548l-21.678 314.020c-1.86 26.29 12.464 37.802 31.836 37.802s33.698-11.512 31.836-37.802l-21.676-314.022c81.666 2.532 158.076 35.512 216.116 93.55 60.44 60.44 93.726 140.8 93.726 226.274s-33.286 165.834-93.726 226.274z"],"tags":["stopwatch","time","speed","meter","chronometer"],"defaultCode":59730,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"stopwatch, time5","name":"stopwatch","order":44,"id":83,"prevSize":32,"code":59730},"setIdx":3,"setId":1,"iconIdx":82},{"icon":{"paths":["M320 384h128v128h-128zM512 384h128v128h-128zM704 384h128v128h-128zM128 768h128v128h-128zM320 768h128v128h-128zM512 768h128v128h-128zM320 576h128v128h-128zM512 576h128v128h-128zM704 576h128v128h-128zM128 576h128v128h-128zM832 0v64h-128v-64h-448v64h-128v-64h-128v1024h960v-1024h-128zM896 960h-832v-704h832v704z"],"tags":["calendar","date","schedule","time","day"],"defaultCode":59731,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"calendar, date","name":"calendar","order":40,"id":84,"prevSize":32,"code":59731},"setIdx":3,"setId":1,"iconIdx":83},{"icon":{"paths":["M928 128h-288c0-70.692-57.306-128-128-128-70.692 0-128 57.308-128 128h-288c-17.672 0-32 14.328-32 32v832c0 17.674 14.328 32 32 32h832c17.674 0 32-14.326 32-32v-832c0-17.672-14.326-32-32-32zM512 64c35.346 0 64 28.654 64 64s-28.654 64-64 64c-35.346 0-64-28.654-64-64s28.654-64 64-64zM896 960h-768v-768h128v96c0 17.672 14.328 32 32 32h448c17.674 0 32-14.328 32-32v-96h128v768z","M448 858.51l-205.254-237.254 58.508-58.51 146.746 114.744 274.742-242.744 58.514 58.508z"],"tags":["clipboard","board","signup","register","agreement"],"defaultCode":59832,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"clipboard, board","name":"clipboard","order":43,"id":185,"prevSize":32,"code":59832},"setIdx":3,"setId":1,"iconIdx":184},{"icon":{"paths":["M192 64v768h768v-768h-768zM896 768h-640v-640h640v640zM128 896v-672l-64-64v800h800l-64-64h-672z","M352 256l160 160-192 192 96 96 192-192 160 160v-416z"],"tags":["new-tab","out","external","outside","popout","link","blank"],"defaultCode":60030,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"new-tab, out2","name":"new-tab","order":41,"id":383,"prevSize":32,"code":60030},"setIdx":3,"setId":1,"iconIdx":382},{"icon":{"paths":["M608 192h160v-192h-160c-123.514 0-224 100.486-224 224v96h-128v192h128v512h192v-512h160l32-192h-192v-96c0-17.346 14.654-32 32-32z"],"tags":["facebook","brand","social"],"defaultCode":60048,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"facebook, brand10","name":"facebook","order":2,"id":401,"prevSize":32,"code":60048},"setIdx":3,"setId":1,"iconIdx":400},{"icon":{"paths":["M1024 226.4c-37.6 16.8-78.2 28-120.6 33 43.4-26 76.6-67.2 92.4-116.2-40.6 24-85.6 41.6-133.4 51-38.4-40.8-93-66.2-153.4-66.2-116 0-210 94-210 210 0 16.4 1.8 32.4 5.4 47.8-174.6-8.8-329.4-92.4-433-219.6-18 31-28.4 67.2-28.4 105.6 0 72.8 37 137.2 93.4 174.8-34.4-1-66.8-10.6-95.2-26.2 0 0.8 0 1.8 0 2.6 0 101.8 72.4 186.8 168.6 206-17.6 4.8-36.2 7.4-55.4 7.4-13.6 0-26.6-1.4-39.6-3.8 26.8 83.4 104.4 144.2 196.2 146-72 56.4-162.4 90-261 90-17 0-33.6-1-50.2-3 93.2 59.8 203.6 94.4 322.2 94.4 386.4 0 597.8-320.2 597.8-597.8 0-9.2-0.2-18.2-0.6-27.2 41-29.4 76.6-66.4 104.8-108.6z"],"tags":["twitter","brand","tweet","social"],"defaultCode":60054,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"twitter, brand16","name":"twitter","order":3,"id":407,"prevSize":32,"code":60054},"setIdx":3,"setId":1,"iconIdx":406}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"icon-","metadata":{"fontFamily":"icomoon","majorVersion":1,"minorVersion":0},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false,"cssVars":true,"cssVarsFormat":"scss","showSelector":true,"showMetrics":true,"showMetadata":true,"showVersion":true},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"classSelector":".icon","name":"icomoon","height":32,"columns":16,"margin":16},"historySize":50,"showCodes":true,"gridSize":16}}

src/frontend/scss/_utils.scss

@@ -4,3 +4,8 @@
   position: absolute;
   left: -9999rem;
 }
+
+// Helper to force svg icons to be blocks by default for convenience at call sites
+.icon {
+  display: block;
+}

src/frontend/scss/components/_footer.scss

@@ -34,23 +34,48 @@ $richie-footer-poweredby-link-fontcolor: $white !default;
   color: $richie-footer-fontcolor;
   background: $richie-footer-background;
 
+  &__submenu {
+    @include sv-flex(1, 0, 100%);
+
+    &__list {
+      margin: 0;
+      padding: $richie-footer-menu-link-padding;
+      padding-top: 0;
+      list-style-type: none;
+
+      &__item {
+        &__link {
+          display: block;
+          font-weight: normal;
+          color: $richie-footer-menu-link-fontcolor;
+
+          &:hover {
+            color: $richie-footer-menu-link-fontcolor-hover;
+            text-decoration: none;
+          }
+        }
+      }
+    }
+  }
+
   &__menu {
     @include sv-flex(1, 0, 100%);
     display: flex;
     border-bottom: $richie-footer-menu-border;
 
     &__list {
+      display: flex;
       width: 100%;
       max-width: map-get($container-max-widths, 'xl');
       margin: 0 auto;
-      display: flex;
       flex-direction: row;
       flex-wrap: wrap;
       justify-content: center;
+      list-style-type: none;
 
       &__item {
         @include sv-flex(1, 0, 100%);
-        display: flex;
+        display: block;
         margin: $richie-footer-menu-item-margin;
         padding: $richie-footer-menu-item-padding;
         color: inherit;
@@ -59,6 +84,10 @@ $richie-footer-poweredby-link-fontcolor: $white !default;
           @include sv-flex(0, 0, auto);
           margin: $richie-footer-menu-item-margin-lg;
           padding: $richie-footer-menu-item-padding-lg;
+
+          & + & {
+            margin-left: 1rem;
+          }
         }
 
         &__link {
@@ -93,7 +122,7 @@ $richie-footer-poweredby-link-fontcolor: $white !default;
       display: block;
       margin-left: 1rem;
       font-size: 2.4rem;
-      color: $gray73;
+      color: $gray48;
 
       &:hover {
         color: $white;

src/frontend/scss/templates/courses/cms/_organization_detail.scss

@@ -75,7 +75,7 @@ $richie-org-detail-logo-width: 12rem !default;
   }
 
   &__title {
-    margin: 1rem;
+    margin: 1rem 1rem 0 1rem;
 
     @include media-breakpoint-up(xl) {
       min-height: 6rem;
@@ -84,14 +84,36 @@ $richie-org-detail-logo-width: 12rem !default;
     }
   }
 
+  &__categories {
+    display: flex;
+    padding: 0 1rem 0;
+    flex-direction: row;
+    flex-wrap: wrap;
+
+    &__placeholder {
+      flex-grow: 1;
+      flex-shrink: 0;
+      flex-basis: 100%;
+      font-style: italic;
+      color: $gray40;
+      text-align: center;
+      background: transparent;
+
+      &:hover {
+        color: $gray40;
+      }
+    }
+  }
+
   &__content {
     clear: both;
     @include make-row();
+    margin-top: 1rem;
     padding-left: $grid-gutter-width;
     padding-right: $grid-gutter-width;
 
-    &__description,
-    &__courses {
+    &__courses,
+    &__description {
       @include make-col-ready();
       @include make-col(12);
     }