Skip to content

Instantly share code, notes, and snippets.

@patrykgruszka
Created September 8, 2017 14:10
Show Gist options
  • Save patrykgruszka/1b28f4bbc96af4d8905f7eede0fd3532 to your computer and use it in GitHub Desktop.
Save patrykgruszka/1b28f4bbc96af4d8905f7eede0fd3532 to your computer and use it in GitHub Desktop.
.flow-offset-1 > * + * {
margin-top: 40px; }
@media (min-width: 480px) {
html:not(.lt-ie10) .flow-offset-1 > .col-xs-1:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-2:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-3:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-4:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-5:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-6:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-7:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-8:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-9:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-10:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-11:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-12:nth-of-type(n) {
margin-top: 0; } }
@media (min-width: 480px) {
html:not(.lt-ie10) .flow-offset-1 > .col-xs-1:nth-of-type(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-xs-2:nth-of-type(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-xs-3:nth-of-type(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-xs-4:nth-of-type(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-xs-6:nth-of-type(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-xs-12:nth-of-type(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-xs-8.col-xs-preffix-2 {
margin-top: 40px; } }
@media (min-width: 768px) {
html:not(.lt-ie10) .flow-offset-1 > .col-sm-1:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-2:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-3:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-4:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-5:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-6:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-7:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-8:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-9:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-10:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-11:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-12:nth-of-type(n) {
margin-top: 0; } }
@media (min-width: 768px) {
html:not(.lt-ie10) .flow-offset-1 > .col-sm-1:nth-of-type(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-sm-2:nth-of-type(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-sm-3:nth-of-type(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-sm-4:nth-of-type(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-sm-6:nth-of-type(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-sm-12:nth-of-type(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-sm-8.col-sm-preffix-2 {
margin-top: 40px; } }
@media (min-width: 992px) {
html:not(.lt-ie10) .flow-offset-1 > .col-md-1:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-2:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-3:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-4:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-5:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-6:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-7:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-8:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-9:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-10:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-11:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-12:nth-of-type(n) {
margin-top: 0; } }
@media (min-width: 992px) {
html:not(.lt-ie10) .flow-offset-1 > .col-md-1:nth-of-type(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-md-2:nth-of-type(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-md-3:nth-of-type(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-md-4:nth-of-type(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-md-6:nth-of-type(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-md-12:nth-of-type(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-md-8.col-md-preffix-2 {
margin-top: 40px; } }
@media (min-width: 1200px) {
html:not(.lt-ie10) .flow-offset-1 > .col-lg-1:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-2:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-3:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-4:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-5:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-6:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-7:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-8:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-9:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-10:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-11:nth-of-type(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-12:nth-of-type(n) {
margin-top: 0; } }
@media (min-width: 1200px) {
html:not(.lt-ie10) .flow-offset-1 > .col-lg-1:nth-of-type(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-lg-2:nth-of-type(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-lg-3:nth-of-type(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-lg-4:nth-of-type(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-lg-6:nth-of-type(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-lg-12:nth-of-type(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-lg-8.col-lg-preffix-2 {
margin-top: 40px; } }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment