Subversion Repositories wimsdev

Rev

Rev 14734 | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /**
  2.  * Foundation for Sites
  3.  * Version 6.6.3
  4.  * https://get.foundation
  5.  * Licensed under MIT Open Source
  6.  */
  7. /* Flex styles */
  8. .align-left {
  9.   justify-content: flex-start; }
  10.  
  11. .align-right {
  12.   justify-content: flex-end; }
  13.  
  14. .align-center {
  15.   justify-content: center; }
  16.  
  17. .align-justify {
  18.   justify-content: space-between; }
  19.  
  20. .align-spaced {
  21.   justify-content: space-around; }
  22.  
  23. .align-left.vertical.menu > li > a {
  24.   justify-content: flex-start; }
  25.  
  26. .align-right.vertical.menu > li > a {
  27.   justify-content: flex-end; }
  28.  
  29. .align-center.vertical.menu > li > a {
  30.   justify-content: center; }
  31.  
  32. .align-top {
  33.   align-items: flex-start; }
  34.  
  35. .align-self-top {
  36.   align-self: flex-start; }
  37.  
  38. .align-bottom {
  39.   align-items: flex-end; }
  40.  
  41. .align-self-bottom {
  42.   align-self: flex-end; }
  43.  
  44. .align-middle {
  45.   align-items: center; }
  46.  
  47. .align-self-middle {
  48.   align-self: center; }
  49.  
  50. .align-stretch {
  51.   align-items: stretch; }
  52.  
  53. .align-self-stretch {
  54.   align-self: stretch; }
  55.  
  56. .align-center-middle {
  57.   justify-content: center;
  58.   align-items: center;
  59.   align-content: center; }
  60.  
  61. .small-order-1 {
  62.   order: 1; }
  63.  
  64. .small-order-2 {
  65.   order: 2; }
  66.  
  67. .small-order-3 {
  68.   order: 3; }
  69.  
  70. .small-order-4 {
  71.   order: 4; }
  72.  
  73. .small-order-5 {
  74.   order: 5; }
  75.  
  76. .small-order-6 {
  77.   order: 6; }
  78.  
  79. @media print, screen and (min-width: 40em) {
  80.   .medium-order-1 {
  81.     order: 1; }
  82.   .medium-order-2 {
  83.     order: 2; }
  84.   .medium-order-3 {
  85.     order: 3; }
  86.   .medium-order-4 {
  87.     order: 4; }
  88.   .medium-order-5 {
  89.     order: 5; }
  90.   .medium-order-6 {
  91.     order: 6; } }
  92.  
  93. @media print, screen and (min-width: 64em) {
  94.   .large-order-1 {
  95.     order: 1; }
  96.   .large-order-2 {
  97.     order: 2; }
  98.   .large-order-3 {
  99.     order: 3; }
  100.   .large-order-4 {
  101.     order: 4; }
  102.   .large-order-5 {
  103.     order: 5; }
  104.   .large-order-6 {
  105.     order: 6; } }
  106.  
  107. .flex-container {
  108.   display: flex; }
  109.  
  110. .flex-child-auto {
  111.   flex: 1 1 auto; }
  112.  
  113. .flex-child-grow {
  114.   flex: 1 0 auto; }
  115.  
  116. .flex-child-shrink {
  117.   flex: 0 1 auto; }
  118.  
  119. .flex-dir-row {
  120.   flex-direction: row; }
  121.  
  122. .flex-dir-row-reverse {
  123.   flex-direction: row-reverse; }
  124.  
  125. .flex-dir-column {
  126.   flex-direction: column; }
  127.  
  128. .flex-dir-column-reverse {
  129.   flex-direction: column-reverse; }
  130.  
  131. @media print, screen and (min-width: 40em) {
  132.   .medium-flex-container {
  133.     display: flex; }
  134.   .medium-flex-child-auto {
  135.     flex: 1 1 auto; }
  136.   .medium-flex-child-grow {
  137.     flex: 1 0 auto; }
  138.   .medium-flex-child-shrink {
  139.     flex: 0 1 auto; }
  140.   .medium-flex-dir-row {
  141.     flex-direction: row; }
  142.   .medium-flex-dir-row-reverse {
  143.     flex-direction: row-reverse; }
  144.   .medium-flex-dir-column {
  145.     flex-direction: column; }
  146.   .medium-flex-dir-column-reverse {
  147.     flex-direction: column-reverse; } }
  148.  
  149. @media print, screen and (min-width: 64em) {
  150.   .large-flex-container {
  151.     display: flex; }
  152.   .large-flex-child-auto {
  153.     flex: 1 1 auto; }
  154.   .large-flex-child-grow {
  155.     flex: 1 0 auto; }
  156.   .large-flex-child-shrink {
  157.     flex: 0 1 auto; }
  158.   .large-flex-dir-row {
  159.     flex-direction: row; }
  160.   .large-flex-dir-row-reverse {
  161.     flex-direction: row-reverse; }
  162.   .large-flex-dir-column {
  163.     flex-direction: column; }
  164.   .large-flex-dir-column-reverse {
  165.     flex-direction: column-reverse; } }
  166.