You are here

Home » API reference » View Modes Inventory - Bootstrap Ready 8

hero-xlarge.css in View Modes Inventory - Bootstrap Ready 8

Same filename in this branch
  1. 8 css/hero/layout/hero-xlarge.css
  2. 8 css/hero/theme/hero-xlarge.css
Same filename and directory in other branches
  1. 8.2 css/hero/theme/hero-xlarge.css
.hero-view-mode.xlarge .hero-content {
  background: #000000;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}
.hero-view-mode.xlarge .hero-content h3 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 3em;
}
.hero-view-mode.xlarge .hero-content a {
  color: #fff;
  text-decoration: none;
}
.hero-view-mode.xlarge .hero-content:hover,
.hero-view-mode.xlarge .hero-content:focus,
.hero-view-mode.xlarge .hero-content:active {
  opacity: 0.7;
}

File

css/hero/theme/hero-xlarge.css
View source 
  1. .hero-view-mode.xlarge .hero-content {

  2.   background: #000000;

  3.   background: rgba(0, 0, 0, 0.7);

  4.   color: #fff;

  5. }

  6. .hero-view-mode.xlarge .hero-content h3 {

  7.   margin: 0;

  8.   padding: 0;

  9.   color: #fff;

  10.   font-size: 3em;

  11. }

  12. .hero-view-mode.xlarge .hero-content a {

  13.   color: #fff;

  14.   text-decoration: none;

  15. }

  16. .hero-view-mode.xlarge .hero-content:hover,

  17. .hero-view-mode.xlarge .hero-content:focus,

  18. .hero-view-mode.xlarge .hero-content:active {

  19.   opacity: 0.7;

  20. }