Contents

//
//@variables
//

$small-min-width: 480px !default;
$small-max-width: 767px !default;

$medium-min-width: $small-max-width + 1 !default;
$medium-max-width: 1023px !default;

$large-min-width: $medium-max-width + 1 !default;

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

//Large screen sizes alignment
@include min-screen($large-min-width) {
  .text-center-lg {
    text-align: center; 
  }

  .text-left-lg {
    text-align: center; 
  }

  .text-justify-lg {
    text-align: center; 
  }

  .text-right-lg {
    text-align: right; 
  }
}


//Medium screen sizes alignment
@include screen($resMin: $medium-min-width, $resMax: $medium-max-width) {
  .text-center-md {
    text-align: center; 
  }

  .text-left-md {
    text-align: center; 
  }

  .text-justify-md {
    text-align: center; 
  }

  .text-right-md {
    text-align: right; 
  }
} 

//Small screen sizes alignment
@include screen($resMin: $small-min-width, $resMax: $small-max-width) {
  .text-center-sm {
    text-align: center; 
  } 

  .text-left-sm {
    text-align: left; 
  } 

  .text-justify-sm {
    text-align: justify; 
  } 

  .text-right-sm {
    text-align: right; 
  } 
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
furatto-1.2.7	vendor/assets/stylesheets/furatto/_text_alignment_utilities.scss
furatto-1.2.6	vendor/assets/stylesheets/furatto/_text_alignment_utilities.scss
furatto-1.2.5	vendor/assets/stylesheets/furatto/_text_alignment_utilities.scss
furatto-1.1.5	vendor/assets/stylesheets/furatto/_text_alignment_utilities.scss