How is the bottom margin defined for the frontend H1 tag in the standard Luma and Blank design themes?

dmitrii_fediuk · November 29, 2016, 10:03am

magento/magento2/blob/2.1.2/app/design/frontend/Magento/blank/web/css/source/_typography.less#L40-L49


//
//  Desktop
//  _____________________________________________


.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
h1 {
    .lib-css(font-size, @h1__font-size-desktop);
    .lib-css(margin-bottom, @h1__margin-bottom__desktop);
}
}

github.com

magento/magento2/blob/2.1.2/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less#L46-L46


@h1__margin-bottom__desktop: @indent__xl;

github.com

magento/magento2/blob/2.1.2/lib/web/css/source/lib/variables/_typography.less#L65-L70


//
//  Indents
//  ---------------------------------------------


@indent__base: @line-height__computed; // 20px
@indent__xl: @indent__base * 2; // 40px