og

[wolnelektury.git] / src / wolnelektury / static / 2022 / more.scss

diff --git a/src/wolnelektury/static/2022/more.scss b/src/wolnelektury/static/2022/more.scss
index 7bdd833..6aa6caa 100644 (file)
--- a/src/wolnelektury/static/2022/more.scss
+++ b/src/wolnelektury/static/2022/more.scss
@@ -5,19 +5,6 @@ body.is-open {
     overflow-y: hidden;
 }
 
     overflow-y: hidden;
 }
 

-.l-change-pop {
-    margin-top: 18px;
-}
-.is-open .l-change-pop {
-    height: auto;
-    margin-top: 18px;
-    padding: 10px 50px;
-}
-
-.l-navigation__logo {
-    height: 44px;
-}
-

 .l-navigation__menu {
     .scrollable {
         height: 100%;
 .l-navigation__menu {
     .scrollable {
         height: 100%;


@@ -51,7 +38,7 @@ body.is-open {
     .l-books__item {
         @include rwd($break-wide) {
 
     .l-books__item {
         @include rwd($break-wide) {
 

-            width: 214.5px;
+            width: 214.4px;

             margin-left: 17px;
             margin-right: 0;
             &:first-of-type {
             margin-left: 17px;
             margin-right: 0;
             &:first-of-type {


@@ -243,10 +230,33 @@ form {
 
 .experiment {
     display: flex;
 
 .experiment {
     display: flex;

+    margin: 1em 16px;
+    font-size: 1.5em;

     align-items: center;
     align-items: center;

+    flex-direction: column;
+    margin-top: 2em;
+    @include rwd($break-flow) {
+        flex-direction: row;
+        align-items: flex-end;
+    }
+
+    > span, > div {
+       text-align: center;
+       @include rwd($break-flow) {
+           width: 50%;
+       }
+    }        

 }
 
 
 }
 
 

+.legend {
+    margin: 1em 16px;
+    font-size: .7em;
+    color: #777;
+    text-align:right;
+    font-style:italic;
+}
+

 
 .funding-promo-bar {
     margin: 18px auto;
 
 .funding-promo-bar {
     margin: 18px auto;


@@ -284,12 +294,6 @@ form {
     overflow: hidden;
 }
 
     overflow: hidden;
 }
 

-
-.l-change-pop {
-    margin-bottom: 18px;
-}
-
-

 .poll-bar {
     height: 10px;
     width: 100%;
 .poll-bar {
     height: 10px;
     width: 100%;