RussellHite

  /* Parallax base styles
  --------------------------------------------- */
// Refer to http://keithclark.co.uk/articles/pure-css-parallax-websites/ for more details

  .parallax {
    height: 500px; /* fallback for older browsers */
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 300px;

RussellHite

@mixin flex-items($number) {
    @for $i from 1 through $number{
        .flex-#{$i}{
            flex: #{$i} 1 1%; 
        }
    }
    
}  

RussellHite

@mixin field-width($number, $side-padd) {
    @for $i from 1 through $number{
        .field-width-#{$i}.form-group .form-control, .field-width-#{$i}[class*="mx-name-textBox"] .form-control{ 
            width: calc( #{$i} * 1em + #{$side-padd}); 
        }
        
    }
    
}  
// Add this line in the inputs partial

RussellHite

@each $current-color in $colors-list {
   $i: index($colors-list, $current-color);
   .stuff-#{$i} {
       color: $current-color;
   }
}
//incomplete

@mixin unit-after($unit-list) {
    @for $i from 1 through $number{

RussellHite

//@include fade-in($number: 10, $anime-time: .3s, $delay-time: .15s);
@mixin fade-in($number, $anime-time, $delay-time) {
   
    @for $i from 1 through $number{
        .fade-item:nth-of-type(#{$i}) { 
        -webkit-animation-duration: $anime-time;
        animation-duration: $anime-time;
        -webkit-animation-delay: ($delay-time * $i);
        animation-delay:($delay-time * $i);
        -webkit-animation-fill-mode: both;

RussellHite

.flexcontainer {
    display: flex;
    overflow: hidden;
    flex: 1;
    flex-direction: row;
    .flexitem {
        margin-right: $gutter-size;
        &:last-child {
            margin-right: 0;
        }