Histórico da Página
...
O Guia de estilos permite criar desenvolvimentos sobre a plataforma TOTVS Fluig mantendo a consistência técnica e visualThe Style Guide allows creating developments under the TOTVS Fluig platform with technical and visual consistency.
HTML |
---|
<style type="text/css"> .fluig * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fluig-text-center { text-align: center; } .fluig-full-height { height: 100%; } .fluig-container { margin-right: auto; margin-left: auto; } .fluig-row { width: 100%; display: -moz-box; -moz-flex-flow: row wrap; -moz-justify-content: center; display: -ms-flexbox; -ms-flex-flow: row wrap; -ms-justify-content: center; display: -webkit-flex; display: -webkit-box; -webkit-flex-flow: row wrap; -webkit-justify-content: center; display: flex; flex-flow: row wrap; justify-content: center; } .fluig-col { -moz-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } /* Component fluig Callout */ .fluig-callout { border: 1px solid #dadada; border-radius: 4px; padding: 20px; margin-bottom: 20px; display: -moz-box; -moz-flex-flow: row wrap; -moz-justify-content: center; -moz-align-items: center; display: -ms-flexbox; -ms-flex-flow: row wrap; -ms-justify-content: center; -ms-align-items: center; display: -webkit-flex; display: -webkit-box; -webkit-flex-flow: row wrap; -webkit-justify-content: center; -webkit-align-items: center; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .fluig-callout .fluig-callout-image { width: 24px; } .fluig-callout .fluig-callout-body { width: calc(100% - 24px); padding-left: 20px; } .fluig-callout .fluig-callout-thumb { width: 24px; height: 24px; } .fluig-callout .fluig-callout-title { font-size: 20px; margin-top: 0; color: #CB1959; } .fluig-callout .fluig-callout-title a { color: #CB1959; font-weight: bold; } .fluig-callout .fluig-callout-text { color: #58595b; line-height: 1.75; margin: 0; } .fluig-callout .fluig-callout-text a { color: #f3590b; } </style> <br> <div class="fluig"> <div class="fluig-container"> <div class="fluig-row"> <div class="fluig-col"> <div class="fluig-callout"> <div class="fluig-callout-image"> <img class="fluig-callout-thumb" src="https://tdn.totvs.com/download/attachments/653419796/guia-estilos.png" width="24" height="24"> </div> <div class="fluig-callout-body"> <h1 class="fluig-callout-title"> <a href="https://style.fluig.com/">Acesse>Access othe GuiaStyle de estilos<Guide</a> </h1> <p class="fluig-callout-text">Veja>View athe documentaçãocomplete completadocumentation dosof componentesthe queStyle fazem parte do Guia de estilosGuide’s components.</p> </div> </div> </div> </div> </div> </div> |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas