Permalink
Browse files

Upgrade to Susy 3 and replace grid mixins with new `span` and `gutter…

…` functions

Most of Susy's mixins have been deprecated, `@include container()`, `@include full()`, `@include span()`, `@include prefix()`, `@include suffix()`, `@include gallery()`, etc.

Fixes #1114
  • Loading branch information...
mmistakes committed Jul 21, 2017
1 parent 52a791f commit 387f8149d6270b876f224a57a07062ffb0647938
Showing with 5,346 additions and 8,246 deletions.
  1. +101 −29 _sass/minimal-mistakes/_archive.scss
  2. +8 −4 _sass/minimal-mistakes/_footer.scss
  3. +9 −3 _sass/minimal-mistakes/_masthead.scss
  4. +6 −6 _sass/minimal-mistakes/_navigation.scss
  5. +29 −10 _sass/minimal-mistakes/_page.scss
  6. +1 −1 _sass/minimal-mistakes/_reset.scss
  7. +2 −1 _sass/minimal-mistakes/_sidebar.scss
  8. +3 −1 _sass/minimal-mistakes/_utilities.scss
  9. +13 −0 _sass/minimal-mistakes/vendor/susy/_susy-prefix.scss
  10. +4 −3 _sass/minimal-mistakes/vendor/susy/_susy.scss
  11. +0 −4 _sass/minimal-mistakes/vendor/susy/_susyone.scss
  12. +5 −0 _sass/minimal-mistakes/vendor/susy/plugins/_svg-grid.scss
  13. +7 −0 _sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_prefix.scss
  14. +114 −0 _sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-api.scss
  15. +67 −0 _sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-grid-math.scss
  16. +14 −0 _sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-settings.scss
  17. +18 −0 _sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-unprefix.scss
  18. +133 −0 _sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-utilities.scss
  19. +318 −0 _sass/minimal-mistakes/vendor/susy/susy/_api.scss
  20. +261 −0 _sass/minimal-mistakes/vendor/susy/susy/_normalize.scss
  21. +163 −0 _sass/minimal-mistakes/vendor/susy/susy/_parse.scss
  22. +329 −0 _sass/minimal-mistakes/vendor/susy/susy/_settings.scss
  23. +441 −0 _sass/minimal-mistakes/vendor/susy/susy/_su-math.scss
  24. +213 −0 _sass/minimal-mistakes/vendor/susy/susy/_su-validate.scss
  25. +0 −7 _sass/minimal-mistakes/vendor/susy/susy/_su.scss
  26. +191 −0 _sass/minimal-mistakes/vendor/susy/susy/_syntax-helpers.scss
  27. +56 −0 _sass/minimal-mistakes/vendor/susy/susy/_unprefix.scss
  28. +167 −0 _sass/minimal-mistakes/vendor/susy/susy/_utilities.scss
  29. +0 −24 _sass/minimal-mistakes/vendor/susy/susy/language/_susy.scss
  30. +0 −13 _sass/minimal-mistakes/vendor/susy/susy/language/_susyone.scss
  31. +0 −385 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_background.scss
  32. +0 −200 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_bleed.scss
  33. +0 −47 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_box-sizing.scss
  34. +0 −185 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_breakpoint-plugin.scss
  35. +0 −81 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_container.scss
  36. +0 −36 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_context.scss
  37. +0 −94 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_gallery.scss
  38. +0 −64 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_grids.scss
  39. +0 −154 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_gutters.scss
  40. +0 −77 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_isolate.scss
  41. +0 −94 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_margins.scss
  42. +0 −74 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_padding.scss
  43. +0 −138 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_rows.scss
  44. +0 −216 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_settings.scss
  45. +0 −163 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_span.scss
  46. +0 −16 _sass/minimal-mistakes/vendor/susy/susy/language/susy/_validation.scss
  47. +0 −18 _sass/minimal-mistakes/vendor/susy/susy/language/susyone/_background.scss
  48. +0 −377 _sass/minimal-mistakes/vendor/susy/susy/language/susyone/_functions.scss
  49. +0 −312 _sass/minimal-mistakes/vendor/susy/susy/language/susyone/_grid.scss
  50. +0 −51 _sass/minimal-mistakes/vendor/susy/susy/language/susyone/_isolation.scss
  51. +0 −93 _sass/minimal-mistakes/vendor/susy/susy/language/susyone/_margin.scss
  52. +0 −105 _sass/minimal-mistakes/vendor/susy/susy/language/susyone/_media.scss
  53. +0 −92 _sass/minimal-mistakes/vendor/susy/susy/language/susyone/_padding.scss
  54. +0 −60 _sass/minimal-mistakes/vendor/susy/susy/language/susyone/_settings.scss
  55. +0 −9 _sass/minimal-mistakes/vendor/susy/susy/output/_float.scss
  56. +0 −15 _sass/minimal-mistakes/vendor/susy/susy/output/_shared.scss
  57. +0 −9 _sass/minimal-mistakes/vendor/susy/susy/output/_support.scss
  58. +0 −16 _sass/minimal-mistakes/vendor/susy/susy/output/float/_container.scss
  59. +0 −40 _sass/minimal-mistakes/vendor/susy/susy/output/float/_end.scss
  60. +0 −22 _sass/minimal-mistakes/vendor/susy/susy/output/float/_isolate.scss
  61. +0 −35 _sass/minimal-mistakes/vendor/susy/susy/output/float/_span.scss
  62. +0 −26 _sass/minimal-mistakes/vendor/susy/susy/output/shared/_background.scss
  63. +0 −21 _sass/minimal-mistakes/vendor/susy/susy/output/shared/_container.scss
  64. +0 −42 _sass/minimal-mistakes/vendor/susy/susy/output/shared/_direction.scss
  65. +0 −25 _sass/minimal-mistakes/vendor/susy/susy/output/shared/_inspect.scss
  66. +0 −23 _sass/minimal-mistakes/vendor/susy/susy/output/shared/_margins.scss
  67. +0 −14 _sass/minimal-mistakes/vendor/susy/susy/output/shared/_output.scss
  68. +0 −23 _sass/minimal-mistakes/vendor/susy/susy/output/shared/_padding.scss
  69. +0 −58 _sass/minimal-mistakes/vendor/susy/susy/output/support/_background.scss
  70. +0 −19 _sass/minimal-mistakes/vendor/susy/susy/output/support/_box-sizing.scss
  71. +0 −18 _sass/minimal-mistakes/vendor/susy/susy/output/support/_clearfix.scss
  72. +0 −19 _sass/minimal-mistakes/vendor/susy/susy/output/support/_prefix.scss
  73. +0 −22 _sass/minimal-mistakes/vendor/susy/susy/output/support/_rem.scss
  74. +0 −85 _sass/minimal-mistakes/vendor/susy/susy/output/support/_support.scss
  75. +0 −103 _sass/minimal-mistakes/vendor/susy/susy/su/_grid.scss
  76. +0 −73 _sass/minimal-mistakes/vendor/susy/susy/su/_settings.scss
  77. +0 −111 _sass/minimal-mistakes/vendor/susy/susy/su/_utilities.scss
  78. +0 −57 _sass/minimal-mistakes/vendor/susy/susy/su/_validation.scss
  79. +101 −29 docs/_sass/minimal-mistakes/_archive.scss
  80. +8 −4 docs/_sass/minimal-mistakes/_footer.scss
  81. +9 −3 docs/_sass/minimal-mistakes/_masthead.scss
  82. +6 −6 docs/_sass/minimal-mistakes/_navigation.scss
  83. +29 −10 docs/_sass/minimal-mistakes/_page.scss
  84. +1 −1 docs/_sass/minimal-mistakes/_reset.scss
  85. +2 −1 docs/_sass/minimal-mistakes/_sidebar.scss
  86. +3 −1 docs/_sass/minimal-mistakes/_utilities.scss
  87. +13 −0 docs/_sass/minimal-mistakes/vendor/susy/_susy-prefix.scss
  88. +4 −3 docs/_sass/minimal-mistakes/vendor/susy/_susy.scss
  89. +0 −4 docs/_sass/minimal-mistakes/vendor/susy/_susyone.scss
  90. +5 −0 docs/_sass/minimal-mistakes/vendor/susy/plugins/_svg-grid.scss
  91. +7 −0 docs/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_prefix.scss
  92. +114 −0 docs/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-api.scss
  93. +67 −0 docs/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-grid-math.scss
  94. +14 −0 docs/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-settings.scss
  95. +18 −0 docs/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-unprefix.scss
  96. +133 −0 docs/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-utilities.scss
  97. +318 −0 docs/_sass/minimal-mistakes/vendor/susy/susy/_api.scss
  98. +261 −0 docs/_sass/minimal-mistakes/vendor/susy/susy/_normalize.scss
  99. +163 −0 docs/_sass/minimal-mistakes/vendor/susy/susy/_parse.scss
  100. +329 −0 docs/_sass/minimal-mistakes/vendor/susy/susy/_settings.scss
  101. +441 −0 docs/_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss
  102. +213 −0 docs/_sass/minimal-mistakes/vendor/susy/susy/_su-validate.scss
  103. +0 −7 docs/_sass/minimal-mistakes/vendor/susy/susy/_su.scss
  104. +191 −0 docs/_sass/minimal-mistakes/vendor/susy/susy/_syntax-helpers.scss
  105. +56 −0 docs/_sass/minimal-mistakes/vendor/susy/susy/_unprefix.scss
  106. +167 −0 docs/_sass/minimal-mistakes/vendor/susy/susy/_utilities.scss
  107. +0 −24 docs/_sass/minimal-mistakes/vendor/susy/susy/language/_susy.scss
  108. +0 −13 docs/_sass/minimal-mistakes/vendor/susy/susy/language/_susyone.scss
  109. +0 −385 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_background.scss
  110. +0 −200 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_bleed.scss
  111. +0 −47 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_box-sizing.scss
  112. +0 −185 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_breakpoint-plugin.scss
  113. +0 −81 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_container.scss
  114. +0 −36 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_context.scss
  115. +0 −94 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_gallery.scss
  116. +0 −64 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_grids.scss
  117. +0 −154 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_gutters.scss
  118. +0 −77 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_isolate.scss
  119. +0 −94 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_margins.scss
  120. +0 −74 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_padding.scss
  121. +0 −138 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_rows.scss
  122. +0 −216 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_settings.scss
  123. +0 −163 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_span.scss
  124. +0 −16 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_validation.scss
  125. +0 −18 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_background.scss
  126. +0 −377 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_functions.scss
  127. +0 −312 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_grid.scss
  128. +0 −51 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_isolation.scss
  129. +0 −93 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_margin.scss
  130. +0 −105 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_media.scss
  131. +0 −92 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_padding.scss
  132. +0 −60 docs/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_settings.scss
  133. +0 −9 docs/_sass/minimal-mistakes/vendor/susy/susy/output/_float.scss
  134. +0 −15 docs/_sass/minimal-mistakes/vendor/susy/susy/output/_shared.scss
  135. +0 −9 docs/_sass/minimal-mistakes/vendor/susy/susy/output/_support.scss
  136. +0 −16 docs/_sass/minimal-mistakes/vendor/susy/susy/output/float/_container.scss
  137. +0 −40 docs/_sass/minimal-mistakes/vendor/susy/susy/output/float/_end.scss
  138. +0 −22 docs/_sass/minimal-mistakes/vendor/susy/susy/output/float/_isolate.scss
  139. +0 −35 docs/_sass/minimal-mistakes/vendor/susy/susy/output/float/_span.scss
  140. +0 −26 docs/_sass/minimal-mistakes/vendor/susy/susy/output/shared/_background.scss
  141. +0 −21 docs/_sass/minimal-mistakes/vendor/susy/susy/output/shared/_container.scss
  142. +0 −42 docs/_sass/minimal-mistakes/vendor/susy/susy/output/shared/_direction.scss
  143. +0 −25 docs/_sass/minimal-mistakes/vendor/susy/susy/output/shared/_inspect.scss
  144. +0 −23 docs/_sass/minimal-mistakes/vendor/susy/susy/output/shared/_margins.scss
  145. +0 −14 docs/_sass/minimal-mistakes/vendor/susy/susy/output/shared/_output.scss
  146. +0 −23 docs/_sass/minimal-mistakes/vendor/susy/susy/output/shared/_padding.scss
  147. +0 −58 docs/_sass/minimal-mistakes/vendor/susy/susy/output/support/_background.scss
  148. +0 −19 docs/_sass/minimal-mistakes/vendor/susy/susy/output/support/_box-sizing.scss
  149. +0 −18 docs/_sass/minimal-mistakes/vendor/susy/susy/output/support/_clearfix.scss
  150. +0 −19 docs/_sass/minimal-mistakes/vendor/susy/susy/output/support/_prefix.scss
  151. +0 −22 docs/_sass/minimal-mistakes/vendor/susy/susy/output/support/_rem.scss
  152. +0 −85 docs/_sass/minimal-mistakes/vendor/susy/susy/output/support/_support.scss
  153. +0 −103 docs/_sass/minimal-mistakes/vendor/susy/susy/su/_grid.scss
  154. +0 −73 docs/_sass/minimal-mistakes/vendor/susy/susy/su/_settings.scss
  155. +0 −111 docs/_sass/minimal-mistakes/vendor/susy/susy/su/_utilities.scss
  156. +0 −57 docs/_sass/minimal-mistakes/vendor/susy/susy/su/_validation.scss
@@ -6,12 +6,13 @@
margin-bottom: 2em;
@include breakpoint($medium) {
@include span(12 of 12);
width: span(12 of 12);
}
@include breakpoint($large) {
@include span(10 of 12 last);
@include prefix(0.5 of 12);
float: right;
padding-left: gutter(0.5 of 12);
width: span(10 of 12);
}
a {
@@ -108,6 +109,50 @@
.grid__item {
margin-bottom: 2em;
@include breakpoint($small) {
float: left;
width: span(5 of 10);
&:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
&:nth-child(2n+2) {
clear: none;
margin-left: gutter(of 10);
}
}
@include breakpoint($medium) {
margin-left: 0; /* override margin*/
margin-right: 0; /* override margin*/
width: span(3 of 12);
&:nth-child(2n+1) {
clear: none;
}
&:nth-child(4n+1) {
clear: both;
}
&:nth-child(4n+2) {
clear: none;
margin-left: gutter(1 of 12);
}
&:nth-child(4n+3) {
clear: none;
margin-left: gutter(1 of 12);
}
&:nth-child(4n+4) {
clear: none;
margin-left: gutter(1 of 12);
}
}
.page__meta {
margin: 0 0 4px;
}
@@ -119,27 +164,21 @@
.archive__item-excerpt {
display: none;
}
@include breakpoint($small) {
@include gallery(5 of 10);
.archive__item-teaser {
max-height: 200px;
@include breakpoint($medium) {
display: block;
font-size: $type-size-6;
}
}
@include breakpoint($medium) {
margin-left: 0; /* reset before mixin does its thing*/
margin-right: 0; /* reset before mixin does its thing*/
@include gallery(2.5 of 10);
.archive__item-teaser {
.archive__item-teaser {
max-height: 120px;
@include breakpoint($small) {
max-height: 200px;
}
.archive__item-excerpt {
display: block;
font-size: $type-size-6;
@include breakpoint($medium) {
max-height: 120px;
}
}
}
@@ -160,8 +199,24 @@
font-size: 1.25rem;
@include breakpoint($small) {
float: left;
margin-bottom: 0;
@include gallery(4 of 12);
width: span(4 of 12);
&:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
&:nth-child(3n+2) {
clear: none;
margin-left: gutter(of 12);
}
&:nth-child(3n+3) {
clear: none;
margin-left: gutter(of 12);
}
.feature__item-teaser {
max-height: 200px;
@@ -170,28 +225,39 @@
}
&--left {
@include full();
float: left;
margin-left: 0;
margin-right: 0;
width: 100%;
clear: both;
font-size: 1.25rem;
.archive__item-teaser {
margin-bottom: 2em;
}
@include breakpoint($small) {
.archive__item-teaser {
@include span(5 of 12);
float: left;
width: span(5 of 12);
}
.archive__item-body {
@include span(7 of 12 last);
@include prefix(0.5 of 12);
@include suffix(1 of 12);
float: right;
padding-left: gutter(0.5 of 12);
padding-right: gutter(1 of 12);
width: span(7 of 12);
}
}
}
&--right {
@include full();
float: left;
margin-left: 0;
margin-right: 0;
width: 100%;
clear: both;
font-size: 1.25rem;
.archive__item-teaser {
@@ -202,19 +268,25 @@
text-align: right;
.archive__item-teaser {
@include span(5 of 12 rtl);
float: right;
width: span(5 of 12);
}
.archive__item-body {
@include span(7 of 12 last rtl);
@include prefix(0.5 of 12);
@include suffix(1 of 12);
float: right;
width: span(7 of 12);
padding-left: gutter(0.5 of 12);
padding-right: gutter(1 of 12);
}
}
}
&--center {
@include full();
float: left;
margin-left: 0;
margin-right: 0;
width: 100%;
clear: both;
font-size: 1.25rem;
.archive__item-teaser {
@@ -3,13 +3,15 @@
========================================================================== */
.page__footer {
@include full();
@include clearfix;
float: left;
margin-left: 0;
margin-right: 0;
width: 100%;
clear: both;
/* sticky footer fix start */
position: absolute;
bottom: 0;
width: 100%;
clear: both;
height: auto;
/* sticky footer fix end */
margin-top: 3em;
@@ -22,9 +24,11 @@
border-top: 1px solid $light-gray;
footer {
@include container;
@include clearfix;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
max-width: 100%;
padding: 0 1em 2em;
@include breakpoint($x-large) {
@@ -12,13 +12,15 @@
z-index: 20;
&__inner-wrap {
@include container;
@include clearfix;
margin-left: auto;
margin-right: auto;
padding: 1em;
max-width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 1em 1em 1em;
justify-content: space-between;
font-family: $sans-serif-narrow;
@include breakpoint($x-large) {
@@ -47,7 +49,11 @@
}
.masthead__menu {
float: left;
margin-left: 0;
margin-right: 0;
width: 100%;
clear: both;
.site-nav {
margin-left: 0;
@@ -7,10 +7,9 @@
========================================================================== */
.breadcrumbs {
@include container;
@include clearfix;
margin-top: 0;
margin-bottom: 0;
margin: 0 auto;
max-width: 100%;
padding-left: 2em;
padding-right: 2em;
font-family: $sans-serif;
@@ -34,11 +33,12 @@
font-size: $type-size-6;
@include breakpoint($large) {
@include span(10 of 12 last);
float: right;
width: span(10 of 12);
}
@include breakpoint($x-large) {
@include prefix(0.5 of 12);
padding-left: gutter(0.5 of 12);
}
}
@@ -57,10 +57,10 @@
========================================================================== */
.pagination {
@include full();
@include clearfix();
margin-top: 1em;
padding-top: 1em;
width: 100%;
ul {
margin: 0;
@@ -3,11 +3,13 @@
========================================================================== */
#main {
@include container;
@include clearfix;
margin-left: auto;
margin-top: 2em;
margin-right: auto;
padding-left: 1em;
padding-right: 1em;
max-width: 100%;
-webkit-animation: intro 0.3s both;
animation: intro 0.3s both;
-webkit-animation-delay: 0.35s;
@@ -19,19 +21,29 @@
}
.page {
@include breakpoint($large) {
@include span(10 of 12 last);
@include prefix(0.5 of 12);
@include suffix(2 of 12);
float: right;
width: span(10 of 12);
padding-left: gutter(0.5 of 12);
padding-right: gutter(2 of 12);
}
.page__inner-wrap {
@include full();
float: left;
margin-left: 0;
margin-right: 0;
width: 100%;
clear: both;
.page__content,
.page__meta,
.page__share {
@include full();
float: left;
margin-left: 0;
margin-right: 0;
width: 100%;
clear: both;
}
}
}
@@ -288,7 +300,11 @@
========================================================================== */
.page__comments {
@include full();
float: left;
margin-left: 0;
margin-right: 0;
width: 100%;
clear: both;
}
.page__comments-title {
@@ -385,14 +401,17 @@
========================================================================== */
.page__related {
@include clearfix();
float: left;
margin-top: 2em;
padding-top: 1em;
border-top: 1px solid $border-color;
@include clearfix();
float: left;
@include breakpoint($large) {
@include pre(2.5 of 12);
float: right;
width: span(10 of 12);
padding-left: gutter(0.5 of 12);
padding-right: gutter(2 of 12);
}
a {
Oops, something went wrong.

0 comments on commit 387f814

Please sign in to comment.