Styling: iOS
CSS Theming
AHI BodyScan uses a CSS based theming solution (InterfaCSS) to allow the app developer to alter almost all of the color, font, and layout attributes of the scan UI. The ordering of the CSS cascade is such that the CSS is loaded in ascending order (lower z-level to higher z-level).
Hence, the CSS ordering on load will be:
myfiziq-common-sdk-style-variables.css
/*
// myfiziq-common-sdk-style-variables.css
//
// Copyright (c) 2018-2021 AHI. All rights reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
*/
/***************************************************************************************/
/* Global Colors */
/***************************************************************************************/
@mfzCommonSDKColorFeature: #FF5621;
@mfzCommonSDKColorFeature-dark: #FF5621;
@mfzCommonSDKColorBlack: systemBlack;
@mfzCommonSDKColorWhite: systemWhite;
@mfzCommonSDKColorTransparent: clear;
@mfzCommonSDKColorSeparator: separator;
@mfzCommonSDKColorOverlay: rgba(0, 0, 0, 0.85);
@mfzCommonSDKColorActivityIndicator: #DADADA;
/* Numeric colour number system is lightest is always 1 and darkest is always highest value*/
@mfzCommonSDKColorGray1: systemGray5;
@mfzCommonSDKColorGray1-dark: systemGray;
@mfzCommonSDKColorGray2: systemGray4;
@mfzCommonSDKColorGray2-dark: systemGray2;
@mfzCommonSDKColorGray3: systemGray3;
@mfzCommonSDKColorGray3-dark: systemGray3;
@mfzCommonSDKColorGray4: systemGray2;
@mfzCommonSDKColorGray4-dark: systemGray4;
@mfzCommonSDKColorGray5: systemGray;
@mfzCommonSDKColorGray5-dark: systemGray5;
@mfzCommonSDKColorGray6: systemGray;
@mfzCommonSDKColorGray6-dark: systemGray6;
/***************************************************************************************/
/* Background Colors */
/***************************************************************************************/
@mfzCommonSDKColorBackground: secondarySystemBackground;
@mfzCommonSDKColorBackground-dark: systemGray6;
@mfzCommonSDKColorBackgroundSecondary: systemBackground;
@mfzCommonSDKColorBackgroundSecondary-dark: systemBackground;
@mfzCommonSDKColorBackgroundTertiary: systemBackground;
@mfzCommonSDKColorBackgroundTertiary-dark: @mfzCommonSDKColorGray5-dark;
/***************************************************************************************/
/* Border Colors */
/***************************************************************************************/
@mfzCommonSDKColorBorder: @mfzCommonSDKColorGray5;
@mfzCommonSDKColorBorder-dark: @mfzCommonSDKColorGray1-dark;
@mfzCommonSDKColorBorderActive: @mfzCommonSDKColorFeature;
@mfzCommonSDKColorBorderActive-dark: @mfzCommonSDKColorFeature-dark;
/***************************************************************************************/
/* Text Colors */
/***************************************************************************************/
@mfzCommonSDKTextColorPrimary: label;
@mfzCommonSDKTextColorPrimary-dark: label;
@mfzCommonSDKTextColorSecondary: secondaryLabel;
@mfzCommonSDKTextColorSecondary-dark: secondaryLabel;
@mfzCommonSDKTextColorTertiary: @mfzCommonSDKColorWhite;
@mfzCommonSDKTextColorTertiary-dark: @mfzCommonSDKColorWhite;
@mfzCommonSDKTextColorFeature: @mfzCommonSDKColorFeature;
@mfzCommonSDKTextColorFeature-dark: @mfzCommonSDKColorFeature-dark;
@mfzCommonSDKTextColorPlaceholder: placeholderText;
@mfzCommonSDKTextColorPlaceholder-dark: placeholderText;
@mfzCommonSDKTableViewCellSectionHeaderTextColor: @mfzCommonSDKTextColorSecondary;
@mfzCommonSDKTableViewCellSectionHeaderTextColor-dark: @mfzCommonSDKTextColorSecondary-dark;
@mfzCommonSDKSegmentControlTextColor: @mfzCommonSDKColorGray5;
@mfzCommonSDKSegmentControlTextColor-dark: @mfzCommonSDKColorGray1-dark;
@mfzCommonSDKSegmentControlTextColorSelected: @mfzCommonSDKColorBlack;
@mfzCommonSDKSegmentControlTextColorSelected-dark: @mfzCommonSDKColorWhite;
@mfzCommonSDKInputViewCellTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKInputViewCellTextColor-dark: @mfzCommonSDKTextColorPrimary-dark;
@mfzCommonSDKInputViewCellPlaceholderTextColor: @mfzCommonSDKTextColorPlaceholder;
@mfzCommonSDKInputViewCellPlaceholderTextColor-dark: @mfzCommonSDKTextColorPlaceholder-dark;
@mfzCommonSDKButtonTitleColor: @mfzCommonSDKColorWhite;
@mfzCommonSDKButtonTitleColor-dark: @mfzCommonSDKColorWhite;
@mfzCommonSDKPickerViewTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKPickerViewTextColor-dark: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKPickerTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKPickerTextColor-dark: @mfzCommonSDKTextColorPrimary;
/* CollectionView Card View Cell */
@mfzCommonSDKCollectionViewGalleryHeaderViewTitleTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKCollectionViewGalleryHeaderViewTitleTextColor-dark: @mfzCommonSDKTextColorPrimary-dark;
@mfzCommonSDKCollectionViewCellCardTableMeasurementTitleTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKCollectionViewCellCardTableMeasurementTitleTextColor-dark: @mfzCommonSDKTextColorPrimary-dark;
@mfzCommonSDKCollectionViewCellCardTableMeasurementValueTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKCollectionViewCellCardTableMeasurementValueTextColor-dark: @mfzCommonSDKTextColorPrimary-dark;
@mfzCommonSDKCollectionViewCellCardDateTextColor: @mfzCommonSDKTextColorSecondary;
@mfzCommonSDKCollectionViewCellCardDateTextColor-dark: @mfzCommonSDKTextColorSecondary-dark;
@mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor-dark: @mfzCommonSDKTextColorPrimary-dark;
@mfzCommonSDKCollectionViewCellCardPrimaryValueDescriptionTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKCollectionViewCellCardPrimaryValueDescriptionTextColor-dark: @mfzCommonSDKTextColorPrimary-dark;
@mfzCommonSDKCollectionViewCellCardSecondaryTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKCollectionViewCellCardSecondaryTextColor-dark: @mfzCommonSDKTextColorPrimary-dark;
@mfzCommonSDKCollectionViewCellCardCategoryTextColor: @mfzCommonSDKTextColorTertiary;
@mfzCommonSDKCollectionViewCellCardCategoryTextColor-dark: @mfzCommonSDKTextColorTertiary-dark;
/***************************************************************************************/
/* Component Colors */
/***************************************************************************************/
@mfzCommonSDKSegmentControlTintColorSelected: @mfzCommonSDKColorWhite;
@mfzCommonSDKSegmentControlTintColorSelected-dark: @mfzCommonSDKColorGray1-dark;
@mfzCommonSDKSegmentControlBackgroundColor: @mfzCommonSDKColorTransparent;
@mfzCommonSDKSegmentControlBackgroundColor-dark: @mfzCommonSDKColorTransparent;
@mfzCommonSDKCellSeparatorLineColor: @mfzCommonSDKColorSeparator;
@mfzCommonSDKCellSeparatorLineColor-dark: @mfzCommonSDKColorSeparator;
/* Input Table View */
@mfzCommonSDKInputViewCellCursorColor: @mfzCommonSDKColorFeature;
@mfzCommonSDKInputViewCellCursorColor-dark: @mfzCommonSDKColorFeature-dark;
@mfzCommonSDKInputViewCellBackgroundColor: @mfzCommonSDKColorBackgroundSecondary;
@mfzCommonSDKInputViewCellBackgroundColor-dark: @mfzCommonSDKColorBackgroundTertiary-dark;
@mfzCommonSDKAlertViewBackgroundColor: @mfzCommonSDKColorBackgroundSecondary;
@mfzCommonSDKAlertViewBackgroundColor-dark: @mfzCommonSDKColorBackgroundTertiary-dark;
@mfzCommonSDKAlertOverlayColor: rgba(0, 0, 0, 0.85);
@mfzCommonSDKAlertOverlayColor-dark: rgba(0, 0, 0, 0.85);
@mfzCommonSDKAlertButtonTextColorPrimary: @mfzCommonSDKColorFeature;
@mfzCommonSDKAlertButtonTextColorPrimary-dark: @mfzCommonSDKColorFeature-dark;
@mfzCommonSDKAlertTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKAlertTextColor-dark: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKAlertButtonBorderColor: @mfzCommonSDKColorGray4;
@mfzCommonSDKAlertButtonBorderColor-dark: @mfzCommonSDKColorGray2-dark;
@mfzCommonSDKSpinnerBackgroundColor: @mfzCommonSDKColorBackground;
@mfzCommonSDKSpinnerBackgroundColor-dark: @mfzCommonSDKColorBackground-dark;
@mfzCommonSDKSpinnerColor: @mfzCommonSDKColorFeature;
@mfzCommonSDKSpinnerColor-dark: @mfzCommonSDKColorFeature-dark;
@mfzCommonSDKSpinnerActivityViewTintColor: @mfzCommonSDKColorGray3;
@mfzCommonSDKSpinnerActivityViewTintColor-dark: @mfzCommonSDKColorGray3;
@mfzCommonSDKSpinnerActivityViewBackgroundColor: @mfzCommonSDKColorTransparent;
@mfzCommonSDKSpinnerActivityViewBackgroundColor-dark: @mfzCommonSDKColorTransparent;
@mfzCommonSDKMeshOSLegacyLightColor: rgba(25, 25, 25, 1.0);
@mfzCommonSDKMeshOSLegacyLightColor-dark: rgba(25, 25, 25, 1.0);
@mfzCommonSDKMeshOSLegacyAmbientColor: rgba(102, 102, 102, 1.0);
@mfzCommonSDKMeshOSLegacyAmbientColor-dark: rgba(102, 102, 102, 1.0);
@mfzCommonSDKMeshOSLegacySpecularColor: rgba(102, 102, 102, 1.0);
@mfzCommonSDKMeshOSLegacySpecularColor-dark: rgba(102, 102, 102, 1.0);
@mfzCommonSDKMeshLightNonMetalColor: white;
@mfzCommonSDKMeshLightNonMetalColor-dark: white;
@mfzCommonSDKMeshLightOneColor: rgba(178, 178, 178, 1.0);
@mfzCommonSDKMeshLightOneColor-dark: rgba(178, 178, 178, 1.0);
@mfzCommonSDKMeshLightTwoColor: rgba(229, 229, 229, 1.0);
@mfzCommonSDKMeshLightTwoColor-dark: rgba(229, 229, 229, 1.0);
@mfzCommonSDKMeshAmbientColor: rgba(229, 229, 229, 1.0);
@mfzCommonSDKMeshAmbientColor-dark: rgba(229, 229, 229, 1.0);
@mfzCommonSDKMeshSpecularColor: rgba(127, 127, 127, 1.0);
@mfzCommonSDKMeshSpecularColor-dark: rgba(127, 127, 127, 1.0);
@mfzCommonSDKMeshViewBackgroundColor: @mfzCommonSDKColorBackground;
@mfzCommonSDKMeshViewBackgroundColor-dark: @mfzCommonSDKColorBackground;
@mfzCommonSDKMeshViewFrameColor: @mfzCommonSDKColorTransparent;
@mfzCommonSDKMeshViewFrameColor-dark: @mfzCommonSDKColorTransparent;
@mfzCommonSDKButtonPrimaryColor: @mfzCommonSDKColorFeature;
@mfzCommonSDKButtonPrimaryColor-dark: @mfzCommonSDKColorFeature-dark;
@mfzCommonSDKButtonDisabledGrayColor: @mfzCommonSDKColorGray4;
@mfzCommonSDKButtonDisabledGrayColor-dark: @mfzCommonSDKColorGray4;
@mfzCommonSDKButtonWarningYellowColor: #ffae42;
@mfzCommonSDKButtonWarningYellowColor-dark: #ffae42;
@mfzCommonSDKButtonErrorRedColor: #cc0000;
@mfzCommonSDKButtonErrorRedColor-dark: #cc0000;
@mfzCommonSDKButtonStandardColorEnabled: @mfzCommonSDKButtonPrimaryColor;
@mfzCommonSDKButtonStandardColorEnabled-dark: @mfzCommonSDKButtonPrimaryColor-dark;
@mfzCommonSDKButtonStandardColorDisabled: @mfzCommonSDKButtonDisabledGrayColor;
@mfzCommonSDKButtonStandardColorDisabled-dark: @mfzCommonSDKButtonDisabledGrayColor;
@mfzCommonSDKButtonDangerColorEnabled: @mfzCommonSDKButtonErrorRedColor;
@mfzCommonSDKButtonDangerColorEnabled-dark: @mfzCommonSDKButtonErrorRedColor;
@mfzCommonSDKButtonWarningColorEnabled: @mfzCommonSDKButtonWarningYellowColor;
@mfzCommonSDKButtonWarningColorEnabled-dark: @mfzCommonSDKButtonWarningYellowColor;
@mfzCommonSDKButtonColorDisabled: @mfzCommonSDKButtonDisabledGrayColor;
@mfzCommonSDKButtonColorDisabled-dark: @mfzCommonSDKButtonDisabledGrayColor;
@mfzCommonSDKButtonActivityIndicatorColor: @mfzCommonSDKColorWhite;
@mfzCommonSDKButtonActivityIndicatorColor-dark: @mfzCommonSDKColorWhite;
@mfzCommonSDKAccessoryViewDismissButtonColor: @mfzCommonSDKColorFeature;
@mfzCommonSDKAccessoryViewDismissButtonColor-dark: @mfzCommonSDKColorFeature-dark;
@mfzCommonSDKPickerBackgroundColor: @mfzCommonSDKColorBackgroundSecondary;
@mfzCommonSDKPickerBackgroundColor-dark: @mfzCommonSDKColorBackground-dark;
@mfzCommonSDKPickerDividerColor: @mfzCommonSDKColorGray2;
@mfzCommonSDKPickerDividerColor-dark: @mfzCommonSDKColorGray3;
@mfzCommonSDKPickerTopBorderColor: @mfzCommonSDKColorSeparator;
@mfzCommonSDKPickerTopBorderColor-dark: @mfzCommonSDKColorSeparator;
@mfzCommonSDKPickerBottomBorderColor: @mfzCommonSDKColorSeparator;
@mfzCommonSDKPickerBottomBorderColor-dark: @mfzCommonSDKColorSeparator;
@mfzCommonSDKCollectionViewCellCardBackgroundColor: @mfzCommonSDKColorBackground;
@mfzCommonSDKCollectionViewCellCardBackgroundColor-dark: @mfzCommonSDKColorBackground-dark;
@mfzCommonSDKCollectionViewCellCardCellBackgroundColor: @mfzCommonSDKColorTransparent;
@mfzCommonSDKCollectionViewCellCardCellBackgroundColor-dark: @mfzCommonSDKColorTransparent;
@mfzCommonSDKCollectionViewCellCardCellContainerViewBackgroundColor: @mfzCommonSDKColorBackgroundSecondary;
@mfzCommonSDKCollectionViewCellCardCellContainerViewBackgroundColor-dark: @mfzCommonSDKColorBackgroundTertiary-dark;
@mfzCommonSDKBasicCollectionViewCellBorderColor: @mfzCommonSDKColorGray1;
@mfzCommonSDKBasicCollectionViewCellBorderColor-dark: @mfzCommonSDKColorGray3;
@mfzCommonSDKLoadingCellActivityIndicatorColor: @mfzCommonSDKColorActivityIndicator;
@mfzCommonSDKLoadingCellActivityIndicatorColor-dark: @mfzCommonSDKColorActivityIndicator;
@mfzCommonSDKLoadingFooterViewActivityIndicatorColor: @mfzCommonSDKColorActivityIndicator;
@mfzCommonSDKLoadingFooterViewActivityIndicatorColor-dark: @mfzCommonSDKColorActivityIndicator;
/***************************************************************************************/
/* Typography */
/***************************************************************************************/
@mfzCommonSDKFontFamilyRegular: system;
@mfzCommonSDKFontFamilyBold: systemBold;
@mfzCommonSDKFontFamilyMedium: systemMedium;
@mfzCommonSDKFontFamilySemiBold: systemSemiBold;
/* The font sizes can be found on Figma and aim to reflect the font sizes found in the Apple Guidelines.
https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/typography/
*/
@mfzCommonSDKFontSizeLargeTitle: 34.0;
@mfzCommonSDKFontSizeTitle1: 28.0;
@mfzCommonSDKFontSizeTitle3: 20.0;
@mfzCommonSDKFontSizeBody: 17.0;
@mfzCommonSDKFontSizeSubhead: 15.0;
@mfzCommonSDKFontSizeFootnote: 13.0;
@mfzCommonSDKFontSizeCaption1: 12.0;
@mfzCommonSDKFontSizeCaption2: 11.0;
/* This is used as the descriptive title label font for the labels of input view cells */
@mfzCommonSDKTableViewCellFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeBody;
/* This is used for either the descriptive input title label font for the placeholder/input view font of input view cells */
@mfzCommonSDKTableViewCellInputFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeBody;
/* This is used for placeholder font */
@mfzCommonSDKTableViewCellInputPlaceholderFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeBody;
/* This is used for the section headers throughout the app. */
@mfzCommonSDKTableViewSectionHeaderFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeFootnote;
@mfzCommonSDKInputViewCellFont: @mfzCommonSDKTableViewCellInputFont;
@mfzCommonSDKTitleFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeTitle3;
@mfzCommonSDKBodyFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeBody;
@mfzCommonSDKTitleBoldFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeTitle3;
@mfzCommonSDKButtonFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeBody;
@mfzCommonSDKCollectionViewGalleryHeaderViewTitleFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeBody;
@mfzCommonSDKCollectionViewCellCardTableMeasurementTitleFont: @mfzCommonSDKFontFamilyBold 14;
@mfzCommonSDKCollectionViewCellCardTableMeasurementValueFont: @mfzCommonSDKFontFamilyRegular 14;
@mfzCommonSDKCollectionViewCellCardDateFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeCaption1;
@mfzCommonSDKCollectionViewCellCardPrimaryValueFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeTitle1;
@mfzCommonSDKCollectionViewCellCardPrimaryValueFont-4-inch-device: @mfzCommonSDKFontFamilyRegular 21;
@mfzCommonSDKCollectionViewCellCardPrimaryValueWeightFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeLargeTitle;
@mfzCommonSDKCollectionViewCellCardPrimaryValueWeightDescriptionFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeTitle1;
@mfzCommonSDKCollectionViewCellCardSecondaryFont: @mfzCommonSDKFontFamilyBold 14;
@mfzCommonSDKCollectionViewCellCardSecondaryFont-4-inch-device: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeCaption2;
@mfzCommonSDKCollectionViewCellCardCategoryFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeCaption1;
@mfzCommonSDKCollectionViewCellCardLoadingTitleLabelFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeCaption2;
@mfzCommonSDKCollectionViewCellCardLoadingDetailLabelFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeCaption2;
@mfzCommonSDKPickerDismissButtonFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeBody;
/***************************************************************************************/
/* Additional Style Variables */
/***************************************************************************************/
@mfzCommonSDKCornerRadiusSmall: 4.0;
@mfzCommonSDKCornerRadiusLarge: 8.0;
@mfzCommonSDKPickerAccessoryHeight: 40;
/***************************************************************************************/
/* Special Features */
/***************************************************************************************/
@mfzCommonMathValueDecimals: 1;
@mfzCommonMathPickerValueDecimals: 1;
@mfzCommonMathDeltaIncreaseSymbol: "+";
@mfzCommonMathDeltaDecreaseSymbol: "-";
/* If all three are set to NO or YES, tbf cells will be used as the default.
If @mfzCommonSDKCollectionViewCellCardViewDisplayWeightCellsOnly or @mfzCommonSDKCollectionViewCellCardViewDisplayTBFCellsOnly are set to YES,
then only the YES option will be used.
*/
@mfzCommonSDKCollectionViewCellCardViewDisplayWeightWhenNoTbf: YES;
@mfzCommonSDKCollectionViewCellCardViewDisplayWeightCellsOnly: NO;
@mfzCommonSDKCollectionViewCellCardViewDisplayTBFCellsOnly: NO;
@mfzCommonSDKCollectionViewCellCardDisplayDefaultProcessingMeasurementTimeString: YES;
/* Collection Cell Sort Order - Default is NO - Latest at the Top */
@mfzCommonSDKCollectionViewCellCardSortOrderLatestAtBottom: NO;
/* Date in format "dd/MM/yyyy" */
/* Date picker is geared towards age, but using prefix style, it can be altered for date specific requirements. */
@mfzCommonSDKPickerDateMinDate: "01/01/1900";
@mfzCommonSDKPickerDateYoungestAge: 4;
@mfzCommonSDKPickerDateDefaultAge: 25;
/* Total Body Fat Category colors */
@mfzCommonSDKTBFCategoryLeanColor: rgb(89.25, 198.9, 249.9);
@mfzCommonSDKTBFCategoryHealthyColor: rgb(76.5, 216.75, 99.45);
@mfzCommonSDKTBFCategoryOverweightColor: rgb(255, 204, 0);
@mfzCommonSDKTBFCategoryObeseColor: rgb(255, 86.7, 33.15);
@mfzCommonSDKTBFCategoryUnknownColor: systemGray;
myfiziq-capture-sdk-style-variables.css
/*
// myfiziq-capture-sdk-style-variables.css
//
// Copyright (c) 2018-2020 AHI. All rights reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
*/
/* See InterfaCSS Github wiki to see style parameters for UIView elements */
/** The Capture (aka Core) SDK does not have dark mode styling - it can be applied should partners wish to customise in their own CSS file,
however, our default product is a static, single styled offering.
*/
/***************************************************************************************/
/* Feature Color */
/***************************************************************************************/
@mfzCaptureSDKFeatureColor: @mfzCommonSDKColorFeature;
/***************************************************************************************/
/* Background Colors */
/***************************************************************************************/
@mfzCaptureSDKViewBackgroundColor: @mfzCommonSDKColorBlack;
@mfzCaptureSDKTransparentBackgroundColor: @mfzCommonSDKColorTransparent;
@mfzCaptureSDKButtonBackgroundColor: @mfzCommonSDKColorWhite;
@mfzCaptureSDKAlignViewBackgroundColor: rgba(0.0, 0.0, 0.0, 0.8);
@mfzCaptureSDKPoseContourBackgroundColor: rgba(0,0,0,0.55);
@mfzCaptureSDKPoseFrontBannerBackgroundColor: @mfzCaptureSDKFeatureColor;
@mfzCaptureSDKPoseSideBannerBackgroundColor: @mfzCaptureSDKFeatureColor;
@mfzCaptureSDKInspectionErrorBackgroundColor: @mfzCaptureSDKFeatureColor;
@mfzCaptureSDKTryAgainButtonBackgroundColor: clear;
/***************************************************************************************/
/* Text Colors */
/***************************************************************************************/
@mfzCaptureSDKColorBase: @mfzCommonSDKColorWhite;
@mfzCaptureSDKColorBaseDark: #171717;
@mfzCaptureSDKConfirmButtonTitleColor: @mfzCommonSDKColorWhite;
@mfzCaptureSDKPoseCountdownLabelTextColor: @mfzCaptureSDKColorBase;
@mfzCaptureSDKPoseCountdownFrontLabelTextColor: @mfzCaptureSDKPoseColorGuideFront;
@mfzCaptureSDKPoseCountdownSideLabelTextColor: @mfzCaptureSDKPoseColorGuideSide;
/***************************************************************************************/
/* Other Styles */
/***************************************************************************************/
@mfzCaptureSDKAlignTitleText: "Align Circles\n" (font: @mfzCaptureSDKTitleFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKAlignInfoText: "\nTap screen to allow camera access.\nThis is necessary to create 3D avatars." (font: @mfzCaptureSDKBodyBoldFont, color: @mfzCaptureSDKColorBase);
/* Spacing between lines of title */
@mfzCaptureSDKAlignTitleSubtitleSpacing: 7.0;
@mfzCaptureSDKAlignCountdownText: "3" (font: @mfzCaptureSDKCountdownFont, color: @mfzCaptureSDKFeatureColor);
@mfzCaptureSDKAlignEnableCameraText: "ENABLE CAMERA" (font: @mfzCaptureSDKBodyBoldFont, color: @mfzCaptureSDKFeatureColor);
@mfzCaptureSDKOrientationTitleText: "Turn Phone\nUpright\n" (font: @mfzCommonSDKFontFamilyBold 31.0, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKPoseContourFrontIsDashed: YES;
@mfzCaptureSDKPoseContourSideIsDashed: YES;
@mfzCaptureSDKPoseFontTitleText: "FRONT" (font: @mfzCaptureSDKPhaseTitleFont, color: @mfzCaptureSDKColorBase, kern: 10.0);
@mfzCaptureSDKPoseTitleText: "FRONT" (font: @mfzCaptureSDKTitleFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKInspectSupportButtonText: "contact support" (font: @mfzCaptureSDKButtonFont, color: @mfzCaptureSDKColorBase, underlineStyle: 1);
@mfzCaptureSDKConfirmText11: "I confirm that I am wareing " (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText12: "form\nfitting clothing " (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText13: "and my arms and\nlegs are " (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText14: "inside the outline" (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText15: "." (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText21: "I confirm that my " (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText22: "feet are\ntogether" (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText23: ", arms " (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText24: "down my side" (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText25: "and\nI am inside the outline." (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmButtonsVerticalStack: YES;
@mfzCaptureSDKConfirmButtonsVerticalStackPractise: YES;
@mfzCaptureSDKAlignColorUnaligned: @mfzCaptureSDKColorBase;
@mfzCaptureSDKAlignColorAligned: @mfzCaptureSDKFeatureColor;
@mfzCaptureSDKAlignColorAlignedLocking: @mfzCaptureSDKColorBase;
@mfzCaptureSDKAlignColorAim: @mfzCaptureSDKFeatureColor;
@mfzCaptureSDKPoseColorGuideFront: @mfzCaptureSDKFeatureColor;
@mfzCaptureSDKPoseColorGuideSide: @mfzCaptureSDKFeatureColor;
@mfzCaptureSDKPoseContourFrontBase: @mfzCommonSDKColorBlack;
@mfzCaptureSDKPoseContourFrontDash: @mfzCaptureSDKPoseColorGuideFront;
@mfzCaptureSDKPoseContourSideBase: @mfzCommonSDKColorBlack;
@mfzCaptureSDKPoseContourSideDash: @mfzCaptureSDKPoseColorGuideSide;
@mfzCaptureSDKInspectGuideLockingColor: #E69146;
@mfzCaptureSDKInspectGuideTrackAlignedColor: @mfzCaptureSDKColorBase;
@mfzCaptureSDKInspectGuideTrackUnAlignedColor: @mfzCaptureSDKColorBase;
@mfzCaptureSDKConfirmPhotoMaskBackgroundColor: @mfzCommonSDKColorBlack;
@mfzCaptureSDKSubmitRailTintColor: @mfzCaptureSDKColorBase;
@mfzCaptureSDKInitPhase-mfzCommonSpinnerBackgroundColor: clear;
@mfzCaptureSDKInitPhase-mfzCommonSpinnerColor: @mfzCommonSDKSpinnerColor;
@mfzCaptureSDKInitPhase-mfzCommonSpinnerRadius: @mfzCommonSDKSpinnerRadius;
@mfzCaptureSDKInitPhase-mfzCommonSpinnerLineWidth: @mfzCommonSDKSpinnerLineWidth;
@mfzCaptureSDKInitPhase-mfzCommonSpinnerActivityViewTintColor: @mfzCommonSDKSpinnerActivityViewTintColor;
@mfzCaptureSDKInitPhase-mfzCommonSpinnerActivityViewBackgroundColor: clear;
/***************************************************************************************/
/* Fonts */
/***************************************************************************************/
@mfzCaptureSDKTitleFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeLargeTitle;
@mfzCaptureSDKPhaseTitleFont: @mfzCommonSDKFontFamilyBold 36;
@mfzCaptureSDKButtonFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeTitle3;
@mfzCaptureSDKBodyFont: @mfzCommonSDKFontFamilyBold 16;
@mfzCaptureSDKBodyFontSmallDevice: @mfzCommonSDKFontFamilyBold 14;
@mfzCaptureSDKBodyBoldFont: @mfzCommonSDKFontFamilyBold 18;
@mfzCaptureSDKErrorTitleFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeLargeTitle;
@mfzCaptureSDKErrorTitleFontSmallDevice: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeTitle1;
@mfzCaptureSDKCountdownFont: @mfzCommonSDKFontFamilyBold 100.0;
@mfzCaptureSDKPoseFontCountdownFontBig: @mfzCommonSDKFontFamilyBold 288;
@mfzCaptureSDKPoseFontCountdownFontBigSize: 288.0;
@mfzCaptureSDKPoseFontCountdownFontNormSize: 100.0;
@mfzCaptureSDKPoseFontCountdownFontNorm: @mfzCommonSDKFontFamilyBold 144;
@mfzCaptureSDKConfirmBodyFont: @mfzCommonSDKFontFamilyBold 16;
myfiziq-common-sdk-layouts.css
/*
// myfiziq-common-sdk-layouts.css
//
// Copyright (c) 2018-2021 AHI. All rights reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
*/
/***************************************************************************************/
/* Sizes and Constraints */
/***************************************************************************************/
@mfzCommonSDKSegmentControlHeight: 32.0;
@mfzCommonSDKButtonDefaultHeight: 50.0;
/* Section header view height */
@mfzCommonSDKTableViewSectionHeaderHeight: 55.0;
/* Separator Lines (Table View Cells) */
@mfzCellSeparatorLineHeight: 1.0;
@mfzCellSeparatorLineLeftMargin: 0.0;
@mfzCellSeparatorLineRightMargin: 0.0;
@mfzCellSeparatorLineBottomMargin: 0.0;
/* Input View Cell */
@mfzCommonSDKInputViewCellHeight: 44.0;
@mfzCommonSDKInputViewCellInputFieldTopMargin: 12.0;
@mfzCommonSDKInputViewCellInputFieldLeftMargin: 18.0;
@mfzCommonSDKInputViewCellInputFieldBottomMargin: 11.0;
@mfzCommonSDKInputViewCellBorderHeight: 1.0;
/* Alerts: */
@mfzCommonSDKAlertWidth: 300.0;
@mfzCommonSDKAlertMinHeight: 80.0;
@mfzCommonSDKAlertTitleHeight: 25.0;
@mfzCommonSDKAlertPadding: 0.0;
@mfzCommonSDKAlertTitleTopPadding: 20.0;
@mfzCommonSDKAlertTitleBodyGap: 1.0;
@mfzCommonSDKAlertBodyButtonGap: 15.0;
@mfzCommonSDKAlertButtonSpacing: @mfzCommonSDKAlertPadding;
@mfzCommonSDKAlertBodyMinHeight: 25.0;
@mfzCommonSDKAlertButtonsHeight: 50.0;
@mfzCommonSDKAlertButtonsStackedWidth: @mfzCommonSDKAlertWidth;
@mfzCommonSDKAlertButtonsStackedGap: 0.0;
@mfzCommonSDKAlertButtonBorderHeight: 1;
/* Spinner: */
@mfzCommonSDKSpinnerRadius: 50.0;
@mfzCommonSDKSpinnerLineWidth: 4.0;
/* Mesh: */
@mfzCommonSDKMeshScale: 0.88;
@mfzCommonSDKButtonActivityIndicatorRightSideMargin: 0.0;
/* Common Picker */
@mfzCommonSDKPickerPreferredHeight: 217.0;
@mfzCommonSDKPickerTopBorderHeight: 1;
@mfzCommonSDKPickerBottomBorderHeight: 1;
@mfzCommonSDKPickerBottomBorderBottomInset: 20;
/* Picker Accessory View */
@mfzCommonSDKAccessoryDismissButtonTopInset: 0;
@mfzCommonSDKAccessoryDismissButtonBottomInset: 0;
@mfzCommonSDKAccessoryDismissButtonRightInset: 15;
@mfzCommonSDKAccessoryDismissButtonWdith: 60;
/* 19.2 Collection View Cell Design */
@mfzCommonSDKCollectionViewCellCardCardViewCellHeight: 137.0;
@mfzCommonSDKCollectionViewCellCardCardViewCellMarginTop: 0.0;
@mfzCommonSDKCollectionViewCellCardCardViewCellMarginLeft: 0.0;
@mfzCommonSDKCollectionViewCellCardCardViewCellMarginBottom: 0.0;
@mfzCommonSDKCollectionViewCellCardCardViewCellMarginRight: 0.0;
@mfzCommonSDKCollectionViewCellCardCardViewCellInterItemSpacing: 0.0;
@mfzCommonSDKCollectionViewCellCardCardViewCellLineSpacing: 0.0;
@mfzCommonSDKBasicCollectionViewCellTitleValueLabelInset: 8.0;
@mfzCommonSDKBasicCollectionViewCellBorderWidth: 1.0;
@mfzCommonSDKCollectionViewCellCardViewContainerTopInset: 6.0;
@mfzCommonSDKCollectionViewCellCardViewContainerLeftInset: 16.0;
@mfzCommonSDKCollectionViewCellCardViewContainerBottomInset: 6.0;
@mfzCommonSDKCollectionViewCellCardViewContainerRightInset: 16.0;
/* The ratio here should equal 1.0 - if a wider left side container is set, ensure balance on the right side. */
@mfzCommonSDKTbfCollectionViewCellLeftSideContainerWidthRatio: 0.5;
@mfzCommonSDKTbfCollectionViewCellRightSideContainerWidthRatio: 0.5;
@mfzCommonSDKTbfCollectionViewCellLeftSideContainerWidthRatio-4-inch-device: 0.55;
@mfzCommonSDKTbfCollectionViewCellRightSideContainerWidthRatio-4-inch-device: 0.45;
@mfzCommonSDKTbfCollectionViewCellDateLabelTopInset: 16.0;
@mfzCommonSDKTbfCollectionViewCellDateLabelHeight: 18.0;
@mfzCommonSDKTbfCollectionViewCellTbfLabelHeight: 37.0;
@mfzCommonSDKTbfCollectionViewCellTbfLabelTopInset:0.0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryContainerHeight: 16.0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryContainerLeftInset: 16.0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryContainerLeftInset-4-inch-device: 8.0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryContainerTopInset:0.0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryLabelTopInset: 0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryLabelLeftInset: 5.0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryLabelBottomInset: 0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryLabelRightInset: 5.0;
@mfzCommonSDKTbfCollectionViewCellWeightLabelHeight:16.0;
@mfzCommonSDKTbfCollectionViewCellWeightLabelTopInset:5.0;
@mfzCommonSDKTbfCollectionViewCellEveryLabelLeftInset: 16.0;
@mfzCommonSDKTbfCollectionViewCellEveryLabelLeftInset-4-inch-device: 8.0;
@mfzCommonSDKTbfCollectionViewCellEveryLabelRightInset: 16.0;
@mfzCommonSDKTbfCollectionViewCellEveryLabelRightInset-4-inch-device: 8.0;
/* The ratio here should equal 1.0 - if a wider left side container is set, ensure balance on the right side. */
@mfzCommonSDKWeightCollectionViewCellLeftSideContainerWidthRatio: 0.5;
@mfzCommonSDKWeightCollectionViewCellRightSideContainerWidthRatio: 0.5;
@mfzCommonSDKWeightCollectionViewCellDateLabelTopInset: 16.0;
@mfzCommonSDKWeightCollectionViewCellDateLabelHeight: 18.0;
@mfzCommonSDKWeightCollectionViewCellTbfLabelHeight: 37.0;
@mfzCommonSDKWeightCollectionViewCellTbfLabelTopInset:0.0;
@mfzCommonSDKWeightCollectionViewCellTbfCategoryContainerHeight: 16.0;
@mfzCommonSDKWeightCollectionViewCellTbfCategoryContainerLeftInset:16.0;
@mfzCommonSDKWeightCollectionViewCellTbfCategoryContainerTopInset:0.0;
@mfzCommonSDKWeightCollectionViewCellTbfCategoryLabelTopInset: 0;
@mfzCommonSDKWeightCollectionViewCellTbfCategoryLabelLeftInset: 5.0;
@mfzCommonSDKWeightCollectionViewCellTbfCategoryLabelBottomInset: 0;
@mfzCommonSDKWeightCollectionViewCellTbfCategoryLabelRightInset: 5.0;
@mfzCommonSDKWeightCollectionViewCellWeightLabelHeight:37.0;
@mfzCommonSDKWeightCollectionViewCellWeightLabelTopInset:0.0;
@mfzCommonSDKWeightCollectionViewCellEveryLabelLeftInset: 16.0;
@mfzCommonSDKWeightCollectionViewCellEveryLabelRightInset: 16.0;
@mfzCommonSDKWeightCollectionViewCellHeightLabelHeight: 17.0;
@mfzCommonSDKWeightCollectionViewCellHeightLabelTopInset: 1.0;
@mfzCommonSDKCollectionViewCellCardCollectionViewHeaderLabelTopInset: 3.0;
@mfzCommonSDKCollectionViewCellCardCollectionViewHeaderLabelBottomInset: 3.0;
@mfzCommonSDKCollectionViewCellCardCollectionViewHeaderLabelLeftInset: 16.0;
@mfzCommonSDKCollectionViewCellCardCollectionViewHeaderLabelRightInset: 16.0;
@mfzCommonSDKCollectionViewCellCardCollectionViewHeaderViewHeight: 32.0;
@mfzCommonSDKCollectionViewCellCardCollectionViewHeaderViewShouldStickToTop: YES;
@mfzCommonSDKLoadingCellActivityIndicatorWidth: 36.0;
@mfzCommonSDKLoadingCellActivityIndicatorHeight: 36.0;
@mfzCommonSDKLoadingCellActivityIndicatorTopLabelOffset: -9.0;
@mfzCommonSDKLoadingCellTitleLabelCenterOffset: 18.0;
@mfzCommonSDKLoadingCellTitleLabelLeftInset: 16.0;
@mfzCommonSDKLoadingCellTitleLabelRightInset: 16.0;
@mfzCommonSDKLoadingCellTitleLabelHeight: 16.0;
@mfzCommonSDKLoadingCellDetailLabelLeftInset: 16.0;
@mfzCommonSDKLoadingCellDetailLabelRightInset: 16.0;
@mfzCommonSDKLoadingCellDetailLabelHeight: 16.0;
@mfzCommonSDKLoadingCellDetailTopOffset: 0.0;
/* Loading footer */
@mfzCommonSDKLoadingFooterViewContainerTopInset: 0;
@mfzCommonSDKLoadingFooterViewContainerAdjustedTopInset: -20;
@mfzCommonSDKLoadingFooterViewContainerLeftInset: 0;
@mfzCommonSDKLoadingFooterViewContainerBottomInset: 0;
@mfzCommonSDKLoadingFooterViewContainerRightInset: 0;
@mfzCommonSDKLoadingFooterViewActivityIndicatorWidth: 36.0;
@mfzCommonSDKLoadingFooterViewActivityIndicatorHeight: 36.0;
@mfzCommonSDKLoadingFooterViewActivityIndicatorTopLabelOffset: -9.0;
@mfzCommonSDKLoadingFooterViewTitleLabelLeftInset: 18.0;
@mfzCommonSDKLoadingFooterViewTitleLabelRightInset: 16.0;
@mfzCommonSDKLoadingFooterViewTitleLabelHeight: 16.0;
@mfzCommonSDKLoadingFooterViewTitleLabelCenterOffset: 16.0;
@mfzCommonSDKLoadingFooterViewDetailLabelLeftInset: 16.0;
@mfzCommonSDKLoadingFooterViewDetailLabelRightInset: 16.0;
@mfzCommonSDKLoadingFooterViewDetailLabelHeight: 16.0;
@mfzCommonSDKLoadingFooterViewDetailTopOffset: 0.0;
myfiziq-capture-sdk-layouts.css
/*
// myfiziq-capture-sdk-layouts.css
//
// Copyright (c) 2018-2021 AH. All rights reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
*/
/* See InterfaCSS Github wiki to see style parameters for UIView elements */
/***************************************************************************************/
/* Sizes and Constraints */
/***************************************************************************************/
@mfzCaptureSDKNavCloseTopInset: 32.0;
@mfzCaptureSDKNavCloseTopInset-5p8-inch-device: 40.0;
@mfzCaptureSDKNavCloseTopInset-6p1-inch-device: @mfzCaptureSDKNavCloseTopInset-5p8-inch-device;
@mfzCaptureSDKNavCloseTopInset-6p5-inch-device: @mfzCaptureSDKNavCloseTopInset-5p8-inch-device;
@mfzCaptureSDKNavCloseWidth: 40.0;
@mfzCaptureSDKNavCloseHeight: 40.0;
@mfzCaptureSDKNavCloseRightInset: 20.0;
@mfzCaptureSDKNavHelpLeftInset: 20.0;
@mfzCaptureSDKNavHelpTopInset: 27.0;
@mfzCaptureSDKNavHelpTopInset-5p8-inch-device: 37.0;
@mfzCaptureSDKNavHelpTopInset-6p1-inch-device: @mfzCaptureSDKNavHelpTopInset-5p8-inch-device;
@mfzCaptureSDKNavHelpTopInset-6p5-inch-device: @mfzCaptureSDKNavHelpTopInset-5p8-inch-device;
@mfzCaptureSDKNavHelpWidth: 40.0;
@mfzCaptureSDKNavHelpHeight: 40.0;
/* Pose Error common: */
@mfzCaptureSDKErrTitleTopInset: 88.0;
@mfzCaptureSDKErrTitleTopInset-4-inch-device: 45.0;
@mfzCaptureSDKErrTitleMinHeight: 76.0;
@mfzCaptureSDKErrPadding: 26.0;
@mfzCaptureSDKErrButtonPadding: 8.0;
@mfzCaptureSDKErrButtonWidth: 250.0;
@mfzCaptureSDKErrButtonHeight: 45.0;
@mfzCaptureSDKInitTitleHeight: 40.0;
@mfzCaptureSDKInitSpinnerHeight: 50.0;
@mfzCaptureSDKAlignTitleTopInset: 35.0;
@mfzCaptureSDKAlignTitleTopInset-5p8-inch-device: 77.0;
@mfzCaptureSDKAlignTitleTopInset-6p1-inch-device: @mfzCaptureSDKAlignTitleTopInset-5p8-inch-device;
@mfzCaptureSDKAlignTitleTopInset-6p5-inch-device: @mfzCaptureSDKAlignTitleTopInset-5p8-inch-device;
@mfzCaptureSDKAlignTitleWidth: 305.0;
@mfzCaptureSDKAlignTitleHeight: 150.0;
@mfzCaptureSDKAlignCameraEnableOffset: 50.0;
@mfzCaptureSDKAlignLineWidth: 3.0;
@mfzCaptureSDKAlignRadius: 85.0;
@mfzCaptureSDKAlignRadius-4-inch-device: 75.0;
@mfzCaptureSDKAlignRadius: 85.0;
@mfzCaptureSDKAlignAimSwingConstraint: 100.0;
@mfzCaptureSDKPoseCountdownMinOriginX: 10.0;
@mfzCaptureSDKPoseCountdownMinOriginX-5p8-inch-device: 20.0;
@mfzCaptureSDKPoseCountdownMinOriginX-6p1-inch-device: @mfzCaptureSDKPoseCountdownMinOriginX-5p8-inch-device;
@mfzCaptureSDKPoseCountdownMinOriginX-6p5-inch-device: @mfzCaptureSDKPoseCountdownMinOriginX-5p8-inch-device;
@mfzCaptureSDKPoseCountdownMinOriginY: 0.0;
@mfzCaptureSDKPoseCountdownMinOriginY-5p8-inch-device: 70.0;
@mfzCaptureSDKPoseCountdownMinOriginY-6p1-inch-device: @mfzCaptureSDKPoseCountdownMinOriginY-5p8-inch-device;
@mfzCaptureSDKPoseCountdownMinOriginY-6p5-inch-device: @mfzCaptureSDKPoseCountdownMinOriginY-5p8-inch-device;
@mfzCaptureSDKPoseBannerHeight: 46;
@mfzCaptureSDKPoseTitleHeight: @mfzCaptureSDKPoseBannerHeight;
@mfzCaptureSDKPoseBannerHeight-5p8-inch-device: 80;
@mfzCaptureSDKPoseBannerHeight-6p1-inch-device: @mfzCaptureSDKPoseBannerHeight-5p8-inch-device;
@mfzCaptureSDKPoseBannerHeight-6p5-inch-device: @mfzCaptureSDKPoseBannerHeight-5p8-inch-device;
@mfzCaptureSDKInspectTitleTopInset: 88.0;
@mfzCaptureSDKInspectTitleTopInset-4-inch-device: 45.0;
@mfzCaptureSDKInspectTitleMinHeight: 115.0;
@mfzCaptureSDKInspectGuideLineWidth: @mfzCaptureSDKAlignLineWidth;
@mfzCaptureSDKInspectGuideTrackLineWidth: @mfzCaptureSDKInspectGuideLineWidth;
@mfzCaptureSDKInspectGuideCountdownLineWidth: @mfzCaptureSDKInspectGuideLineWidth;
@mfzCaptureSDKInspectGuideRadius: 80.0;
@mfzCaptureSDKInspectGuideHeight: 164.0;
@mfzCaptureSDKInspectRetryingHeight: 30.0;
@mfzCaptureSDKInspectRetryingTopInset: 5;
@mfzCaptureSDKInspectPadding: 8.0;
@mfzCaptureSDKInspectRealignTopPadding: @mfzCaptureSDKInspectPadding;
@mfzCaptureSDKInspectGuideTopPadding: 15;
@mfzCaptureSDKConfirmRetakeButtonVerticalStackBottomOffset: 20.0;
@mfzCaptureSDKConfirmRetakeButtonVerticalStackHeight: 50.0;
@mfzCaptureSDKConfirmRetakeButtonVerticalStackWidth: 255.0;
@mfzCaptureSDKConfirmButtonVerticalStackBottomOffset: -14.0;
@mfzCaptureSDKConfirmButtonVerticalStackHeight: 50.0;
@mfzCaptureSDKConfirmButtonVerticalStackWidth: 255.0;
@mfzCaptureSDKConfirmRetakeButtonHeight: 50.0;
@mfzCaptureSDKConfirmConfirmButtonHeight: 50.0;
@mfzCaptureSDKConfirmPadding: 5.0;
@mfzCaptureSDKConfirmButtonSepPadding: 16.0;
@mfzCaptureSDKConfirmButtonBottomOffset: 46.0;
@mfzCaptureSDKConfirmTextHeight: 100.0;
@mfzCaptureSDKConfirmHelpTitleHeight: 50.0;
@mfzCaptureSDKConfirmHelpBodyHeight: 70.0;
@mfzCaptureSDKConfirmHelpBodyHeight-4-inch-device: 95.0;
@mfzCaptureSDKConfirmHelpPadding: 20.0;
@mfzCaptureSDKConfirmHelpSugBorderWidth: 2.0;
@mfzCaptureSDKConfirmHelpSugHeight: 1.0;
@mfzCaptureSDKConfirmHelpOkButtonWidth: 290.0;
@mfzCaptureSDKConfirmHelpOkButtonHeight: 50.0;
@mfzCaptureSDKConfirmHelpOkButtonSafeAreaBottomInset: 0.0;
@mfzCaptureSDKSubmitTitleHeight: 40.0;
@mfzCaptureSDKSubmitProgressWidth: 200.0;
@mfzCaptureSDKSubmitProgressHeight: 4.0;
@mfzCaptureSDKSubmitProgressOffset: 12.0;
/***************************************************************************************/
/* Special Features */
/***************************************************************************************/
/* Status bar style, see UIStatusBarStyle for options. */
@mfzCaptureSDKViewStatusBarStyle: 1;
/* Countdown Timer tiem in seconds */
@mfzCaptureSDKPoseFrontCountdownPeriod: 10;
/* Number of retry attempts before support or forced termination. */
@mfzCaptureSDKInspectRetryLimit: 1;
/* The countdown period when the error screen appears. */
@mfzCaptureSDKInspectionErrorCountdownPeriod: 10;
/* Submit Retry Phase */
/* The number of times the submission should be reattempted
If value is changed to 0 or removed, 1 will be retried.
*/
@mfzCaptureSDKSubmitRetryAttemptsCount: 10;
/* The starting time of the interval; How soon after failure should the reattempt occur?
If value is changed to be less than 1.0 or removed, 1.0 will be used.
*/
@mfzCaptureSDKSubmitRetrySecondInterval: 1.0;
/* The multiplier of the starting time interval; How much should the submission interval multiply by for each failure?
eg.
- First attempt wait one second
- Second attempt wait (2 * 1.0)
- Third attempt wait (2 * 2.0)
- Fourth attempt wait (2 * 4.0)
- and so on
If value is changed to be less than 1.0 or removed, 1.0 will be used.
*/
@mfzCaptureSDKSubmitRetrySecondIntervalMultiplier: 2.0;
myfiziq-common-sdk-classes.css
/*
// myfiziq-common-sdk-classes.css
//
// Copyright (c) 2018-2021 AHI. All rights reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
*/
/***************************************************************************************/
/* Style Classes */
/***************************************************************************************/
.mfz-common-sdk-segmented-control {
/* UISegmentedControl */
cornerRadius: @mfzCommonSDKCornerRadiusSmall;
borderColor: @mfzCommonSDKSegmentControlBackgroundColor;
tintColor: @mfzCommonSDKColorWhite;
backgroundColor: @mfzCommonSDKSegmentControlBackgroundColor;
textColor(normal): @mfzCommonSDKSegmentControlTextColor;
textColor(selected): @mfzCommonSDKSegmentControlTextColorSelected;
}
.mfz-common-sdk-segmented-control-dark {
@extend .mfz-common-sdk-segmented-control;
/* UISegmentedControl */
borderColor: @mfzCommonSDKSegmentControlBackgroundColor-dark;
tintColor: @mfzCommonSDKColorWhite;
backgroundColor: @mfzCommonSDKSegmentControlBackgroundColor-dark;
textColor(normal): @mfzCommonSDKSegmentControlTextColor-dark;
textColor(selected): @mfzCommonSDKSegmentControlTextColorSelected-dark;
}
.mfz-common-sdk-alert-view-view {
/* UIView */
backgroundColor: @mfzCommonSDKAlertViewBackgroundColor;
cornerRadius: @mfzCommonSDKCornerRadiusLarge;
}
.mfz-common-sdk-alert-view-view-dark {
@extend .mfz-common-sdk-alert-view-view;
/* UIView */
backgroundColor: @mfzCommonSDKAlertViewBackgroundColor-dark;
}
.mfz-common-sdk-alert-view-title {
/* UILabel */
textColor: @mfzCommonSDKAlertTextColor;
font: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeBody;
textAlignment: center;
}
.mfz-common-sdk-alert-view-title-dark {
@extend .mfz-common-sdk-alert-view-title;
/* UILabel */
textColor: @mfzCommonSDKAlertTextColor;
}
.mfz-common-sdk-alert-view-body {
/* UILabel */
textColor: @mfzCommonSDKAlertTextColor;
font: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeFootnote;
textAlignment: center;
lineBreakMode: wordWrapping;
numberOfLines: 0;
}
.mfz-common-sdk-alert-view-body-dark {
@extend .mfz-common-sdk-alert-view-body;
/* UILabel */
textColor: @mfzCommonSDKAlertTextColor-dark;
}
.mfz-common-sdk-alert-view-norm-button {
/* UIButton */
cornerRadius: @mfzCommonSDKCornerRadiusLarge;
backgroundColor: @mfzCommonSDKAlertViewBackgroundColor;
titleColor: @mfzCommonSDKAlertButtonTextColorPrimary;
titleLabel.font: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeBody;
titleLabel.textAlignment: center;
titleEdgeInsets: insets(5,0,0,0);
}
.mfz-common-sdk-alert-view-norm-button-dark {
@extend .mfz-common-sdk-alert-view-norm-button;
/* UIButton */
backgroundColor: @mfzCommonSDKAlertViewBackgroundColor-dark;
titleColor: @mfzCommonSDKAlertButtonTextColorPrimary-dark;
}
.mfz-common-sdk-alert-view-high-button {
@extend .mfz-common-sdk-alert-view-norm-button;
/* UIButton */
titleLabel.font: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeBody;
}
.mfz-common-sdk-alert-view-high-button-dark {
@extend .mfz-common-sdk-alert-view-high-button;
/* UIButton */
backgroundColor: @mfzCommonSDKAlertViewBackgroundColor-dark;
titleColor: @mfzCommonSDKAlertButtonTextColorPrimary-dark;
}
.mfz-common-sdk-spinner-activity-view {
/* UIActivityIndicatorView */
backgroundColor: @mfzCommonSDKSpinnerActivityViewBackgroundColor;
color: @mfzCommonSDKSpinnerActivityViewTintColor;
}
.mfz-common-sdk-spinner-activity-view-dark {
/* UIActivityIndicatorView */
backgroundColor: @mfzCommonSDKSpinnerActivityViewBackgroundColor-dark;
color: @mfzCommonSDKSpinnerActivityViewTintColor-dark;
}
.mfz-common-sdk-mesh-view {
/* SCNView : UIView */
backgroundColor: @mfzCommonSDKMeshViewBackgroundColor;
borderColor: @mfzCommonSDKMeshViewBackgroundColor;
borderWidth: 0.5;
}
.mfz-common-sdk-mesh-view-dark {
@extend .mfz-common-sdk-mesh-view;
/* SCNView : UIView */
backgroundColor: @mfzCommonSDKMeshViewBackgroundColor-dark;
borderColor: @mfzCommonSDKMeshViewBackgroundColor-dark;
}
.mfz-common-sdk-mesh-view-frame {
/* UIView */
backgroundColor: @mfzCommonSDKMeshViewFrameColor;
borderColor: @mfzCommonSDKMeshViewFrameColor;
/* DON'T alter, as it fixes "ghost" border that shows on some Plus devices. */
borderWidth: 4.0;
}
.mfz-common-sdk-mesh-view-frame-dark {
@extend .mfz-common-sdk-mesh-view-frame;
/* UIView */
backgroundColor: @mfzCommonSDKMeshViewFrameColor-dark;
borderColor: @mfzCommonSDKMeshViewFrameColor-dark;
}
.mfz-common-sdk-standard-button {
/* UIButton */
cornerRadius: @mfzCommonSDKCornerRadiusLarge;
titleColor(normal): @mfzCommonSDKButtonTitleColor;
titleLabel.font: @mfzCommonSDKButtonFont;
titleLabel.lineBreakMode: wordWrapping;
titleLabel.numberOfLines: 0;
titleLabel.textAlignment: center;
alpha: 0.95;
}
.mfz-common-sdk-standard-button-dark {
@extend .mfz-common-sdk-standard-button;
/* UIButton */
titleColor(normal): @mfzCommonSDKButtonTitleColor-dark;
}
.mfz-common-picker-view {
/* UIView */
backgroundColor: @mfzCommonSDKPickerBackgroundColor;
}
.mfz-common-picker-view-dark {
@extend .mfz-common-picker-view;
/* UIView */
backgroundColor: @mfzCommonSDKPickerBackgroundColor-dark;
}
.mfz-common-picker-control-view {
/* UIControl */
backgroundColor: @mfzCommonSDKPickerBackgroundColor;
}
.mfz-common-picker-control-view-dark {
@extend .mfz-common-picker-control-view;
/* UIControl */
backgroundColor: @mfzCommonSDKPickerBackgroundColor-dark;
}
.mfz-common-picker-top-border {
/* UIView */
backgroundColor: @mfzCommonSDKPickerTopBorderColor;
}
.mfz-common-picker-top-border-dark {
@extend .mfz-common-picker-top-border;
/* UIView */
backgroundColor: @mfzCommonSDKPickerTopBorderColor-dark;
}
.mfz-common-picker-bottom-border {
/* UIView */
backgroundColor: @mfzCommonSDKPickerBottomBorderColor;
}
.mfz-common-picker-bottom-border-dark {
@extend .mfz-common-picker-bottom-border;
/* UIView */
backgroundColor: @mfzCommonSDKPickerBottomBorderColor-dark;
}
.mfz-common-input-view {
/* UIView */
backgroundColor: @mfzCommonSDKPickerBackgroundColor;
}
.mfz-common-input-view-dark {
@extend .mfz-common-input-view-dark;
/* UIView */
backgroundColor: @mfzCommonSDKPickerBackgroundColor-dark;
}
.mfz-common-accessory-view {
/* UIView */
backgroundColor: @mfzCommonSDKPickerBackgroundColor;
}
.mfz-common-accessory-view-dark {
@extend .mfz-common-accessory-view;
/* UIView */
backgroundColor: @mfzCommonSDKPickerBackgroundColor-dark;
}
.mfz-common-accessory-content-view {
/* UIView */
backgroundColor: @mfzCommonSDKPickerBackgroundColor;
}
.mfz-common-accessory-content-view-dark {
@extend .mfz-common-accessory-content-view;
/* UIView */
backgroundColor: @mfzCommonSDKPickerBackgroundColor-dark;
}
.mfz-common-accessory-view-dismiss-button {
/* UIButton */
titleLabel.font: @mfzCommonSDKPickerDismissButtonFont;
titleColor: @mfzCommonSDKAccessoryViewDismissButtonColor;
backgroundColor: @mfzCommonSDKPickerBackgroundColor;
}
.mfz-common-accessory-view-dismiss-button-dark {
@extend .mfz-common-accessory-view-dismiss-button;
/* UIButton */
titleColor: @mfzCommonSDKAccessoryViewDismissButtonColor-dark;
backgroundColor: @mfzCommonSDKPickerBackgroundColor-dark;
}
.mfz-common-sdk-collection-view {
/* UIView */
backgroundColor: @mfzCommonSDKCollectionViewCellCardBackgroundColor;
}
.mfz-common-sdk-collection-view-dark {
@extend .mfz-common-sdk-collection-view;
/* UIView */
backgroundColor: @mfzCommonSDKCollectionViewCellCardBackgroundColor-dark;
}
.mfz-common-sdk-collection-view-header-view {
/* UIReusableView */
backgroundColor: @mfzCommonSDKCollectionViewCellCardBackgroundColor;
}
.mfz-common-sdk-collection-view-header-view-dark {
@extend .mfz-common-sdk-collection-view-header-view;
/* UIReusableView */
backgroundColor: @mfzCommonSDKCollectionViewCellCardBackgroundColor-dark;
}
.mfz-common-sdk-collection-view-header-view-title-label {
/* UILabel */
font: @mfzCommonSDKCollectionViewGalleryHeaderViewTitleFont;
textColor: @mfzCommonSDKCollectionViewGalleryHeaderViewTitleTextColor;
}
.mfz-common-sdk-collection-view-header-view-title-label-dark {
@extend .mfz-common-sdk-collection-view-header-view-title-label;
/* UILabel */
textColor: @mfzCommonSDKCollectionViewGalleryHeaderViewTitleTextColor-dark;
}
.mfz-common-sdk-collection-view-card-view-cell {
/* UICollectionViewCell*/
backgroundColor: @mfzCommonSDKCollectionViewCellCardCellBackgroundColor;
}
.mfz-common-sdk-collection-view-card-view-cell-dark {
@extend .mfz-common-sdk-collection-view-card-view-cell;
/* UICollectionViewCell*/
backgroundColor: @mfzCommonSDKCollectionViewCellCardCellBackgroundColor-dark;
}
.mfz-common-sdk-collection-view-card-view-cell-container-view {
/* UIView */
backgroundColor: @mfzCommonSDKCollectionViewCellCardCellContainerViewBackgroundColor;
cornerRadius: @mfzCommonSDKCornerRadiusLarge;
}
.mfz-common-sdk-collection-view-card-view-cell-container-view-dark {
@extend .mfz-common-sdk-collection-view-card-view-cell-container-view;
/* UIView */
backgroundColor: @mfzCommonSDKCollectionViewCellCardCellContainerViewBackgroundColor-dark;
cornerRadius: @mfzCommonSDKCornerRadiusLarge;
}
.mfz-common-sdk-collection-view-card-view-cell-left-container-view {
/* UIView */
}
.mfz-common-sdk-collection-view-card-view-cell-left-container-view-dark {
@extend .mfz-common-sdk-collection-view-card-view-cell-left-container-view;
/* UIView */
}
.mfz-common-sdk-collection-view-card-view-cell-right-container-view {
/* UIView */
}
.mfz-common-sdk-collection-view-card-view-cell-right-container-view-dark {
@extend .mfz-common-sdk-collection-view-card-view-cell-right-container-view;
/* UIView */
}
.mfz-common-sdk-collection-view-card-view-cell-date-label {
/* UILabel */
font: @mfzCommonSDKCollectionViewCellCardDateFont;
textColor: @mfzCommonSDKCollectionViewCellCardDateTextColor;
}
.mfz-common-sdk-collection-view-card-view-cell-date-label-dark {
@extend .mfz-common-sdk-collection-view-card-view-cell-date-label;
/* UILabel */
textColor: @mfzCommonSDKCollectionViewCellCardDateTextColor-dark;
}
.mfz-common-sdk-collection-view-card-view-cell-primary-label {
/* UILabel */
font: @mfzCommonSDKCollectionViewCellCardPrimaryValueFont;
textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor;
}
.mfz-common-sdk-collection-view-card-view-cell-primary-label-dark {
@extend .mfz-common-sdk-collection-view-card-view-cell-primary-label;
/* UILabel */
textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor-dark;
}
.mfz-common-sdk-collection-view-card-view-cell-category-container-view {
/* UIView */
cornerRadius: @mfzCommonSDKCornerRadiusSmall;
}
.mfz-common-sdk-collection-view-card-view-cell-category-container-view-dark {
@extend .mfz-common-sdk-collection-view-card-view-cell-category-container-view;
}
.mfz-common-sdk-collection-view-card-view-cell-category-label {
/* UILabel */
font: @mfzCommonSDKCollectionViewCellCardCategoryFont;
textColor: @mfzCommonSDKCollectionViewCellCardCategoryTextColor;
}
.mfz-common-sdk-collection-view-card-view-cell-category-label-dark {
@extend .mfz-common-sdk-collection-view-card-view-cell-category-label;
/* UILabel */
textColor: @mfzCommonSDKCollectionViewCellCardCategoryTextColor-dark;
}
.mfz-common-sdk-collection-view-card-view-cell-weight-label {
/* UILabel */
font: @mfzCommonSDKCollectionViewCellCardSecondaryFont;
textColor: @mfzCommonSDKCollectionViewCellCardSecondaryTextColor;
}
.mfz-common-sdk-collection-view-card-view-cell-weight-label-dark {
@extend .mfz-common-sdk-collection-view-card-view-cell-weight-label;
/* UILabel */
textColor: @mfzCommonSDKCollectionViewCellCardSecondaryTextColor-dark;
}
.mfz-common-sdk-collection-view-card-view-cell-height-label {
@extend .mfz-common-sdk-collection-view-card-view-cell-weight-label;
/* UILabel */
}
.mfz-common-sdk-collection-view-card-view-cell-height-label-dark {
@extend .mfz-common-sdk-collection-view-card-view-cell-weight-label-dark;
/* UILabel */
}
.mfz-common-sdk-title-value-view-title-label {
/* UILabel */
font: @mfzCommonSDKCollectionViewCellCardTableMeasurementTitleFont;
textColor: @mfzCommonSDKCollectionViewCellCardTableMeasurementTitleTextColor;
}
.mfz-common-sdk-title-value-view-title-label-dark {
@extend .mfz-common-sdk-title-value-view-title-label;
/* UILabel */
textColor: @mfzCommonSDKCollectionViewCellCardTableMeasurementTitleTextColor-dark;
}
.mfz-common-sdk-title-value-view-value-label {
/* UILabel */
font: @mfzCommonSDKCollectionViewCellCardTableMeasurementValueFont;
textColor: @mfzCommonSDKCollectionViewCellCardTableMeasurementValueTextColor;
}
.mfz-common-sdk-title-value-view-value-label-dark {
@extend .mfz-common-sdk-title-value-view-value-label;
/* UILabel */
textColor: @mfzCommonSDKCollectionViewCellCardTableMeasurementValueTextColor-dark;
}
.mfz-common-sdk-collection-view-cell-loading-title-label {
/* UILabel */
font: @mfzCommonSDKCollectionViewCellCardLoadingTitleLabelFont;
textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor;
textAlignment: center;
}
.mfz-common-sdk-collection-view-cell-loading-title-label-dark {
@extend .mfz-common-sdk-collection-view-cell-loading-title-label;
/* UILabel */
textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor-dark;
}
.mfz-common-sdk-collection-view-cell-loading-detail-label {
/* UILabel */
font: @mfzCommonSDKCollectionViewCellCardLoadingTitleLabelFont;
textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor;
textAlignment: center;
}
.mfz-common-sdk-collection-view-cell-loading-detail-label-dark {
@extend .mfz-common-sdk-collection-view-cell-loading-detail-label;
/* UILabel */
textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor;
}
.mfz-common-sdk-collection-view-cell-loading-footer-container-view {
/* UIView */
backgroundColor: @mfzCommonSDKColorTransparent;
}
.mfz-common-sdk-collection-view-cell-loading-footer-container-view-dark {
@extend .mfz-common-sdk-collection-view-cell-loading-footer-container-view;
/* UIView */
}
.mfz-common-sdk-collection-view-cell-loading-footer-title-label {
/* UILabel */
font: @mfzCommonSDKCollectionViewCellCardLoadingTitleLabelFont;
textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor;
textAlignment: center;
}
.mfz-common-sdk-collection-view-cell-loading-footer-title-label-dark {
@extend .mfz-common-sdk-collection-view-cell-loading-footer-title-label;
/* UILabel */
textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor-dark;
}
.mfz-common-sdk-collection-view-cell-loading-footer-detail-label {
/* UILabel */
font: @mfzCommonSDKCollectionViewCellCardLoadingTitleLabelFont;
textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor;
textAlignment: center;
}
.mfz-common-sdk-collection-view-cell-loading-footer-detail-label-dark {
@extend .mfz-common-sdk-collection-view-cell-loading-footer-detail-label;
/* UILabel */
textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor-dark;
}
myfiziq-capture-sdk-classes.css
/*
// myfiziq-capture-sdk-classes.css
//
// Copyright (c) 2018-2021 AHI. All rights reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
*/
/* See InterfaCSS Github wiki to see style parameters for UIView elements */
/** The Capture (aka Core) SDK does not have dark mode styling - it can be applied should partners wish to customise in their own CSS file,
however, our default product is a static, single styled offering.
*/
/***************************************************************************************/
/* Style Classes */
/***************************************************************************************/
.mfz-capture-sdk-label {
/* UILabel */
textAlignment: center;
lineBreakMode: wordWrapping;
numberOfLines: 0;
textColor: @mfzCaptureSDKColorBase;
}
.mfz-capture-sdk-pose-error-realign-button {
/* UIButton */
cornerRadius: 4.0;
backgroundColor: @mfzCaptureSDKButtonBackgroundColor;
titleColor: @mfzCaptureSDKFeatureColor;
titleLabel.font: @mfzCaptureSDKButtonFont;
titleLabel.textAlignment: center;
}
.mfz-capture-sdk-pose-error-exit-button {
/* UIButton */
cornerRadius: 4.0;
borderWidth: 2.0;
borderColor: @mfzCaptureSDKColorBase;
backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
titleColor: @mfzCaptureSDKColorBase;
titleLabel.font: @mfzCaptureSDKButtonFont;
titleLabel.textAlignment: center;
}
/* Connecting Phase: */
.mfz-capture-sdk-connecting-view {
/* UIView */
backgroundColor: @mfzCaptureSDKViewBackgroundColor;
}
.mfz-capture-sdk-connecting-titlelabel {
@extend .mfz-capture-sdk-label;
/* UILabel */
font: @mfzCaptureSDKTitleFont;
}
.mfz-capture-sdk-init-view {
/* UIView */
backgroundColor: @mfzCaptureSDKColorBaseDark;
}
.mfz-capture-sdk-init-label {
@extend .mfz-capture-sdk-label;
/* UILabel */
font: @mfzCaptureSDKTitleFont;
}
.mfz-capture-sdk-init-closebutton {
/* UIButton */
backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}
.mfz-capture-sdk-init-helpbutton {
/* UIButton */
backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}
.mfz-capture-sdk-align-view {
/* UIView */
backgroundColor: @mfzCaptureSDKAlignViewBackgroundColor;
}
.mfz-capture-sdk-align-closebutton {
/* UIButton */
backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}
.mfz-capture-sdk-align-helpbutton {
/* UIButton */
backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}
.mfz-capture-sdk-align-titlelabel {
@extend .mfz-capture-sdk-label;
/* UILabel - uses attributed text for styling */
}
.mfz-capture-sdk-align-countdownlabel {
@extend .mfz-capture-sdk-label;
/* UILabel */
hidden: NO;
}
.mfz-capture-sdk-pose-orientationerr-view {
/* UIView */
backgroundColor: @mfzCaptureSDKViewBackgroundColor;
}
.mfz-capture-sdk-pose-orientationerr-label {
@extend .mfz-capture-sdk-label;
/* UILabel - uses attributed text for styling */
}
.mfz-capture-sdk-pose-view {
/* UIView */
backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}
.mfz-capture-sdk-pose-banner {
/* UIView */
backgroundColor: @mfzCaptureSDKViewBackgroundColor;
}
.mfz-capture-sdk-pose-title {
@extend .mfz-capture-sdk-label;
/* UILabel */
}
.mfz-capture-sdk-pose-error-view {
/* UIView */
backgroundColor: @mfzCaptureSDKFeatureColor;
}
.mfz-capture-sdk-pose-error-title {
@extend .mfz-capture-sdk-label;
/* UILabel */
font: @mfzCaptureSDKErrorTitleFont;
}
.mfz-capture-sdk-inspection-error-view {
/* UIView */
backgroundColor: @mfzCaptureSDKInspectionErrorBackgroundColor;
}
.mfz-capture-sdk-inspection-error-title {
@extend .mfz-capture-sdk-label;
/* UILabel */
font: @mfzCaptureSDKErrorTitleFont;
}
.mfz-capture-sdk-inspection-error-title-4-inch-device {
@extend .mfz-capture-sdk-label;
/* UILabel */
font: @mfzCaptureSDKErrorTitleFontSmallDevice;
}
.mfz-capture-sdk-inspection-error-body {
@extend .mfz-capture-sdk-label;
/* UILabel */
font: @mfzCaptureSDKBodyFont;
}
.mfz-capture-sdk-inspection-error-retrying {
@extend .mfz-capture-sdk-label;
/* UILabel */
font: @mfzCaptureSDKBodyBoldFont;
}
.mfz-capture-sdk-inspection-error-countdown-label {
@extend .mfz-capture-sdk-label;
/* UILabel */
font: @mfzCaptureSDKCountdownFont;
}
.mfz-capture-sdk-inspection-error-realign-button {
/* UIButton */
cornerRadius: 4.0;
backgroundColor: @mfzCaptureSDKButtonBackgroundColor;
titleColor: @mfzCaptureSDKFeatureColor;
titleLabel.font: @mfzCaptureSDKButtonFont;
titleLabel.textAlignment: center;
}
.mfz-capture-sdk-inspection-error-exit-button {
/* UIButton */
cornerRadius: 4.0;
borderWidth: 2.0;
borderColor: @mfzCaptureSDKColorBase;
backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
titleColor: @mfzCaptureSDKColorBase;
titleLabel.font: @mfzCaptureSDKButtonFont;
titleLabel.textAlignment: center;
}
.mfz-capture-sdk-inspection-error-support-button {
/* UIButton */
backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
titleColor: @mfzCaptureSDKColorBase;
titleLabel.textAlignment: center;
}
.mfz-capture-sdk-confirm-view {
/* UIView */
backgroundColor: @mfzCaptureSDKViewBackgroundColor;
}
.mfz-capture-sdk-confirm-closebutton {
/* UIButton */
backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}
.mfz-capture-sdk-confirm-helpbutton {
/* UIButton */
backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}
.mfz-capture-sdk-confirm-textlabel {
@extend .mfz-capture-sdk-label;
/* UILabel */
font: @mfzCaptureSDKBodyFont;
}
.mfz-capture-sdk-retake-images-button {
@extend .mfz-common-sdk-standard-button;
/* UIButton */
backgroundColor: @mfzCaptureSDKTryAgainButtonBackgroundColor;
titleLabel.font: @mfzCaptureSDKBodyFont;
}
.mfz-capture-sdk-confirm-help-view {
/* UIView */
backgroundColor: @mfzCaptureSDKViewBackgroundColor;
}
.mfz-capture-sdk-pose-confirm-help-title {
@extend .mfz-capture-sdk-label;
/* UILabel */
font: @mfzCaptureSDKTitleFont;
}
.mfz-capture-sdk-pose-confirm-help-body {
@extend .mfz-capture-sdk-label;
/* UILabel */
font: @mfzCaptureSDKBodyBoldFont;
}
.mfz-capture-sdk-pose-confirm-help-body-4-inch-device {
@extend .mfz-capture-sdk-label;
/* UILabel */
font: @mfzCaptureSDKBodyFontSmallDevice;
}
.mfz-capture-sdk-pose-confirm-help-image {
/* UIImageView */
backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}
.mfz-capture-sdk-pose-confirm-help-sug-topborder {
/* UIView */
backgroundColor: @mfzCaptureSDKFeatureColor;
hidden: YES;
}
.mfz-capture-sdk-pose-confirm-help-sug-bottomborder {
/* UIView */
backgroundColor: @mfzCaptureSDKFeatureColor;
hidden: YES;
}
.mfz-capture-sdk-pose-confirm-help-suggestion {
@extend .mfz-capture-sdk-label;
/* UILabel */
textColor: @mfzCaptureSDKFeatureColor;
font: @mfzCaptureSDKBodyFont;
hidden: YES;
}
.mfzCaptureSDKConfirmRetakePractise-mfz-capture-sdk-retake-images-button {
@extend .mfz-capture-sdk-retake-images-button;
/* UILabel */
hidden: YES;
}
.mfz-capture-sdk-submit-view {
/* UIView */
backgroundColor: @mfzCaptureSDKViewBackgroundColor;
}
.mfz-capture-sdk-submit-label {
@extend .mfz-capture-sdk-label;
/* UILabel */
font: @mfzCaptureSDKTitleFont;
}
.mfz-capture-sdk-submit-progress {
/* UIProgressView */
progressTintColor: @mfzCaptureSDKFeatureColor;
trackTintColor: @mfzCaptureSDKSubmitRailTintColor;
}