iskm/learnxinyminutes-docs
1
0
Fork 0
mirror of https://github.com/adambard/learnxinyminutes-docs.git synced 2025-04-27 07:33:57 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update sass-pt.html.markdown

Browse Source 
Update in sass-pt markdown file with orthography corrections.
This commit is contained in:
knopftee 2020-07-22 20:36:39 -03:00 committed by GitHub
parent c3b9c3c31d
commit 1aa649ecf3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 34 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
pt-br/sass-pt.html.markdown
View File

@ -56,19 +56,19 @@ body {
} }
/ * Este é muito mais fácil de manter do que ter de mudar a cor /* Este é muito mais fácil de manter do que ter de mudar a cor
cada vez que aparece em toda a sua folha de estilo. * / cada vez que aparece em toda a sua folha de estilo. */
/*Mixins /* Mixins
==============================*/ ==============================*/
/* Se você achar que você está escrevendo o mesmo código para mais de um /* Se você achar que está escrevendo o mesmo código para mais de um
elemento, você pode querer armazenar esse código em um mixin. elemento, você pode armazenar esse código em um mixin.
Use a diretiva '@mixin', além de um nome para o seu mixin. */ Use a diretiva '@mixin', além de um nome para o seu mixin. */
@ -87,7 +87,7 @@ div {
background-color: $primary-color; background-color: $primary-color;
} }
/* Apoś compilar ficaria assim: */ /* Após compilar ficaria assim: */
div { div {
display: block; display: block;
margin-left: auto; margin-left: auto;
@ -128,7 +128,7 @@ div {
/*Funções /* Funções
==============================*/ ==============================*/
@ -138,6 +138,7 @@ div {
/* Funções pode ser chamado usando seu nome e passando o /* Funções pode ser chamado usando seu nome e passando o
    argumentos necessários */     argumentos necessários */
body { body {
width: round(10.25px); width: round(10.25px);
} }
@ -156,14 +157,14 @@ body {
background-color: rgba(0, 0, 0, 0.75); background-color: rgba(0, 0, 0, 0.75);
} }
/* Você também pode definir suas próprias funções. As funções são muito semelhantes aos /* Você também pode definir suas próprias funções. As funções são muito semelhantes
   mixins. Ao tentar escolher entre uma função ou um mixin, lembre- aos mixins. Ao tentar escolher entre uma função ou um mixin, lembre
   que mixins são os melhores para gerar CSS enquanto as funções são melhores para que mixins são os melhores para gerar CSS enquanto as funções são melhores para
   lógica que pode ser usado em todo o seu código Sass. Os exemplos lógica que pode ser usado em todo o seu código Sass. Os exemplos na
   seção Operadores Math 'são candidatos ideais para se tornar um reutilizável seção "Operações Math" são candidatos ideais para se tornar um função
   função. */ reutilizável. */
/* Esta função terá um tamanho de destino eo tamanho do pai e calcular /* Esta função terá um tamanho de destino e o tamanho do pai (parent), calcular
   e voltar a percentagem */    e voltar a percentagem */
@function calculate-percentage($target-size, $parent-size) { @function calculate-percentage($target-size, $parent-size) {
@ -220,21 +221,21 @@ $main-content: calculate-percentage(600px, 960px);
border-color: #22df56; border-color: #22df56;
} }
/* Ampliando uma declaração CSS é preferível a criação de um mixin /* Ao ampliar uma declaração CSS é preferível a criação de um mixin,
   por causa da maneira agrupa as classes que todos compartilham    por causa da maneira em que agrupa as classes com todos que compartilham
   o mesmo estilo base. Se isso for feito com um mixin, a largura,    o mesmo estilo base. Se isso for feito com um mixin, a largura,
   altura, e a borda seria duplicado para cada instrução que    altura, e a borda seria duplicado para cada instrução que
   o chamado mixin. Enquanto isso não irá afetar o seu fluxo de trabalho, será    o chamado mixin. Enquanto isso não irá afetar o seu fluxo de trabalho, será
   adicionar inchaço desnecessário para os arquivos criados pelo compilador Sass. */    adicionado inchaço desnecessário para os arquivos criados pelo compilador Sass. */
/*Assentamento /* Assentamento
==============================*/ ==============================*/
/ * Sass permite seletores ninhos dentro seletores * / /* Sass permite seletores ninhos dentro seletores */
ul { ul {
list-style-type: none; list-style-type: none;
@ -245,7 +246,7 @@ ul {
} }
} }
/* '&' será substituído pelo selector pai. */ /* '&' será substituído pelo selector pai (parent). */
/* Você também pode aninhar pseudo-classes. */ /* Você também pode aninhar pseudo-classes. */
/* Tenha em mente que o excesso de nidificação vai fazer seu código menos sustentável. /* Tenha em mente que o excesso de nidificação vai fazer seu código menos sustentável.
Essas práticas também recomendam não vai mais de 3 níveis de profundidade quando nidificação. Essas práticas também recomendam não vai mais de 3 níveis de profundidade quando nidificação.
@ -290,7 +291,7 @@ ul li a {
/*Parciais e Importações /* Parciais e Importações
==============================*/ ==============================*/
@ -313,7 +314,7 @@ ol {
/* Sass oferece @import que pode ser usado para importar parciais em um arquivo. /* Sass oferece @import que pode ser usado para importar parciais em um arquivo.
   Isso difere da declaração CSS @import tradicional, que faz    Isso difere da declaração CSS @import tradicional, que faz
   outra solicitação HTTP para buscar o arquivo importado. Sass converte os    outra solicitação HTTP para buscar o arquivo importado. Sass converte os
   importadas arquivo e combina com o código compilado. */    arquivo importados e combina com o código compilado. */
@import 'reset'; @import 'reset';
@ -322,7 +323,7 @@ body {
font-family: Helvetica, Arial, Sans-serif; font-family: Helvetica, Arial, Sans-serif;
} }
/* Compiles to: */ /* Compila para: */
html, body, ul, ol { html, body, ul, ol {
margin: 0; margin: 0;
@ -336,14 +337,14 @@ body {
/*Placeholder Selectors /* Placeholder Selectors
==============================*/ ==============================*/
/* Os espaços reservados são úteis na criação de uma declaração CSS para ampliar. Se você /* Os Placeholders são úteis na criação de uma declaração CSS para ampliar. Se você
   queria criar uma instrução CSS que foi usado exclusivamente com @extend,    deseja criar uma instrução CSS que foi usado exclusivamente com @extend,
   Você pode fazer isso usando um espaço reservado. Espaços reservados começar com um '%' em vez    você pode fazer isso usando um Placeholder. Placeholder começar com um '%' em vez
   de '.' ou '#'. Espaços reservados não aparece no CSS compilado. * /    de '.' ou '#'. Placeholder não aparece no CSS compilado. */
%content-window { %content-window {
font-size: 14px; font-size: 14px;
@ -372,14 +373,14 @@ body {
/*Operações Math /* Operações Math
============================== * / ============================== */
/* Sass fornece os seguintes operadores: +, -, *, /, e %. estes podem /* Sass fornece os seguintes operadores: +, -, *, /, e %. estes podem
   ser úteis para calcular os valores diretamente no seu Sass arquivos em vez    ser úteis para calcular os valores diretamente no seu arquivos Sass em vez
   de usar valores que você já calculados pela mão. Abaixo está um exemplo de usar valores que você já calculados manualmente. O exemplo abaixo é
   de uma criação de um projeto simples de duas colunas. * / de um projeto simples de duas colunas. */
$content-area: 960px; $content-area: 960px;
$main-content: 600px; $main-content: 600px;