Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // Homepage.php
- <div class="hero-screen-border full"></div>
- <div class="hero-screen-border left"></div>
- <div class="hero-screen-border right"></div>
- // hero scss
- .hero-screen-border {
- &.full {
- position: absolute;
- top: 7.5%;
- left: 1.5%;
- right: 1.5%;
- bottom: 1.5%;
- border: 3px solid #eee;
- border-top: transparent;
- }
- &.left {
- position: absolute;
- top: 7.5%;
- left: 1.5%;
- right: 94%;
- border-top: 3px solid #eee;
- }
- &.right {
- position: absolute;
- top: 7.5%;
- left: 94%;
- right: 1.5%;
- border-top: 3px solid #eee;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement