Contents

// File Input Mixins

@mixin file-input {
  position: relative;

  input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }

  label {
    position: relative;
    z-index: 1;
  }
}


// File Input Component

@mixin bedrock-file-input {
  [data-file-input] {
    @include file-input;
  }
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version	Path
bedrock_sass-0.1.9	assets/bedrock/scss/components/file-input.scss
bedrock_sass-0.1.8	assets/bedrock/scss/components/file-input.scss
bedrock_sass-0.1.7	assets/bedrock/scss/components/file-input.scss
bedrock_sass-0.1.6	assets/bedrock/scss/components/file-input.scss
bedrock_sass-0.1.5	assets/bedrock/scss/components/file-input.scss
bedrock_sass-0.1.4	assets/bedrock/scss/components/file-input.scss