ama_layout 4.10.1 → 5.0.0

data/app/assets/stylesheets/ama_layout/layout/index.scss

@@ -1,5 +0,0 @@
-@import "mixins-grid";
-@import "variables";
-@import "base-styles";
-@import "helper-classes";
-@import "print";

data/app/assets/stylesheets/ama_layout/layout/mixins-grid.scss

@@ -1,847 +0,0 @@
-@mixin row($width: $global-width){
-  //for rows with a fixed max-width
-  //to use this: @include row($global-width)
-  //for a normal fluid row just use @include grid-row
-  @include grid-row;
-  width: $width;
-}
-
-@mixin nested-row{
-  @include grid-row-nest(null);
-}
-
-@mixin small-12{
-  @include grid-column(12);
-}
-
-@mixin small-11{
-  @include grid-column(11);
-}
-
-@mixin small-10{
-  @include grid-column(10);
-}
-
-@mixin small-9{
-  @include grid-column(9);
-}
-
-@mixin small-8{
-  @include grid-column(8);
-}
-
-@mixin small-7{
-  @include grid-column(7);
-}
-
-@mixin small-6{
-  @include grid-column(6);
-}
-
-@mixin small-5{
-  @include grid-column(5);
-}
-
-@mixin small-4{
-  @include grid-column(4);
-}
-
-@mixin small-3{
-  @include grid-column(3);
-}
-
-@mixin small-2{
-  @include grid-column(2);
-}
-
-@mixin small-1{
-  @include grid-column(1);
-}
-
-@mixin medium-12{
-  @media #{$medium-up}{
-    @include grid-column(12);
-  }
-}
-
-@mixin medium-11{
-  @media #{$medium-up}{
-    @include grid-column(11);
- }
-}
-
-@mixin medium-10{
-  @media #{$medium-up}{
-    @include grid-column(10);
-  }
-}
-
-@mixin medium-9{
-  @media #{$medium-up}{
-    @include grid-column(9);
-  }
-}
-
-@mixin medium-8{
-  @media #{$medium-up}{
-    @include grid-column(8);
-  }
-}
-
-@mixin medium-7{
-  @media #{$medium-up}{
-    @include grid-column(7);
-  }
-}
-
-@mixin medium-6{
-  @media #{$medium-up}{
-    @include grid-column(6);
-  }
-}
-
-@mixin medium-5{
-  @media #{$medium-up}{
-    @include grid-column(5);
-  }
-}
-
-@mixin medium-4{
-  @media #{$medium-up}{
-    @include grid-column(4);
-  }
-}
-
-@mixin medium-3{
-  @media #{$medium-up}{
-    @include grid-column(3);
-  }
-}
-
-@mixin medium-2{
-  @media #{$medium-up}{
-    @include grid-column(2);
-  }
-}
-
-@mixin medium-1{
-  @media #{$medium-up}{
-    @include grid-column(1);
-  }
-}
-
-@mixin large-12{
-  @include small-12;
-  @media #{$large-up}{
-    @include grid-column(12);
-  }
-}
-
-@mixin large-11{
-  @include small-12;
-  @media #{$large-up}{
-    @include grid-column(11);
-  }
-}
-
-@mixin large-10{
-  @include small-12;
-  @media #{$large-up}{
-    @include grid-column(10);
-  }
-}
-
-@mixin large-9{
-  @include small-12;
-  @media #{$large-up}{
-    @include grid-column(9);
-  }
-}
-
-@mixin large-8{
-  @include small-12;
-  @media #{$large-up}{
-    @include grid-column(8);
-  }
-}
-
-@mixin large-7{
-  @include small-12;
-  @media #{$large-up}{
-    @include grid-column(7);
-  }
-}
-
-@mixin large-6{
-  @include small-12;
-  @media #{$large-up}{
-    @include grid-column(6);
-  }
-}
-
-@mixin large-5{
-  @include small-12;
-  @media #{$large-up}{
-    @include grid-column(5);
-  }
-}
-
-@mixin large-4{
-  @include small-12;
-  @media #{$large-up}{
-    @include grid-column(4);
-  }
-}
-
-@mixin large-3{
-  @include small-12;
-  @media #{$large-up}{
-    @include grid-column(3);
-  }
-}
-
-@mixin large-2{
-  @include small-12;
-  @media #{$large-up}{
-    @include grid-column(2);
-  }
-}
-
-@mixin large-1{
-  @include small-12;
-  @media #{$large-up}{
-    @include grid-column(1);
-  }
-}
-
- /* Offset */
-
-@mixin small-offset-11{
-  @media #{$small-up}{
-    @include grid-column-offset(11);
-  }
-}
-
-@mixin small-offset-10{
-  @media #{$small-up}{
-    @include grid-column-offset(10);
-  }
-}
-
-@mixin small-offset-9{
-  @media #{$small-up}{
-    @include grid-column-offset(9);
-  }
-}
-
-@mixin small-offset-8{
-  @media #{$small-up}{
-    @include grid-column-offset(8);
-  }
-}
-
-@mixin small-offset-7{
-  @media #{$small-up}{
-    @include grid-column-offset(7);
-  }
-}
-
-@mixin small-offset-6{
-  @media #{$small-up}{
-    @include grid-column-offset(6);
-  }
-}
-
-@mixin small-offset-5{
-  @media #{$small-up}{
-    @include grid-column-offset(5);
-  }
-}
-
-@mixin small-offset-4{
-  @media #{$small-up}{
-    @include grid-column-offset(4);
-  }
-}
-
-@mixin small-offset-3{
-  @media #{$small-up}{
-    @include grid-column-offset(3);
-  }
-}
-
-@mixin small-offset-2{
-  @media #{$small-up}{
-    @include grid-column-offset(2);
-  }
-}
-
-@mixin small-offset-1{
-  @media #{$small-up}{
-    @include grid-column-offset(1);
-  }
-}
-
-@mixin medium-offset-11{
-  @media #{$medium-up}{
-    @include grid-column-offset(11);
-  }
-}
-
-@mixin medium-offset-10{
-  @media #{$medium-up}{
-    @include grid-column-offset(10);
-  }
-}
-
-@mixin medium-offset-9{
-  @media #{$medium-up}{
-    @include grid-column-offset(9);
-  }
-}
-
-@mixin medium-offset-8{
-  @media #{$medium-up}{
-    @include grid-column-offset(8);
-  }
-}
-
-@mixin medium-offset-7{
-  @media #{$medium-up}{
-    @include grid-column-offset(7);
-  }
-}
-
-@mixin medium-offset-6{
-  @media #{$medium-up}{
-    @include grid-column-offset(6);
-  }
-}
-
-@mixin medium-offset-5{
-  @media #{$medium-up}{
-    @include grid-column-offset(5);
-  }
-}
-
-@mixin medium-offset-4{
-  @media #{$medium-up}{
-    @include grid-column-offset(4);
-  }
-}
-
-@mixin medium-offset-3{
-  @media #{$medium-up}{
-    @include grid-column-offset(3);
-  }
-}
-
-@mixin medium-offset-2{
-  @media #{$medium-up}{
-    @include grid-column-offset(2);
-  }
-}
-
-@mixin medium-offset-1{
-  @media #{$medium-up}{
-    @include grid-column-offset(1);
-  }
-}
-
-@mixin large-offset-11{
-  @media #{$large-up}{
-    @include grid-column-offset(11);
-  }
-}
-
-@mixin large-offset-10{
-  @media #{$large-up}{
-    @include grid-column-offset(10);
-  }
-}
-
-@mixin large-offset-9{
-  @media #{$large-up}{
-    @include grid-column-offset(9);
-  }
-}
-
-@mixin large-offset-8{
-  @media #{$large-up}{
-    @include grid-column-offset(8);
-  }
-}
-
-@mixin large-offset-7{
-  @media #{$large-up}{
-    @include grid-column-offset(7);
-  }
-}
-
-@mixin large-offset-6{
-  @media #{$large-up}{
-    @include grid-column-offset(6);
-  }
-}
-
-@mixin large-offset-5{
-  @media #{$large-up}{
-    @include grid-column-offset(5);
-  }
-}
-
-@mixin large-offset-4{
-  @media #{$large-up}{
-    @include grid-column-offset(4);
-  }
-}
-
-@mixin large-offset-3{
-  @media #{$large-up}{
-    @include grid-column-offset(3);
-  }
-}
-
-@mixin large-offset-2{
-  @media #{$large-up}{
-    @include grid-column-offset(2);
-  }
-}
-
-@mixin large-offset-1{
-  @media #{$large-up}{
-    @include grid-column-offset(1);
-  }
-}
-
-/* Push */
-
-@mixin small-push-11{
-  @media #{$small-up}{
-    @include grid-column-position(11);
-  }
-}
-
-@mixin small-push-10{
-  @media #{$small-up}{
-    @include grid-column-position(10);
-  }
-}
-
-@mixin small-push-9{
-  @media #{$small-up}{
-    @include grid-column-position(9);
-  }
-}
-
-@mixin small-push-8{
-  @media #{$small-up}{
-    @include grid-column-position(8);
-  }
-}
-
-@mixin small-push-7{
-  @media #{$small-up}{
-    @include grid-column-position(7);
-  }
-}
-
-@mixin small-push-6{
-  @media #{$small-up}{
-    @include grid-column-position(6);
-  }
-}
-
-@mixin small-push-5{
-  @media #{$small-up}{
-    @include grid-column-position(5);
-  }
-}
-
-@mixin small-push-4{
-  @media #{$small-up}{
-    @include grid-column-position(4);
-  }
-}
-
-@mixin small-push-3{
-  @media #{$small-up}{
-    @include grid-column-position(3);
-  }
-}
-
-
-@mixin small-push-2{
-  @media #{$small-up}{
-    @include grid-column-position(2);
-  }
-}
-
-@mixin small-push-1{
-  @media #{$small-up}{
-    @include grid-column-position(1);
-  }
-}
-
-@mixin medium-push-11{
-  @media #{$medium-up}{
-    @include grid-column-position(11);
-  }
-}
-
-@mixin medium-push-10{
-  @media #{$medium-up}{
-    @include grid-column-position(10);
-  }
-}
-
-@mixin medium-push-9{
-  @media #{$medium-up}{
-    @include grid-column-position(9);
-  }
-}
-
-@mixin medium-push-8{
-  @media #{$medium-up}{
-    @include grid-column-position(8);
-  }
-}
-
-@mixin medium-push-7{
-  @media #{$medium-up}{
-    @include grid-column-position(7);
-  }
-}
-
-@mixin medium-push-6{
-  @media #{$medium-up}{
-    @include grid-column-position(6);
-  }
-}
-
-@mixin medium-push-5{
-  @media #{$medium-up}{
-    @include grid-column-position(5);
-  }
-}
-
-@mixin medium-push-4{
-  @media #{$medium-up}{
-    @include grid-column-position(4);
-  }
-}
-
-@mixin medium-push-3{
-  @media #{$medium-up}{
-    @include grid-column-position(3);
-  }
-}
-
-
-@mixin medium-push-2{
-  @media #{$medium-up}{
-    @include grid-column-position(2);
-  }
-}
-
-@mixin medium-push-1{
-  @media #{$medium-up}{
-    @include grid-column-position(1);
-  }
-}
-
-@mixin large-push-11{
-  @media #{$large-up}{
-    @include grid-column-position(11);
-  }
-}
-
-@mixin large-push-10{
-  @media #{$large-up}{
-    @include grid-column-position(10);
-  }
-}
-
-@mixin large-push-9{
-  @media #{$large-up}{
-    @include grid-column-position(9);
-  }
-}
-
-@mixin large-push-8{
-  @media #{$large-up}{
-    @include grid-column-position(8);
-  }
-}
-
-@mixin large-push-7{
-  @media #{$large-up}{
-    @include grid-column-position(7);
-  }
-}
-
-@mixin large-push-6{
-  @media #{$large-up}{
-    @include grid-column-position(6);
-  }
-}
-
-@mixin large-push-5{
-  @media #{$large-up}{
-    @include grid-column-position(5);
-  }
-}
-
-@mixin large-push-4{
-  @media #{$large-up}{
-    @include grid-column-position(4);
-  }
-}
-
-@mixin large-push-3{
-  @media #{$large-up}{
-    @include grid-column-position(3);
-  }
-}
-
-
-@mixin large-push-2{
-  @media #{$large-up}{
-    @include grid-column-position(2);
-  }
-}
-
-@mixin large-push-1{
-  @media #{$large-up}{
-    @include grid-column-position(1);
-  }
-}
-
-/* Pull */
-
-@mixin small-pull-11{
-  @media #{$small-up}{
-    @include grid-column-position(-11);
-  }
-}
-
-@mixin small-pull-10{
-  @media #{$small-up}{
-    @include grid-column-position(-10);
-  }
-}
-
-@mixin small-pull-9{
-  @media #{$small-up}{
-    @include grid-column-position(-9);
-  }
-}
-
-@mixin small-pull-8{
-  @media #{$small-up}{
-    @include grid-column-position(-8);
-  }
-}
-
-@mixin small-pull-7{
-  @media #{$small-up}{
-    @include grid-column-position(-7);
-  }
-}
-
-@mixin small-pull-6{
-  @media #{$small-up}{
-    @include grid-column-position(-6);
-  }
-}
-
-@mixin small-pull-5{
-  @media #{$small-up}{
-    @include grid-column-position(-5);
-  }
-}
-
-@mixin small-pull-4{
-  @media #{$small-up}{
-    @include grid-column-position(-4);
-  }
-}
-
-@mixin small-pull-3{
-  @media #{$small-up}{
-    @include grid-column-position(-3);
-  }
-}
-
-
-@mixin small-pull-2{
-  @media #{$small-up}{
-    @include grid-column-position(-2);
-  }
-}
-
-@mixin small-pull-1{
-  @media #{$small-up}{
-    @include grid-column-position(-1);
-  }
-}
-
-@mixin medium-pull-11{
-  @media #{$medium-up}{
-    @include grid-column-position(-11);
-  }
-}
-
-@mixin medium-pull-10{
-  @media #{$medium-up}{
-    @include grid-column-position(-10);
-  }
-}
-
-@mixin medium-pull-9{
-  @media #{$medium-up}{
-    @include grid-column-position(-9);
-  }
-}
-
-@mixin medium-pull-8{
-  @media #{$medium-up}{
-    @include grid-column-position(-8);
-  }
-}
-
-@mixin medium-pull-7{
-  @media #{$medium-up}{
-    @include grid-column-position(-7);
-  }
-}
-
-@mixin medium-pull-6{
-  @media #{$medium-up}{
-    @include grid-column-position(-6);
-  }
-}
-
-@mixin medium-pull-5{
-  @media #{$medium-up}{
-    @include grid-column-position(-5);
-  }
-}
-
-@mixin medium-pull-4{
-  @media #{$medium-up}{
-    @include grid-column-position(-4);
-  }
-}
-
-@mixin medium-pull-3{
-  @media #{$medium-up}{
-    @include grid-column-position(-3);
-  }
-}
-
-
-@mixin medium-pull-2{
-  @media #{$medium-up}{
-    @include grid-column-position(-2);
-  }
-}
-
-@mixin medium-pull-1{
-  @media #{$medium-up}{
-    @include grid-column-position(-1);
-  }
-}
-
-@mixin large-pull-11{
-  @media #{$large-up}{
-    @include grid-column-position(-11);
-  }
-}
-
-@mixin large-pull-10{
-  @media #{$large-up}{
-    @include grid-column-position(-10);
-  }
-}
-
-@mixin large-pull-9{
-  @media #{$large-up}{
-    @include grid-column-position(-9);
-  }
-}
-
-@mixin large-pull-8{
-  @media #{$large-up}{
-    @include grid-column-position(-8);
-  }
-}
-
-@mixin large-pull-7{
-  @media #{$large-up}{
-    @include grid-column-position(-7);
-  }
-}
-
-@mixin large-pull-6{
-  @media #{$large-up}{
-    @include grid-column-position(-6);
-  }
-}
-
-@mixin large-pull-5{
-  @media #{$large-up}{
-    @include grid-column-position(-5);
-  }
-}
-
-@mixin large-pull-4{
-  @media #{$large-up}{
-    @include grid-column-position(-4);
-  }
-}
-
-@mixin large-pull-3{
-  @media #{$large-up}{
-    @include grid-column-position(-3);
-  }
-}
-
-
-@mixin large-pull-2{
-  @media #{$large-up}{
-    @include grid-column-position(-2);
-  }
-}
-
-@mixin large-pull-1{
-  @media #{$large-up}{
-    @include grid-column-position(-1);
-  }
-}
-
-/* Unposition -  Resets postion definition - this is one we can
- discuss if we want to make a placeholder for or not because it's not
- necessary but might be nice for semantics*/
-
-@mixin unposition{
-  @include grid-column-unposition;
-}
-
-/* Centre */
-
-@mixin small-centered{
-  @include grid-column-position(center);
-}
-
-@mixin medium-centered{
-  @media #{$medium-up}{
-    @include grid-column-position(center);
-  }
-}
-
-@mixin large-centered{
-  @media #{$large-up}{
-    @include grid-column-position(center);
-  }
-}