@brizy/ui/es/Docs/index.css

React elements in Brizy style

.brz-ui--dark .prev{text-align:left;box-shadow:none;border-radius:.4rem}.brz-ui--dark .next{text-align:right;box-shadow:none;border-radius:.4rem}.brz-ui--dark .next div{display:flex;align-items:flex-end;flex-direction:column}.brz-ui--dark .footer-nav .row{display:flex;justify-content:flex-end}.brz-ui--dark .footer-nav div div a:hover{border-color:#19c3be}.brz-ui--dark .footer-nav div div:first-child a{display:flex;justify-content:flex-start}.brz-ui--dark .footer-nav div div:first-child a .icon{margin-right:15px;color:#19c3be;font-size:40px}.brz-ui--dark .footer-nav div div:first-child a .path{color:#fff;text-align:start}.brz-ui--dark .footer-nav div div:first-child a .name{color:#19c3be;font-weight:500}.brz-ui--dark .footer-nav div div:last-child a{display:flex;justify-content:flex-end;width:100%}.brz-ui--dark .footer-nav div div:last-child a .icon{margin-left:15px;color:#19c3be;font-size:40px}.brz-ui--dark .footer-nav div div:last-child a .path{text-align:end;color:#fff;margin:0}.brz-ui--dark .footer-nav div div:last-child a .name{color:#19c3be;text-align:right;margin:0;font-weight:500}.brz-ui--dark [data-testId=playground] div:nth-child(2) button:hover svg{color:#fff}.brz-ui--dark [data-testId=playground]>span div{background-color:#13161f;opacity:.8;border-bottom-right-radius:3px;border-top-right-radius:3px;border-color:#2d3747!important;border:1px solid;width:15px}.brz-ui--dark [data-testid=sidebar] div div div a{color:#dadde1}.brz-ui--dark [data-testid=sidebar] div div div a:hover{opacity:1;color:#dadde1;text-decoration:none}.brz-ui--dark [data-testid=sidebar] div div div .active,.brz-ui--dark [data-testid=sidebar] div div div .active:hover{color:#19c3be}.brz-ui--dark [data-testid=sidebar] div div .nav-group div button{color:#dadde1}.brz-ui--dark [data-testid=sidebar] div div .nav-group div button:hover{color:#dadde1;background-color:#212733;opacity:1}.brz-ui--dark [data-testid=sidebar] div div .nav-group div [data-testid=nav-group-links] div a{text-decoration:none;color:#dadde1}.brz-ui--dark [data-testid=sidebar] div div .nav-group div [data-testid=nav-group-links] div a:hover{text-decoration:none;opacity:1;background-color:#212733}.brz-ui--dark [data-testid=sidebar] div div .nav-group div [data-testid=nav-group-links] div .active{color:#19c3be}.brz-ui--dark [data-testid=main-container]{padding-left:80px!important}.brz-ui--dark [data-testid=main-container] h1{color:#f5f6f7;font-size:48px;font-weight:400}.brz-ui--dark [data-testid=main-container] h2{color:#f5f6f7;font-size:32px;font-weight:400}.brz-ui--dark [data-testid=main-container] h2 a:hover{color:#f5f6f7;text-decoration:none}.brz-ui--dark .footer-nav .row>div{width:50%}.brz-ui--dark .nav-headings nav div h4{display:none}.brz-ui--dark .nav-headings a{color:#fff}.brz-ui--dark .nav-headings a:hover{color:#19c3be}.brz-ui--dark .nav-headings .current a{border-left:none;color:#19c3be}.brz-ui--dark [data-testid=header] :nth-child(2) a:hover,.brz-ui--dark [data-testid=header] :nth-child(2) div a:hover{color:#19c3be}.brz-ui--dark [data-testid=header] :nth-child(2) :nth-child(2) :first-child a{display:none}.brz-ui--dark [data-testid=header] :nth-child(2) [data-testid=logo]{color:#dadde1}.brz-ui--dark [data-testid=header] :nth-child(2) [data-testid=logo] a span{color:#fff;font-size:25px;font-weight:400;letter-spacing:1px}.brz-ui--dark [data-testid=header] :nth-child(2) [data-testid=logo] a:hover{text-decoration:none;color:#19c3be}.brz-ui--dark [data-testid=header] :nth-child(2) div button:hover{color:#19c3be}.brz-ui--dark .sidebar{width:300px}.brz-ui--dark [data-testid=prop] [data-testId=prop-name]{color:#19c3be}.brz-ui--light [data-testid=header] :nth-child(2) a:hover,.brz-ui--light [data-testid=header] :nth-child(2) div a:hover{color:#0b5fff}.brz-ui--light [data-testid=header] :nth-child(2) :nth-child(2) :first-child a{display:none}.brz-ui--light [data-testid=header] :nth-child(2) [data-testid=logo]{color:#525f7f}.brz-ui--light [data-testid=header] :nth-child(2) [data-testid=logo] a span{color:#2d294f;font-size:25px;font-weight:400;letter-spacing:1px}.brz-ui--light [data-testid=header] :nth-child(2) [data-testid=logo] a:hover{text-decoration:none;color:#0b5fff}.brz-ui--light [data-testid=header] :nth-child(2) div button:hover{color:#0b5fff}.brz-ui--light .nav-headings nav div h4{display:none}.brz-ui--light .nav-headings .current a{border-left:none}.brz-ui--light [data-testid=sidebar]{color:#60677d;font-size:16px;width:300px}.brz-ui--light [data-testid=sidebar] a:hover{text-decoration:none;color:#2d3747;background-color:#e0e0e0c2}.brz-ui--light [data-testid=sidebar] .nav-button:hover{background-color:#e0e0e0c2}.brz-ui--light [data-testid=sidebar] [data-testid=nav-group-links] div a:hover{text-decoration:none;color:#2d3747}.brz-ui--light [data-testid=sidebar] [data-testid=nav-group-links] div a .active{color:#0b5fff;background-color:#e0e0e0c2}.brz-ui--light [data-testid=main-container]{padding-left:80px!important}.brz-ui--light [data-testid=main-container] h1{color:#2d294f;font-size:48px;font-weight:400}.brz-ui--light [data-testid=main-container] h2{color:#2d294f;font-size:32px;font-weight:400}.brz-ui--light [data-testid=main-container] h2 a:hover{color:#2d294f;text-decoration:none}.brz-ui--light .prev{text-align:left;box-shadow:none;border-radius:.4rem}.brz-ui--light .next{text-align:right;box-shadow:none;border-radius:.4rem}.brz-ui--light .next div{display:flex;align-items:flex-end;flex-direction:column}.brz-ui--light .footer-nav .row>div{width:50%}.brz-ui--light .footer-nav .row{display:flex;justify-content:flex-end}.brz-ui--light .footer-nav div div:first-child a{display:flex;justify-content:flex-start}.brz-ui--light .footer-nav div div:first-child a .icon{margin-right:15px;color:#0b5fff;font-size:40px}.brz-ui--light .footer-nav div div:first-child a .path{color:#606770;text-align:start}.brz-ui--light .footer-nav div div:first-child a .name{color:#0b5fff;font-weight:500}.brz-ui--light .footer-nav div div:last-child a{display:flex;justify-content:flex-end}.brz-ui--light .footer-nav div div:last-child a .icon{margin-left:15px;color:#0b5fff;font-size:40px}.brz-ui--light .footer-nav div div:last-child a .path{text-align:end;color:#606770}.brz-ui--light .footer-nav div div:last-child a .name{color:#0b5fff;text-align:right;margin:0;font-weight:500}.brz-ui--light [data-testId=playground] div:nth-child(2) button:hover svg{color:#fff}.brz-ui--light [data-testId=playground]>span div{background-color:#fff;opacity:.8;border-bottom-right-radius:3px;border-top-right-radius:3px;border-color:#ced4de!important;border:1px solid;width:15px}