Markdown conversion for pt-BR - Replace - CSS section ⚠️ Do not squash ⚠️

files/pt-br/web/css/--_star_/index.md

@@ -0,0 +1,85 @@
+---
+title: Propriedades personalizadas (--*)
+slug: Web/CSS/--*
+translation_of: Web/CSS/--*
+---
+{{CSSRef}}{{SeeCompatTable}}
+
+Nomes de propriedades com o prefixo `--`, como `--example-name`, representam _Propriedade personalizadas_ que contém um valor que pode ser reutilizado por todo o documento usando a função ({{cssxref("var")}}).
+
+Propriedades personalizadas participam na cascata: cada uma delas pode aparecer várias vezes e o valor da variável corresponderá ao valor definido na propriedade personalizada, decidido pelo algoritmo de cascata.
+
+{{cssinfo}}
+
+## Sintaxe
+
+```css
+--somekeyword: left;
+--somecolor: #0000ff;
+--somecomplexvalue: 3px 6px rgb(20, 32, 54);
+```
+
+- `<declaration-value>`
+  - : Este valor corresponde a qualquer sequência de um ou mais tokens, desde que a sequência não contenha tokens não permitidos. Representa a totalidade do que uma declaração válida pode ter como valor.
+
+### Sintaxe formal
+
+{{csssyntax}}
+
+## Exemplo
+
+### HTML
+
+```html
+<p id="firstParagraph">Este parágrafo deve ter um fundo azul e um texto amarelo.</p>
+<p id="secondParagraph">Este parágrafo deve ter um fundo amarelo e um texto azul.</p>
+<div id="container">
+  <p id="thirdParagraph">Este parágrafo deve ter um fundo verde e um texto amarelo.</p>
+</div>
+```
+
+### CSS
+
+```css
+:root {
+  --first-color: #488cff;
+  --second-color: #ffff8c;
+}
+
+#firstParagraph {
+  background-color: var(--first-color);
+  color: var(--second-color);
+}
+
+#secondParagraph {
+  background-color: var(--second-color);
+  color: var(--first-color);
+}
+
+#container {
+  --first-color: #48ff32;
+}
+
+#thirdParagraph {
+  background-color: var(--first-color);
+  color: var(--second-color);
+}
+```
+
+### Resultado
+
+{{EmbedLiveSample('Example', 500, 130)}}
+
+## Especificações
+
+| Specification                                                                    | Status                               | Comment            |
+| -------------------------------------------------------------------------------- | ------------------------------------ | ------------------ |
+| {{SpecName("CSS3 Variables", "#defining-variables", "--*")}} | {{Spec2("CSS3 Variables")}} | Initial definition |
+
+## Compatibilidade com navegadores
+
+{{Compat("css.properties.custom-property")}}
+
+## Veja também
+
+- [Utilizando variáveis CSS](/pt-BR/docs/Web/CSS/Using_CSS_variables)

files/pt-br/web/css/-webkit-overflow-scrolling/index.md

@@ -0,0 +1,55 @@
+---
+title: '-webkit-overflow-scrolling'
+slug: Web/CSS/-webkit-overflow-scrolling
+tags:
+  - CSS
+  - CSS Property
+  - CSS Reference
+  - NeedsBrowserCompatibility
+  - NeedsLiveSample
+  - NeedsMobileBrowserCompatibility
+  - Non-standard
+  - Não-padrão
+  - Propriedade CSS
+  - Reference
+  - Referência CSS(3)
+translation_of: Web/CSS/-webkit-overflow-scrolling
+---
+{{CSSRef}}{{Non-standard_header}}
+
+## Resumo
+
+A propriedade CSS `-webkit-overflow-scrolling` controla quando dispositivos com a funcionalidade de toque na tela usam uma rolagem baseada no "momentum" de um dado elemento.
+
+{{cssinfo}}
+
+## Valores
+
+- `auto`
+  - : Usa a rolagem "regular", onde o conteúdo imediatamente cessa a rolagem quando você remove o dedo da tela que reconhece os toques.
+- `touch`
+  - : Usa a rolagem baseada em "momentos", onde o conteúdo continua a rolar por um momento depois do gesto de rolagem ter sido finalizado quando o usuário deixar de tocar com o dedo na tela. A velocidade e duração da rolagem contínua é proporcional ao quão vigoroso a rolagem. Também cria um novo contexto estagnado.
+
+### Sintaxe formal
+
+{{csssyntax}}
+
+## Exemplos
+
+```css
+-webkit-overflow-scrolling: touch; /* deixa a rolagem suave */
+
+-webkit-overflow-scrolling: auto; /* pare de rolar imediatamente */
+```
+
+## Especificações
+
+Não faz parte de nenhuma especificação. A Apple tem [uma descrição na referência de CSS do Safari](https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/css/property/-webkit-overflow-scrolling).
+
+## Compatibilidade do navegador
+
+{{Compat("css.properties.-webkit-overflow-scrolling")}}
+
+## Veja também
+
+- [Artigo do CSS-Tricks com demo](http://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/)