Muundo wa kina na matumizi ya mashairi ya Sass

Mifano ya Sass ya mifano ya mifano

Sass inaruhusiwa kuweka mabagiliko ya CSS katika jina la HTML kama jina la HTML.

Tazama mifano ya kifaa cha Sass cha mifano wa tovuti hii:

Inafaa kusoma mawasiliko ya Sass, wakati huo inaweza kuandika kama mashairi yanayotumiwa kwa muundo:

nav {
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  li {
    display: inline-block;
  }
  a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
  }
}

Taradhishe, katika Sass,ul,li na a mbagiliko unaonyesha katika nav kwenye mabagiliko.

Pia katika CSS, mabagiliko yana uadilifu wa kufikia (hakuna mabagiliko ya kusababisha):

Inayotumiwa kwa CSS:

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav li {
  display: inline-block;
}
nav a {
  display: block;
  padding: 6px 12px;
  text-decoration: none;
}

Kwa sababu unaweza kuweka mifano ya Sass katika mifano, hivyo inaenea sana na inafaa kureadha kama CSS kwa siku za kawaida.

Mifano ya Sass ya mifano ya mifano

Wenye wengia wa CSS wana kina kufikia kwa kina kwa kina kama:

• font-family
• font-family
• font-size
• font-weight
• text-align
• text-transform

text-overflow

Inafaa kusoma mawasiliko ya Sass, wakati huo inaweza kuandika kama mashairi yanayotumiwa kwa muundo:

font: {
  family: Helvetica, sans-serif;
  size: 18px;
  weight: bold;
}
text: {
  align: center;
  transform: lowercase;
  overflow: hidden;
}

Mchukaji wa Sass huwa anasababisha kufikia chaguo cha CSS wa kawaida:

Chaguo cha CSS:

font-family: Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
text-align: center;
text-transform: lowercase;
text-overflow: hidden;