chrisgriffith

<ion-button class="ion-text-uppercase">Register Result</ion-button>

chrisgriffith

.avatar {
  border-radius: 10px;
  max-width: 45px;
  display: block;
  float: left;
  margin-right: 1rem;
}

chrisgriffith

<ion-button size="small" class="ion-float-right ion-text-uppercase">Register Result</ion-button>

chrisgriffith

.card-content-md {
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.card-content-ios {
  -webkit-padding-start: 0 !important;
  padding-inline-start: 0 !important;
  -webkit-padding-end: 0 !important;
  padding-inline-end: 0 !important;

chrisgriffith

<ion-row class="ion-align-items-center”>

chrisgriffith

<ion-row class="ion-align-items-center ion-justify-content-between">

chrisgriffith

ion-content {
    --background: url(../../assets/background_full.jpg) no-repeat top center/cover fixed, #fff;
    position: relative;
    height: 100%;
    width: 100%;
}

ion-toolbar {
    --background: transparent;
}

chrisgriffith

<ion-header translucent no-border>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button color="light">
        <ion-icon slot="start" name="ios-arrow-back"></ion-icon>
        Favorites
      </ion-button>
    </ion-buttons>
    <ion-title>&nbsp;</ion-title>
    <ion-buttons slot="end">

chrisgriffith

<ion-header>
 <ion-toolbar>
   <ion-buttons slot="secondary">
     <ion-button fill="outline">
       <ion-icon slot="start" name="star"></ion-icon>
       Star
     </ion-button>
   </ion-buttons>
   <ion-title>Theme Demo</ion-title>
   <ion-buttons slot="primary">

chrisgriffith

:root {
 --mycolor: rebeccapurple;
 --mytextcolor: #fff;

 /** primary **/
 --ion-color-primary: #3880ff;
 --ion-color-primary-rgb: 56, 128, 255;
 --ion-color-primary-contrast: #ffffff;
 --ion-color-primary-contrast-rgb: 255, 255, 255;
 --ion-color-primary-shade: #3171e0;