framework7
Version:
Full featured mobile HTML framework for building iOS & Android apps
52 lines (51 loc) • 1.39 kB
text/less
.ios {
.actions-group {
border-radius: var(--f7-actions-border-radius);
}
.actions-button,
.actions-label {
background: var(--f7-actions-bg-color);
.ios-translucent-modals(var(--f7-actions-bg-color-rgb));
&:first-child {
border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0;
}
&:last-child {
.hairline-remove(bottom);
border-radius: 0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius);
}
&:first-child:last-child {
border-radius: var(--f7-actions-border-radius);
}
b,
&.actions-button-strong {
font-weight: 600;
}
}
.actions-grid {
.actions-group {
border-radius: 0;
background: var(--f7-actions-bg-color);
.ios-translucent-modals(var(--f7-actions-bg-color-rgb));
&:first-child {
border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0;
}
&:last-child {
border-radius: 0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius);
}
&:first-child:last-child {
border-radius: var(--f7-actions-border-radius);
}
}
.actions-button,
.actions-label {
border-radius: 0 ;
}
}
.actions-button-media {
margin-left: 16px;
+ .actions-button-text {
text-align: left;
margin-left: 16px;
}
}
}