zmp-core/components/link/link.less

Full featured mobile HTML framework for building iOS & Android apps

/* === Link === */
@import url('./link-vars.less');

.link,
.tab-link {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  z-index: 1;
  --zmp-touch-ripple-color: var(
    --zmp-link-touch-ripple-color,
    rgba(var(--zmp-theme-color-rgb), 0.25)
  );
}
.link {
  i + span,
  i + i,
  span + i,
  span + span {
    .ltr({
      margin-left: 4px;
    });
    .rtl({
      margin-right: 4px;
    });
  }
}

.if-ios-theme({
  @import url('./link-ios.less');
});
.if-md-theme({
  @import url('./link-md.less');
});
.if-aurora-theme({
  @import url('./link-aurora.less');
});