You are here

Home » API reference » Views Flexbox 8

views_flexbox.cards.css in Views Flexbox 8 

.views-view-flexbox.views-flexbox-cards .views-flexbox-item {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  padding: 1em;
  margin: 1em;
  display: flex;
  flex-direction: column;
}
.views-view-flexbox.views-flexbox-cards a.views-flexbox-item {
  border-bottom: none;
}
.views-view-flexbox.views-flexbox-cards .views-flexbox-item:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

File

css/views_flexbox.cards.css
View source 
  1. .views-view-flexbox.views-flexbox-cards .views-flexbox-item {

  2.   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

  3.   transition: 0.3s;

  4.   padding: 1em;

  5.   margin: 1em;

  6.   display: flex;

  7.   flex-direction: column;

  8. }

  9. .views-view-flexbox.views-flexbox-cards a.views-flexbox-item {

  10.   border-bottom: none;

  11. }

  12. .views-view-flexbox.views-flexbox-cards .views-flexbox-item:hover {

  13.   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

  14. }