Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import 'src/styles/utility';
- .root {
- display: flex;
- align-items: center;
- justify-content: center;
- // border-image: linear-gradient(to right, #9143fd 100%, #00d280 0);
- // border-image-slice: 1;
- // border: solid 4px transparent;
- // border-image: linear-gradient(#9143fd, #00d280);
- // border-image-slice: 1;
- // background: linear-gradient(#9143fd, #00d280);
- // -webkit-background-clip: text;
- // background-clip: text;
- // text-fill-color: transparent;
- // background: #fff;
- width: 100%;
- height: 464px;
- font-size: 1.5rem;
- font-weight: bold;
- text-transform: uppercase;
- position: sticky;
- top: 16px;
- @media (max-width: $xl) {
- margin-bottom: 2rem;
- width: 100%;
- }
- @media (max-width: $sm) {
- margin: 0 auto 2rem;
- }
- }
- .wrapper-link {
- display: block;
- height: 100%;
- text-decoration: none;
- cursor: pointer;
- width: 100%;
- }
- .slide {
- background: linear-gradient(#9143fd, #00d280);
- width: 100% !important;
- height: 100%;
- color: white;
- padding: 40px;
- box-sizing: border-box;
- display: flex;
- align-items: center;
- @media (max-width: $sm) {
- padding: 20px;
- }
- }
- .title {
- text-transform: uppercase;
- background: transparent;
- width: 100%;
- height: 100%;
- position: absolute;
- z-index: 100;
- pointer-events: none;
- span {
- position: absolute;
- bottom: 32px;
- left: 50%;
- transform: translateX(-50%);
- color: #fff;
- }
- }
- .isInSingleJob {
- top: 100px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement