Contrib.social

Switch from the old View Modes Inventory (VMI)'s variables to the Card naming convention following Varbase SDC Cards components

Open on Drupal.org →
Created on 17 July 2023, 12 months ago
Updated 10 September 2023, 10 months ago

Problem/Motivation

Proposed resolution

Follow with 📌 Add Card styling for Card Border, Anchor All, Card Size and Equal height variations Fixed
Change to Card naming convention in SCSS variables in Vartheme custom variables

  • Card's default h3 title font size.
  • Overlay Card default styles.
  • Hero Card default styles.

The _vartheme-variables.scss in Vartheme BS5 starterkit theme which matches the same name of file in Varbase Components

Both have the same custom Vartheme custom variables and the same file name.

// Vartheme custom variables
// -----------------------------------------------------------------------------

// Card's default h3 title font size.
$card-xlarge-title-font-size: 2rem;
$card-large-title-font-size: 1.8rem;
$card-medium-title-font-size: 1.4rem;
$card-small-title-font-size: 1.4rem;
$card-xsmall-title-font-size: 1.2rem;

// Overlay Card default styles.
$overlay-card-title-color: #fff;
$overlay-card-xlarge-title-font-size: 4rem;
$overlay-card-content-color: #fff;
$overlay-card-content-stop1-location: 65%;
$overlay-card-content-stop1-color: transparent;
$overlay-card-content-stop2-location: 105%;
$overlay-card-content-stop2-color: #000;
$overlay-card-content-hover-opacity: 0.9;

// Hero Card default styles.
$hero-card-title-color: #fff;
$hero-card-xlarge-title-font-size: 3rem;
$hero-card-content-hover-opacity: 0.7;
$hero-card-content-background-color1: rgb(0,0,0);
$hero-card-content-background-color2: rgba(0,0,0,0.7);

Remaining tasks

  • ✅ File an issue about this project
  • ✅ Addition/Change/Update/Fix to this project
  • ✅ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ✅ Accessibility and Readability
  • ✅ Code review from 1 Varbase core team member
  • ✅ Full testing and approval
  • ✅ Credit contributors
  • ✅ Review with the product owner
  • ✅ Update Release Notes and Update Helper on new feature change/addition
  • ✅ Release Varbase 10.0.0-beta1 → , vartheme_bs5-3.0.0-alpha10 →

Varbase update type

  • ✅ No Update
  • ➖ Optional Update
  • ➖ Forced Update
  • ➖ Forced Update if Unchanged

User interface changes

  • N/A

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Issue #3374946 → : Switched from the old View Modes Inventory (VMI)'s variables to the Card naming convention following Varbase SDC Cards components
📌 Task
Status

Fixed

Version

3.0

Component

Code

Created by

🇯🇴Jordan Rajab Natshah Jordan

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.69.0 2024