PATH:
home
/
rwabteecom
/
project_11
/
public
/
dashboard
/
css
/
Editing: secondpreview.scss
* { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; font-family: "Poppins", sans-serif; } a { text-decoration: none; } :root { --main-color: #FF8A2D; --black-color: #000; --gray-color: #545454; --white-color: #fff; --menus-background: #f5f5f5; --menus-black: #0F0F0F; --main-hover: #f86e00; } body { background-color: #f5f7fa; } .main-btn { border: none; background-color: var(--main-color); color: white; border-radius: 8px; display: flex; align-items: center; justify-content: center; } .main-btn:hover { background-color: var(--main-hover); } .senond-preview-iframe { position: relative; min-width: 100vw; min-height: 100vh; background: #FFFFFFC2; box-shadow: 0px 4px 46px 0px #00000040; } .senond-preview-iframe .picxels-bg { position: absolute; width: 100%; height: 100%; opacity: .7; top: 0; left: 0; } .senond-preview-iframe .picxels-bg img { width: 100%; height: 100%; position: absolute; } .senond-preview-iframe .picxels-bg .pixels-img { opacity: .3; } .senond-preview-iframe .picxels-bg .bg-oval { opacity: .2; } .preview-top-img-con { width: 60px; height: 60px; position: relative; } .preview-top-img-con img { width: 100%; height: 100%; border-radius: 50%; } .preview-top-img-con .verify-span { position: absolute; bottom: -1px; right: -6px; } .secound-preview-top .preview-name { font-size: 16px; font-weight: 600; line-height: 18px; color: #000; } .secound-preview-top .preview-intro { color: #3C3C3C; font-size: 14px; font-weight: 300; line-height: 15px; } .second-preview-social a { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; margin: 5px; border-radius: 50%; background-color: #0052F1; } .preview-followers-con p { font-size: 16px; font-weight: 500; line-height: 18px; letter-spacing: -0.017em; color: #000; } .preview-followers-con span { font-size: 14px; font-weight: 400; line-height: 16.5px; letter-spacing: -0.025em; color: #212121; } .following-data .main-btn { border-radius: 25px; font-size: 14px; } .second-preview-link-con { background-color: #fff; border-radius: 5px; box-shadow: 0px 3px 4px 0px #0000000F; } .second-preview-link-con .preview-link-icon { width: 100%; height: 81px; border-top-left-radius: 6px; border-top-right-radius: 6px; display: flex; align-items: center; justify-content: center; } .second-preview-link-con .preview-link-icon img { width: 100%; height: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px; object-fit: cover; } .second-preview-link-con p { font-size: 12px; font-weight: 400; line-height: 15px; width: 100%; overflow: hidden; white-space: nowrap; } .lock-link { border: none; display: flex; align-items: center; justify-content: center; width: 25px; height: 100%; border-radius: 50%; background: linear-gradient(92.08deg, rgba(255, 255, 255, 0) 7.18%, #FFFFFF 37.3%); } .preview-bottom p { color: #707070; font-size: 12px; font-weight: 400; line-height: 12px; text-align: center; }
SAVE
CANCEL