You are here

Home » API reference » Varbase Style Guide 8.6

varbase-styleguide-general-styles.theme.css in Varbase Style Guide 8.6

Same filename and directory in other branches
  1. 8.5 css/theme/varbase-styleguide-general-styles.theme.css
  2. 9.0.x css/theme/varbase-styleguide-general-styles.theme.css
body div.styleguide {
  margin: 0 -30px;
  padding: 20px;
  border: 10px solid #aaa;
  border-radius: 5px;
}

body h2.styleguide {
  margin: 2em auto 0.5em;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  color: #666;
  font: 42px bold helvetica, arial, sans-serif;
  font-size: calc(1.3875rem + 1.65vw);
  font-weight: bold;
}

@media (min-width: 1200px) {
  body h2.styleguide {
    font-size: 2.625rem;
  }
}

body .styleguide-description {
  margin: 0 0 0.5em;
  text-align: center;
  font: 12px helvetica, arial, sans-serif;
  font-size: 0.75rem;
}

File

css/theme/varbase-styleguide-general-styles.theme.css
View source 
  1. body div.styleguide {

  2.   margin: 0 -30px;

  3.   padding: 20px;

  4.   border: 10px solid #aaa;

  5.   border-radius: 5px;

  6. }

  7. 

  8. body h2.styleguide {

  9.   margin: 2em auto 0.5em;

  10.   padding: 0;

  11.   text-align: center;

  12.   text-transform: uppercase;

  13.   color: #666;

  14.   font: 42px bold helvetica, arial, sans-serif;

  15.   font-size: calc(1.3875rem + 1.65vw);

  16.   font-weight: bold;

  17. }

  18. 

  19. @media (min-width: 1200px) {

  20.   body h2.styleguide {

  21.     font-size: 2.625rem;

  22.   }

  23. }

  24. 

  25. body .styleguide-description {

  26.   margin: 0 0 0.5em;

  27.   text-align: center;

  28.   font: 12px helvetica, arial, sans-serif;

  29.   font-size: 0.75rem;

  30. }