UCI

Delete document: Error Message 

<section class="splitter  splitter_bg-color_white   splitter_padding_top_small       splitter_padding_bottom_large  ">
    <div class="container">
        <div class="splitter__wrapper">
            <div class="row">
                <div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
                    <div class="delete-document">
                        <div class="delete-document__icon">
                            <svg class="icon icon-56_salud     ">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#56_salud"></use>
                            </svg>
                        </div>
                        <div class="delete-document__title">
                            <h1 class="
            title-l
            
            
            
            
        ">

                                ¡Oh, oh!

                            </h1>
                        </div>
                        <div class="delete-document__description">
                            <div class="
            bodycopy-m
            
            
            
        ">
                                <p>Parece que hemos tenido un problema con #descripción del error lorem ipsum dolor uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla#.</p>
                            </div>
                        </div>
                        <div class="delete-document__helperText">
                            <div class="
            bodycopy-m
            
            
            
        ">
                                <p>#Alternativa que le damos al usuario para solucionarlo#</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
 
{{#extend '@splitter' splitter }}
{{#content 'content-first-column'}}
<div class="delete-document">
    <div class="delete-document__icon">
        {{> @icon icon }}
    </div>
    <div class="delete-document__title">
        {{> @title-l title }}
    </div>
    <div class="delete-document__description">
        {{> @bodycopy-m description }}
    </div>
    {{#if helperText}}
    <div class="delete-document__helperText">
        {{> @bodycopy-m helperText }}
    </div>
    {{/if}}
</div>
{{/content}}
{{/extend}}
 
{
  "splitter": {
    "oneColumn": true,
    "bgColorWhite": true,
    "paddingTopSmall": true,
    "paddingBottomLarge": true
  },
  "icon": {
    "name": "56_salud"
  },
  "title": {
    "text": "¡Oh, oh!",
    "isH1": true
  },
  "description": {
    "text": "<p>Parece que hemos tenido un problema con #descripción del error lorem ipsum dolor uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla#.</p>"
  },
  "helperText": {
    "text": "<p>#Alternativa que le damos al usuario para solucionarlo#</p>"
  }
}
  • Content: 
    .delete-document {
    text-align: center;

    &__icon {
        display: flex;
        justify-content: center;
        margin-bottom: 48px;
    }

    &__description {
        margin-top: 48px;
        padding:0 20%;
        span.resaltado{color: var(--color-primary-brand);}
    }

    &__helperText{
        color: var(--color-gray-100);
        margin-top: 16px;
        .bodycopy-m{
            color: var(--color-text-subtle);
        }
    }
}
  • URL: /components/raw/delete-document/delete-document.css
  • Filesystem Path: src/06-adhoc/tramitacion/organisms/delete-document/delete-document.css
  • Size: 452 Bytes

No notes defined.