You are here

Home » API reference » AT Tools 8.2

block--branding.css in AT Tools 8.2

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

.site-branding {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-direction: row;
      -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-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-direction: row;
      -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--system-branding-block {

  6.   margin: 1.25rem 0;

  7. }

  8. 

  9. .site-branding {

  10.   display: -webkit-flex;

  11.   display: -ms-flexbox;

  12.   display: flex;

  13.   -webkit-align-items: center;

  14.       -ms-flex-align: center;

  15.           align-items: center;

  16.   -webkit-justify-content: flex-start;

  17.       -ms-flex-pack: start;

  18.           justify-content: flex-start;

  19.   -webkit-flex-direction: row;

  20.       -ms-flex-direction: row;

  21.           flex-direction: row;

  22. }

  23. 

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

  25.   display: block;

  26. }

  27. 

  28. .site-branding__logo-link {

  29.   display: block;

  30.   padding-right: 1rem;

  31. }

  32. 

  33. .site-branding__text {

  34.   display: -webkit-flex;

  35.   display: -ms-flexbox;

  36.   display: flex;

  37.   -webkit-align-items: center;

  38.       -ms-flex-align: center;

  39.           align-items: center;

  40.   -webkit-justify-content: flex-start;

  41.       -ms-flex-pack: start;

  42.           justify-content: flex-start;

  43.   -webkit-flex-direction: row;

  44.       -ms-flex-direction: row;

  45.           flex-direction: row;

  46.   margin: 0;

  47. }

  48. 

  49. .site-branding__name {

  50.   font-size: 1.25rem;

  51.   padding-right: 1rem;

  52.   font-weight: 400;

  53. }

  54. 

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

  56.   .site-branding__name {

  57.     font-size: 1.625rem;

  58.   }

  59. }

  60. 

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

  62.   text-decoration: none;

  63. }

  64. 

  65. .site-branding__slogan {

  66.   font-weight: 400;

  67. }

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