Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Tag: SASS (115)

hi I'm very interested in purchasing your template metronic,i want to know if i can purchase the Laravel version only to develop one SaaS application where users pay for subscription and get all servicesin this case which license should i buy ?
Hello, after getting this template, I want to use some of its features in my own project. I am using html, css, js, jquery, bootstrap4 with ruby ​​language in my project 1) Can I use only html, css3 and js and features in html demo without scss files?2) If so, how do the files arrive when pu...
Bootstrap has the following css style that covers both readonly and disabled inputs.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1;}but metronic only implements the disabled CSS and not the readonly one, when it reall...
Hello, i want to ovveride the .container-xxl max width and make it as the demo1 full width of the screen @media (min-width: 1400px).container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px;}where can i find this part in the saas...
Hello, I have Metronic setup correctly and I see this css style in \components\helpers\_text.scss:i { &.bi, &[class^="fonticon-"], &[class*=" fonticon-"], &[class^="fa-"], &[class*=" fa-"], &[class^="la-"], &[class*=" la-"] { line-height: 1; fon...
Hi, we bought one of your template (good-react-bootstrap-5-admin-dashboard-theme),it is written in typescript and scss, we're having issue on scss when we integrate it on meteorJS, just want to ask if we can have also css instead of scss.
I have demo 2 up and running. I cannot toggle the dark theme by adding "dark-mode" to the body's class list.I've also tried to load both styles (dark and light) in App.vue. At first it seems like that this works but this also seems to break a lot of things.What would be the recommended way o...
Hello,I want to work on a big modification to Metronik, and I modified the defaults through variables and it was done very easily.But when I add new elements or delete existing elements in $theme-colors, I did not get correct results.For example, I want to delete the elements info, light...
The variable "$custom-sizes" in _variables.scss file has only the following percentage values: 25%, 50%, 75% and 100%.I would like to add new missing values, for example: 5%, 10%, 15%...I created a new variable "$custom-sizes" add only the desired values in _variables.custom.scss, not overwritin...
Hello, I'm using Vue version of Metronic 8.1.6 and am trying to add sweetalert2 to my app. It works but its native CSS is missed, so alerts are not styled.I see there is a file \src\assets\sass\core\vendors\plugins\_sweetalert2.scss but apparently it's not globally enabled.The question is: w...
I use React version of the thme and I want to switch to rt, I followed tips here but not all the website is rtl now, side menu still in the left and the link does not seem updated The Link, I also read this
I followed the guidance to update the theme colors using the variables file. $primary: if(isDarkMode(), #1C108F, #32279A) !default; However, I have elected to use the dark theme and deployed it successfully, yet the theme color changes, show up when I run re-run GULP on the light version, bu...
Is overriding CSS variables in an additional stylesheet a suitable way to customise Metronic or do I need to modify SASS variables for a change to be applied to all components and 3rd party plugins? Any details you can provide about the limitations of modifying the CSS variables would be welcome....
Hi,I've just downloaded a copy of Metronic 8 (Demo 1). I've got it running on localhost and I'm successfully able to modify some variables in the _variables_custom.scss file.But when I try to switch to Dark Mode using the switch in the top right of the UI, the switch doens'...
HiIs there way to make angular version working with multi languages (rtl-ltr) dynamically , in the same project, because in the angular documentation you can use one direction only ?Thanks
I am attempting to use alerts as defined in this section of the documentationhttps://preview.keenthemes.com/metronic8/demo1/documentation/base/alerts.htmlWhen I attempt to apply this markup in my page, the alert box does adopt the correct color, but the icon does not render and the text is n...
Hi,I have updated Angular to version 16 and now I have this error when running the serverUndefined variable. ╷88 │ --#{$prefix}tooltip-box-shadow: #{$tooltip-box-shadow-dark}; │ ^^^^^^^^^^^^^^^^^^^^^^^^ ╵Undefined variable. ╷...
Is there a specific .scss file in this whole bundle where you'd suggest we just add our custom CSS rules?If not, how do you suggest we go about adding a custom.scss file and having it compiled into the bundle.css?
Hello, I am using Laravel version, how to switch Sweetalert2 notification from light mode to dark mode. Btw, I am using LivewireAlert package. https://github.com/jantinnerezo/livewire-alertThanks.
I replaced the metronioc url with my own api url but i am navigating to dashboard.Can anyone help me i have two fields for login ....username and password
can anyone guide me how i close side drawer on navigation select because its not working when i click on navigations. i have also attached screenshot. thanks
I have an issue with the KT Drawer settings for the menu within the top bar of the template.When data-kt-drawer="true", the items do not display, but if I set to false, the items display.I am not sure if it's because I brought this over from DEMO 1 into DEMO 8, but I don't see w...