Sha256: 06cc14424c4cebb5e540c54e4b4903786a0bebdcb97e093a2590e56d2927f9cb
Contents?: true
Size: 1.06 KB
Versions: 2
Compression:
Stored size: 1.06 KB
Contents
.snackbar { position: fixed; right: 0; bottom: 0; left: 0; z-index: ($content-base + 1); a { cursor: pointer; &:focus, &:hover { text-decoration: none; } } // 768 @include responsive(sm) { padding-right: $grid-gutter; padding-left: $grid-gutter; // position bottom: $margin-md; .fbtn-container ~ & { // position right: ($base * 2 + $fbtn-height + $grid-gutter); } } } .snackbar-inner { backface-visibility: hidden; background-color: $black-text; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); color: $white-text-solid; display: flex; max-width: 100%; padding: $margin-sm $grid-gutter; transform: translate(0, 200%); transition: transform 0.3s $timing; @include clearfix(); &.in { transform: translate(0, 0); } // 768 @include responsive(sm) { border-radius: 2px; float: left; } } .snackbar-text { overflow: hidden; } [data-dismiss="snackbar"] { cursor: pointer; float: right; font-weight: $font-weight-medium; margin-left: $grid-gutter; order: 1; text-transform: uppercase; white-space: nowrap; }
Version data entries
2 entries across 2 versions & 1 rubygems
Version | Path |
---|---|
material-sass-1.1.0 | app/assets/stylesheets/material/components/_snackbar.scss |
material-sass-1.0.0 | app/assets/stylesheets/material/components/_snackbar.scss |