flowtitude

<?php
/**
 * Block Converter.
 * Convert HTML to Gutenberg Blocks.
 *
 * @package Tyme\BlockConverter
 */

namespace Tyme;

flowtitude

/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
	:root { 
	--ft-text-xs: clamp(0.69rem, calc(-0.087vw + 0.7096rem), 0.64rem );
	--ft-text-sm: clamp(0.83rem, calc(-0.0522vw + 0.8417rem), 0.8rem );
	--ft-text-base: clamp(1rem, calc(0vw + 1rem), 1rem );
	--ft-text-lg: clamp(1.2rem, calc(0.087vw + 1.1804rem), 1.25rem );
	--ft-text-xl: clamp(1.44rem, calc(0.2087vw + 1.393rem), 1.56rem );
	--ft-text-2xl: clamp(1.73rem, calc(0.3826vw + 1.6439rem), 1.95rem );
	--ft-text-3xl: clamp(2.07rem, calc(0.6435vw + 1.9252rem), 2.44rem );

flowtitude

/**
 * @type {import('lodash').merge}
 */
const _merge = require('lodash.merge');
/**
 * The Tailwind CSS configuration required by the SIUL plugin.
 *
 * @type {import('tailwindcss').Config} 
 */
let siul = {};

flowtitude

{
	"Font size":[
	   "text-xs",
	   "text-sm",
	   "text-base",
	   "text-lg",
	   "text-xl",
	   "text-2xl",
	   "text-3xl",
	   "text-4xl",

flowtitude

{
  "id": "37ff8d",
  "name": "Tailwind",
  "colors": [
    {
      "hex": "#f8fafc",
      "id": "f8fafc",
      "name": "Slate 50"
    },
    {

flowtitude

function cssVars({ addUtilities, theme }) {
  function extractVars(obj, group = '', prefix) {
	return Object.keys(obj).reduce((vars, key) => {
	  const value = obj[key];
      key = key.replaceAll('.', '_').replaceAll('/', '__');

	  const cssVariable = key === "DEFAULT" ? `--${prefix}${group}` : `--${prefix}${group}-${key}`;

	  const newVars =
		typeof value === 'string'

flowtitude

.content-grid {
        display: grid !important;
        min-width: 100%;
        grid-template-columns: [full-start] 1fr [wide-start] 8rem [content-start] 80rem [content-end] 8rem [wide-end] 1fr [full-end];
    }
// adaptar el tamaño de las columnas segun tu criterio.

    @media screen and (max-width: 1000px) { //modifica el valor según necesites para dispositivos móviles
        .content-grid {
            grid-template-columns: 1rem 1fr 1rem;