a generator to move the styles to app

This commit is contained in:
Torsten 2023-01-26 22:41:24 +02:00
parent 75915b3fe2
commit 924eb6317c
10 changed files with 89 additions and 30 deletions

View File

@ -1,19 +1,2 @@
@import "./tailwind_base.css";
@import "./merged/tailwind_styles.css";
@layer components {
.button {
@apply inline-block rounded-lg px-3 py-2 text-base font-medium border border-gray-500 hover:border-black;
}
.change {
@apply bg-cyan-200;
}
.remove {
@apply bg-red-200;
}
.action {
@apply bg-green-200;
}
}
@import "./merged_tailwind_styles.css";

View File

@ -2059,16 +2059,16 @@ select {
border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-slate-400 {
--tw-border-opacity: 1;
border-color: rgb(148 163 184 / var(--tw-border-opacity));
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-green-500 {
--tw-border-opacity: 1;
border-color: rgb(34 197 94 / var(--tw-border-opacity));

View File

@ -1,6 +0,0 @@
.prose {
max-width: 100%;
color: inherit;
--tw-prose-bullets: #6b7280;
--tw-prose-headings: inherit;
}

View File

@ -0,0 +1,21 @@
.prose {
max-width: 100%;
color: inherit;
--tw-prose-bullets: #6b7280;
--tw-prose-headings: inherit;
}
@layer components {
.button {
@apply inline-block rounded-lg px-3 py-2 text-base font-medium border border-gray-500 hover:border-black;
}
.change {
@apply bg-cyan-200;
}
.remove {
@apply bg-red-200;
}
.action {
@apply bg-green-200;
}
}

View File

@ -0,0 +1,13 @@
Description:
Install merged, create dirs, copy initial empty data
NOT done
Example:
bin/rails generate merged:install
This will create:
/merged directory for your data
/merged/*yml empty data files
/app/assets/images/cms for your images
/app/assets/stylesheets/merged/tailwind_extra.css

View File

@ -0,0 +1,9 @@
require "rails/generators"
module Merged
module Generators
class InstallGenerator < Rails::Generators::Base
source_root File.expand_path("templates", __dir__)
end
end
end

View File

@ -0,0 +1,16 @@
Description:
Update an existing installation
Basically copy the merged tailwind stylesheet over to the app.
To use in a tailwind app you must split out the
@tailwind base;
@tailwind components;
@tailwind utilities;
into it's own file, and have the main entry point only include
the base, this merged file and your own. (Because sprockets etc is not
available and the tailwind cli only supports top level includes)
Example:
bin/rails generate merged:update
This will overwrite:
/app/assets/stylesheets/merged/tailwind_extra.css

View File

@ -0,0 +1,11 @@
require 'rails/generators/base'
module Merged
class UpdateGenerator < Rails::Generators::Base
source_root File.expand_path("../../../../app/assets/stylesheets", __dir__)
def update
copy_file "merged_tailwind_styles.css", "app/assets/stylesheets/merged_tailwind_styles.css"
end
end
end

View File

@ -1,8 +1,18 @@
require "merged/version"
require "merged/engine"
require "generators/install/install_generator"
require "generators/merged/update/update_generator"
module Merged
# Directory inside the app/assets/images
mattr_accessor :image_path
@@image_path = "cms"
# directory in root to store data
mattr_accessor :data_path
@@image_path = "merged"
def self.load_data
# pre-load data
[OptionDefinition, CardStyle, SectionStyle , PageStyle,

View File

@ -9,8 +9,10 @@ require "merged/shared_helper"
module Merged
class Engine < ::Rails::Engine
isolate_namespace Merged
config.merged = Merged
initializer "merged.assets.precompile" do |app|
app.config.assets.precompile += %w( merged/merged.css
app.config.assets.precompile += %w( merged/merged.css
merged/home merged/merged_logo)
add_image_assets(app.config , "section_preview")
add_image_assets(app.config , "card_preview")