Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add left border reveal and right border reveal #86

Open
LJNielsenDk opened this issue Apr 2, 2016 · 4 comments
Open

Add left border reveal and right border reveal #86

LJNielsenDk opened this issue Apr 2, 2016 · 4 comments

Comments

@LJNielsenDk
Copy link

No description provided.

@mathielen
Copy link

Check this

@mixin leftline-reveal {
  $duration: $mediumDuration;

  @include hacks();
  position: relative;
  overflow: hidden;

  &:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: $activeColor;
    width: 4px;
    @include prefixed(transform, translateX(-4px));
    @include prefixed(transition-property, transform);
    @include prefixed(transition-duration, $duration);
    @include prefixed(transition-timing-function, ease-out);
  }

  &:hover,
  &:focus,
  &:active {

    &:before {
      @include prefixed(transform, translateX(0));
    }
  }
}

@IanLunn
Copy link
Owner

IanLunn commented Oct 21, 2016

Happy to merge this if anyone can send a pull request for both effects in Sass and LESS formats.

@svitlana-galianova
Copy link

Hi, is this still an issue or has it been implemented? If it's still active, I would like to contribute

@Hangzhe
Copy link

Hangzhe commented Oct 29, 2023

Hi,

I recently saw that this page has not yet added left and right borders for display. By learning from the previous warehouse content, I have added the hovering of the left and right borders and issued a pull request.

Adding the hovering effect of the left and right borders can be inferred from the previous hovering effect, which is a process of further understanding and learning. I am happy to contribute to it.

I hope my pull request can be approved.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants