Sha256: 390d3b74fd4e5410b4981e7349151c0d4975f2fd4b195db47ebebf708cebafec

Contents?: true

Size: 1.57 KB

Versions: 30

Compression:

Stored size: 1.57 KB

Contents

// CSS3 Flexible Box Model and property defaults

// Custom shorthand notation for flexbox
@mixin box($orient: inline-axis, $pack: start, $align: stretch) {
  @include display-box;
  @include box-orient($orient);
  @include box-pack($pack);
  @include box-align($align);
}

@mixin display-box {
  display: -webkit-box;
  display: -moz-box;
  display: box;
}

@mixin box-orient($orient: inline-axis) {
// horizontal|vertical|inline-axis|block-axis|inherit
  -webkit-box-orient: $orient;
     -moz-box-orient: $orient;
          box-orient: $orient;
}

@mixin box-pack($pack: start) {
// start|end|center|justify
  -webkit-box-pack: $pack;
     -moz-box-pack: $pack;
          box-pack: $pack;
}

@mixin box-align($align: stretch) {
// start|end|center|baseline|stretch
  -webkit-box-align: $align;
     -moz-box-align: $align;
          box-align: $align;
}

@mixin box-direction($direction: normal) {
// normal|reverse|inherit
  -webkit-box-direction: $direction;
     -moz-box-direction: $direction;
          box-direction: $direction;
}
@mixin box-lines($lines: single) {
// single|multiple
  -webkit-box-lines: $lines;
     -moz-box-lines: $lines;
          box-lines: $lines;
}

@mixin box-ordinal-group($integer: 1) {
  -webkit-box-ordinal-group: $integer;
     -moz-box-ordinal-group: $integer;
          box-ordinal-group: $integer;
}

@mixin box-flex($value: 0.0) {
  -webkit-box-flex: $value;
     -moz-box-flex: $value;
          box-flex: $value;
}

@mixin box-flex-group($integer: 1) {
  -webkit-box-flex-group: $integer;
     -moz-box-flex-group: $integer;
          box-flex-group: $integer;
}

Version data entries

30 entries across 30 versions & 3 rubygems

Version Path
app_sleuth-0.0.1.pre lib/app_sleuth/server/assets/sass/mixins/css3/_flex-box.scss
bourbon-2.0.0.rc1 app/assets/stylesheets/css3/_flex-box.scss
bourbon-1.4.0 app/assets/stylesheets/css3/_flex-box.scss
bourbon-1.3.6 app/assets/stylesheets/css3/_flex-box.scss
bourbon-1.3.5 app/assets/stylesheets/css3/_flex-box.scss
bourbon-1.3.4 app/assets/stylesheets/css3/_flex-box.scss
bourbon-1.3.3 app/assets/stylesheets/css3/_flex-box.scss
bourbon-1.3.2 app/assets/stylesheets/css3/_flex-box.scss
bourbon-1.3.0 app/assets/stylesheets/css3/_flex-box.scss
bourbon-1.2.0 app/assets/stylesheets/css3/_flex-box.scss
wiskey-0.0.3 app/assets/stylesheets/css3/_flex-box.scss
wiskey-0.0.2 app/assets/stylesheets/css3/_flex-box.scss
wiskey-0.0.1 app/assets/stylesheets/css3/_flex-box.scss
bourbon-1.1.0 app/assets/stylesheets/css3/_flex-box.scss
bourbon-1.0.4 app/assets/stylesheets/css3/_flex-box.scss
bourbon-1.0.3 app/assets/stylesheets/css3/_flex-box.scss
bourbon-1.0.2 app/assets/stylesheets/css3/_flex-box.scss
bourbon-1.0.1 app/assets/stylesheets/css3/_flex-box.scss
bourbon-1.0.0 app/assets/stylesheets/css3/_flex-box.scss
bourbon-0.2.1 app/assets/stylesheets/css3/_flex-box.scss