AgendaEventViewerItem[leftPrimaryIconItem="true"]:portrait {
layout: layout-eventvieweritem-stretch;
fixed-width: var(hb-param-screen-width);
}
AgendaEventViewerItem[leftPrimaryIconItem="true"]:landscape {
layout: layout-eventvieweritem-stretch;
fixed-width: var(hb-param-screen-width);
}
AgendaEventViewerItem:portrait {
layout: layout-eventvieweritem;
fixed-width: var(hb-param-screen-width);
}
AgendaEventViewerItem:landscape {
layout: layout-eventvieweritem;
fixed-width: var(hb-param-screen-width);
}
AgendaEventViewerItem::primaryLeftIconItem {
fixed-width:var(hb-param-graphic-size-primary-small);
fixed-height:var(hb-param-graphic-size-primary-small);
top: -var(hb-param-margin-gene-top);
left: -var(hb-param-margin-gene-left);
}
AgendaEventViewerItem::primaryRightIconItem {
fixed-width:var(hb-param-graphic-size-secondary);
fixed-height:var(hb-param-graphic-size-secondary);
top: -var(hb-param-margin-gene-top);
right: var(hb-param-margin-gene-right);
}
AgendaEventViewerItem::secondaryIconItem {
fixed-width:var(hb-param-graphic-size-primary-small);
fixed-height:var(hb-param-graphic-size-primary-small);
left: -var(hb-param-margin-gene-left);
}
AgendaEventViewerItem::primaryTextItem[leftPrimaryIconItem="true"] {
text-height: var(hb-param-text-height-primary);
font-variant: primary;
text-align: left;
top: -var(hb-param-margin-gene-top);
right: var(hb-param-margin-gene-middle-horizontal);
left: -var(hb-param-margin-gene-middle-horizontal);
}
AgendaEventViewerItem::primaryTextItem[leftPrimaryIconItem="false"] {
text-height: var(hb-param-text-height-primary);
font-variant: primary;
text-align: left;
top: -var(hb-param-margin-gene-top);
right: var(hb-param-margin-gene-middle-horizontal);
}
AgendaEventViewerItem::secondaryTextItem[leftPrimaryIconItem="true"]{
text-height: var(hb-param-text-height-secondary);
font-variant: secondary;
text-align: left;
top: -var(hb-param-margin-gene-middle-vertical);
right: var(hb-param-margin-gene-right);
bottom: var(hb-param-margin-gene-bottom);
}
AgendaEventViewerItem::secondaryTextItem[leftPrimaryIconItem="false"] {
text-height: var(hb-param-text-height-secondary);
font-variant: secondary;
text-align: left;
top: -var(hb-param-margin-gene-middle-vertical);
right: var(hb-param-margin-gene-right);
bottom: var(hb-param-margin-gene-bottom);
left: -var(hb-param-margin-gene-middle-horizontal);
}