You are here

Home » API reference » AT Tools 8.3

block--branding.css in AT Tools 8.3

Same filename and directory in other branches
  1. 8.2 at_theme_generator/starterkits/starterkit/styles/css/components/block--branding.css
/**
 * Branding styles
 *  - Drupal core branding block.
 ============================================================================ */
.block-plugin-id--system-branding-block {
  margin: 1.25rem 0;
}

.site-branding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.site-branding__text, .site-branding__name, .site-branding__slogan {
  display: block;
}

.site-branding__logo-link {
  display: block;
  padding-right: 1rem;
}

.site-branding__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0;
}

.site-branding__name {
  font-size: 1.25rem;
  padding-right: 1rem;
  font-weight: 400;
}

@media screen and (min-width: 60.0625em) {
  .site-branding__name {
    font-size: 1.625rem;
  }
}

.site-branding__name-link:hover, .site-branding__name-link:focus {
  text-decoration: none;
}

.site-branding__slogan {
  font-weight: 400;
}
/*# sourceMappingURL=block--branding.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/block--branding.css
View source 
  1. /**

  2.  * Branding styles

  3.  *  - Drupal core branding block.

  4.  ============================================================================ */

  5. .block-plugin-id--system-branding-block {

  6.   margin: 1.25rem 0;

  7. }

  8. 

  9. .site-branding {

  10.   display: -webkit-box;

  11.   display: -ms-flexbox;

  12.   display: flex;

  13.   -webkit-box-align: center;

  14.       -ms-flex-align: center;

  15.           align-items: center;

  16.   -webkit-box-pack: start;

  17.       -ms-flex-pack: start;

  18.           justify-content: flex-start;

  19.   -webkit-box-orient: horizontal;

  20.   -webkit-box-direction: normal;

  21.       -ms-flex-direction: row;

  22.           flex-direction: row;

  23. }

  24. 

  25. .site-branding__text, .site-branding__name, .site-branding__slogan {

  26.   display: block;

  27. }

  28. 

  29. .site-branding__logo-link {

  30.   display: block;

  31.   padding-right: 1rem;

  32. }

  33. 

  34. .site-branding__text {

  35.   display: -webkit-box;

  36.   display: -ms-flexbox;

  37.   display: flex;

  38.   -webkit-box-align: center;

  39.       -ms-flex-align: center;

  40.           align-items: center;

  41.   -webkit-box-pack: start;

  42.       -ms-flex-pack: start;

  43.           justify-content: flex-start;

  44.   -webkit-box-orient: horizontal;

  45.   -webkit-box-direction: normal;

  46.       -ms-flex-direction: row;

  47.           flex-direction: row;

  48.   margin: 0;

  49. }

  50. 

  51. .site-branding__name {

  52.   font-size: 1.25rem;

  53.   padding-right: 1rem;

  54.   font-weight: 400;

  55. }

  56. 

  57. @media screen and (min-width: 60.0625em) {

  58.   .site-branding__name {

  59.     font-size: 1.625rem;

  60.   }

  61. }

  62. 

  63. .site-branding__name-link:hover, .site-branding__name-link:focus {

  64.   text-decoration: none;

  65. }

  66. 

  67. .site-branding__slogan {

  68.   font-weight: 400;

  69. }

  70. /*# sourceMappingURL=block--branding.css.map */