i am using a controller popup launching like this async openNwInsights(){ const modal = await this.modalCtl.create({ component: ExplainNetworthComponent }) modal.present(); const { data, role } = await modal.onWillDismiss(); } the HTML for this component is like this <ion-header> <ion-toolbar> <ion-buttons…
I am working on design system in SCSS and struggling to setup themes. I have so far achieved a lot with help of one answer on this platform but need some further assistance. I have created a mixin for theme…
So i have a problem ai can't seem to fix nor i can find a solution.. I am making a project using react, sass and laravel with docker and docker won't serve my laravel online.. It keeps infinitely loading and…
I have an SCSS map for my theme colours that looks like this: $theme-colours: ( dark: ( primary: ( light: #32303b, base: #32303b, dark: #32303b, ), secondary: ( light: #201f26, base: #201f26, dark: #201f26, ), ), light: ( primary: (…
<div class="container-header"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarTogglerDemo01"> <a class="navbar-brand" [routerLink]="['/home']" routerLinkActive="active"> <img src="/assets/images/Logo.png" class="img-logo"> </a> <ul class="navbar-nav mr-auto mt-2 mt-lg-0"> <li class="nav-item active"> <a…
//Approach 1: dynamicWidthClass = computed(()=>{ if (window.innerWidth > 992 && window.innerWidth <= 1284) { return "pl-25"; } else if (window.innerWidth > 1284 && window.innerWidth <= 1828) { return "pl-18"; } else if (window.innerWidth < 992 || window.innerWidth >= 1920) {…
Someone use my CSS library in SCSS, and it gives this error, when I use round(). jquery.terminal.css:850:22": argument $number of round($number) must be a number According to MDN round is in baseline https://developer.mozilla.org/en-US/docs/Web/CSS/round So how I'm supposed to make a…
I have found everything related to angular material theming, however, it's not the case. After Angular 16 upgrade to Angular 17 I cannot import some styles from a specific node_module. HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js): Can't find stylesheet to…
Let's say I have the following parent classes: .TestPageA, .TestPageB, .TestPageC. My question is, how can I ignore the padding padding: 50px 0 44px 0; under subComponent just for .TestPageB class. So if it's .TestPageA or .TestPageC it can have…
Using Bootstrap theme in wordpress called BScore and css compiled by scss I have a file called: _bscore_variables.scss which allows me to override the bootstrap theme variables. So for example I set the color variables: $gray-100: #f8f9fa; $gray-200: #e9ecef; $gray-300:…