FeenixMakers/merged
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

move colored buttons from ruby to tailwind/html

Browse Source
This commit is contained in:
Torsten
2023-01-21 19:30:32 +02:00
parent 84fef50e16
commit 15dd0bb557
8 changed files with 50 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
app/assets/stylesheets/merged/merged.css
View File

@ -1283,12 +1283,11 @@ select {
}
.button {
margin-right: 0.75rem;
display: inline-block;
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(107 114 128 / var(--tw-border-opacity));
border-color: rgb(75 85 99 / var(--tw-border-opacity));
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.5rem;
@ -1298,6 +1297,10 @@ select {
font-weight: 500;
}
.button:hover {
border-width: 2px;
}
.change {
--tw-bg-opacity: 1;
background-color: rgb(165 243 252 / var(--tw-bg-opacity));
@ -1605,6 +1608,10 @@ select {
margin-top: 5rem;
}
.mr-4 {
margin-right: 1rem;
}
.block {
display: block;
}
@ -2075,21 +2082,6 @@ select {
border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.bg-cyan-200 {
--tw-bg-opacity: 1;
background-color: rgb(165 243 252 / var(--tw-bg-opacity));
}
.bg-red-300 {
--tw-bg-opacity: 1;
background-color: rgb(252 165 165 / var(--tw-bg-opacity));
}
.bg-green-200 {
--tw-bg-opacity: 1;
background-color: rgb(187 247 208 / var(--tw-bg-opacity));
}
.bg-red-100 {
--tw-bg-opacity: 1;
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
@ -2214,10 +2206,20 @@ select {
background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.bg-cyan-200 {
--tw-bg-opacity: 1;
background-color: rgb(165 243 252 / var(--tw-bg-opacity));
}
.bg-transparent {
background-color: transparent;
}
.bg-green-200 {
--tw-bg-opacity: 1;
background-color: rgb(187 247 208 / var(--tw-bg-opacity));
}
.bg-blue-200 {
--tw-bg-opacity: 1;
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
@ -2694,14 +2696,6 @@ select {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-2:hover {
border-width: 2px;
}
.hover\:border-4:hover {
border-width: 4px;
}
.hover\:bg-red-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(254 242 242 / var(--tw-bg-opacity));