Styling: theme view buttons

This commit is contained in:
Pieter Vander Vennet 2023-04-24 02:27:55 +02:00
parent c9697b7ffb
commit 652d617583
8 changed files with 160 additions and 80 deletions

View file

@ -787,14 +787,14 @@ video {
margin: 0.5rem;
}
.m-4 {
margin: 1rem;
}
.m-1 {
margin: 0.25rem;
}
.m-4 {
margin: 1rem;
}
.m-6 {
margin: 1.5rem;
}
@ -803,16 +803,16 @@ video {
margin: 1px;
}
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
@ -833,10 +833,6 @@ video {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mr-2 {
margin-right: 0.5rem;
}
@ -857,18 +853,30 @@ video {
margin-top: 1.5rem;
}
.mt-2 {
margin-top: 0.5rem;
.mr-0\.5 {
margin-right: 0.125rem;
}
.ml-2 {
margin-left: 0.5rem;
.mr-0 {
margin-right: 0px;
}
.mr-1 {
margin-right: 0.25rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.ml-4 {
margin-left: 1rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mb-24 {
margin-bottom: 6rem;
}
@ -877,6 +885,10 @@ video {
margin-left: 0.25rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
@ -889,10 +901,6 @@ video {
margin-bottom: 2.5rem;
}
.mr-1 {
margin-right: 0.25rem;
}
.mt-0 {
margin-top: 0px;
}
@ -917,10 +925,6 @@ video {
margin-bottom: 0.25rem;
}
.mr-0 {
margin-right: 0px;
}
.-ml-6 {
margin-left: -1.5rem;
}
@ -1025,6 +1029,12 @@ video {
height: 0.75rem;
}
.h-fit {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.h-11 {
height: 2.75rem;
}
@ -1331,26 +1341,26 @@ video {
word-break: break-all;
}
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-lg {
border-radius: 0.5rem;
.rounded {
border-radius: 0.25rem;
}
.rounded-3xl {
border-radius: 1.5rem;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-md {
border-radius: 0.375rem;
}
@ -1505,10 +1515,6 @@ video {
padding: 0.5rem;
}
.p-3 {
padding: 0.75rem;
}
.p-0\.5 {
padding: 0.125rem;
}
@ -1517,6 +1523,10 @@ video {
padding: 0px;
}
.p-3 {
padding: 0.75rem;
}
.p-8 {
padding: 2rem;
}
@ -2282,16 +2292,35 @@ input {
color: var(--unsubtle-detail-color-contrast);
}
@media (max-width: 320px) {
.max-\[320px\]\:w-full {
width: 100%;
}
}
@media (min-width: 640px) {
.sm\:m-2 {
margin: 0.5rem;
}
.sm\:m-6 {
margin: 1.5rem;
}
.sm\:mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.sm\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.sm\:mr-1 {
margin-right: 0.25rem;
}
.sm\:mt-5 {
margin-top: 1.25rem;
}
@ -2308,10 +2337,23 @@ input {
height: 6rem;
}
.sm\:h-6 {
height: 1.5rem;
}
.sm\:w-24 {
width: 6rem;
}
.sm\:w-min {
width: -webkit-min-content;
width: min-content;
}
.sm\:w-6 {
width: 1.5rem;
}
.sm\:max-w-xl {
max-width: 36rem;
}
@ -2336,6 +2378,10 @@ input {
padding: 1.5rem;
}
.sm\:p-1 {
padding: 0.25rem;
}
.sm\:p-2 {
padding: 0.5rem;
}
@ -2364,6 +2410,10 @@ input {
margin: 0.25rem;
}
.md\:m-4 {
margin: 1rem;
}
.md\:m-8 {
margin: 2rem;
}
@ -2372,14 +2422,27 @@ input {
margin: 0.5rem;
}
.md\:mt-5 {
margin-top: 1.25rem;
.md\:mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.md\:mr-2 {
margin-right: 0.5rem;
}
.md\:mr-4 {
margin-right: 1rem;
}
.md\:mt-4 {
margin-top: 1rem;
}
.md\:mt-5 {
margin-top: 1.25rem;
}
.md\:flex {
display: flex;
}
@ -2388,10 +2451,18 @@ input {
display: grid;
}
.md\:h-8 {
height: 2rem;
}
.md\:h-12 {
height: 3rem;
}
.md\:w-8 {
width: 2rem;
}
.md\:w-2\/6 {
width: 33.333333%;
}