search

Adalab / project-promo-s-module-2-team-3

http://beta.adalab.es/project-promo-s-module-2-team-3/
MIT License
0 stars 2 forks source link

SCSS structure #20

Open PatriPatuco opened 1 year ago

PatriPatuco commented 1 year ago

Teniendo la siguiente estructura en el HTML:

  <section class="section1">
      <h1 class="section1__title">Lorem ipsum</h1>
        <p class="section1__title--paragraph">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Asperiores magnam quae exercitationem harum autem, voluptatum laborum in est blanditiis voluptas, quisquam reprehenderit temporibus minima ut rem recusandae provident. Facere, saepe.</p>
</section>

La estructura en SCSS sería:

.section1{
  background-color: aliceblue;
  font-family: 'Courier New', Courier, monospace;

    &__title{
    font-size: 30px;
    border: 3px solid red;

        &--paragraph{
        font-size: 20px;
        }
    }
}