flexbox

saitodisse · saitodisse · commit 83056d0bdf06 · 2017-01-02T20:59:49.000-02:00
diff --git a/src/03 - CSS Variables/index-START-flexbox-sandbox.css b/src/03 - CSS Variables/index-START-flexbox-sandbox.css
@@ -2,11 +2,13 @@
   --flex-direction: row;
   --justify-content: flex-start;
   --align-items: center;
+
   --flex-grow-item-1: 0;
   --flex-grow-item-2: 0;
   --flex-grow-item-3: 0;
   --flex-grow-item-4: 0;
-  --flex-grow-item-5: 0;  
+  --flex-grow-item-5: 0;
+
   --flex-shrink-item-1: 1;
   --flex-shrink-item-2: 1;
   --flex-shrink-item-3: 1;
@@ -103,27 +105,27 @@ h1, h2 {
 }
 
 .item-1 {
-  font-size: 140%;
+  font-size: 100%;
   flex-grow: var(--flex-grow-item-1);
   flex-shrink: var(--flex-shrink-item-1);
 }
 .item-2 {
-  font-size: 110%;
+  font-size: 120%;
   flex-grow: var(--flex-grow-item-2);
   flex-shrink: var(--flex-shrink-item-2);
 }
 .item-3 {
-  font-size: 120%;
+  font-size: 140%;
   flex-grow: var(--flex-grow-item-3);
   flex-shrink: var(--flex-shrink-item-3);
 }
 .item-4 {
-  font-size:130%;
+  font-size:160%;
   flex-grow: var(--flex-grow-item-4);
   flex-shrink: var(--flex-shrink-item-4);
 }
 .item-5 {
-  font-size: 150%;
+  font-size: 180%;
   flex-grow: var(--flex-grow-item-5);
   flex-shrink: var(--flex-shrink-item-5);
 }
diff --git a/src/03 - CSS Variables/index-START-flexbox-sandbox.html b/src/03 - CSS Variables/index-START-flexbox-sandbox.html
@@ -221,8 +221,8 @@ <h2>Scoped CSS Variables and JS</h2>
       <div 
         class="info"
         title="Click on items to increase or decrease flex-shrink;
-- ctrl + right click: increase
-- ctrl + left click: decrease">
+- shift + right click: increase
+- shift + left click: decrease">
         ?
       </div>
     </div>
