Restructuring and styling of components

This commit is contained in:
Moris Zen
2018-07-05 11:15:44 +02:00
parent bcc6a948cb
commit 6dc175c126
9 changed files with 253 additions and 53 deletions

View File

@@ -3402,12 +3402,28 @@ table {
opacity: .25;
}
.opacity-30 {
opacity: .3;
}
.opacity-50 {
opacity: .5;
}
.opacity-75 {
opacity: .75;
.opacity-60 {
opacity: .6;
}
.opacity-70 {
opacity: .7;
}
.opacity-80 {
opacity: .8;
}
.opacity-90 {
opacity: .9;
}
.opacity-100 {
@@ -3422,12 +3438,28 @@ table {
opacity: .25;
}
.hover\:opacity-30:hover {
opacity: .3;
}
.hover\:opacity-50:hover {
opacity: .5;
}
.hover\:opacity-75:hover {
opacity: .75;
.hover\:opacity-60:hover {
opacity: .6;
}
.hover\:opacity-70:hover {
opacity: .7;
}
.hover\:opacity-80:hover {
opacity: .8;
}
.hover\:opacity-90:hover {
opacity: .9;
}
.hover\:opacity-100:hover {
@@ -7646,12 +7678,28 @@ table {
opacity: .25;
}
.sm\:opacity-30 {
opacity: .3;
}
.sm\:opacity-50 {
opacity: .5;
}
.sm\:opacity-75 {
opacity: .75;
.sm\:opacity-60 {
opacity: .6;
}
.sm\:opacity-70 {
opacity: .7;
}
.sm\:opacity-80 {
opacity: .8;
}
.sm\:opacity-90 {
opacity: .9;
}
.sm\:opacity-100 {
@@ -7666,12 +7714,28 @@ table {
opacity: .25;
}
.sm\:hover\:opacity-30:hover {
opacity: .3;
}
.sm\:hover\:opacity-50:hover {
opacity: .5;
}
.sm\:hover\:opacity-75:hover {
opacity: .75;
.sm\:hover\:opacity-60:hover {
opacity: .6;
}
.sm\:hover\:opacity-70:hover {
opacity: .7;
}
.sm\:hover\:opacity-80:hover {
opacity: .8;
}
.sm\:hover\:opacity-90:hover {
opacity: .9;
}
.sm\:hover\:opacity-100:hover {
@@ -11875,12 +11939,28 @@ table {
opacity: .25;
}
.md\:opacity-30 {
opacity: .3;
}
.md\:opacity-50 {
opacity: .5;
}
.md\:opacity-75 {
opacity: .75;
.md\:opacity-60 {
opacity: .6;
}
.md\:opacity-70 {
opacity: .7;
}
.md\:opacity-80 {
opacity: .8;
}
.md\:opacity-90 {
opacity: .9;
}
.md\:opacity-100 {
@@ -11895,12 +11975,28 @@ table {
opacity: .25;
}
.md\:hover\:opacity-30:hover {
opacity: .3;
}
.md\:hover\:opacity-50:hover {
opacity: .5;
}
.md\:hover\:opacity-75:hover {
opacity: .75;
.md\:hover\:opacity-60:hover {
opacity: .6;
}
.md\:hover\:opacity-70:hover {
opacity: .7;
}
.md\:hover\:opacity-80:hover {
opacity: .8;
}
.md\:hover\:opacity-90:hover {
opacity: .9;
}
.md\:hover\:opacity-100:hover {
@@ -16104,12 +16200,28 @@ table {
opacity: .25;
}
.lg\:opacity-30 {
opacity: .3;
}
.lg\:opacity-50 {
opacity: .5;
}
.lg\:opacity-75 {
opacity: .75;
.lg\:opacity-60 {
opacity: .6;
}
.lg\:opacity-70 {
opacity: .7;
}
.lg\:opacity-80 {
opacity: .8;
}
.lg\:opacity-90 {
opacity: .9;
}
.lg\:opacity-100 {
@@ -16124,12 +16236,28 @@ table {
opacity: .25;
}
.lg\:hover\:opacity-30:hover {
opacity: .3;
}
.lg\:hover\:opacity-50:hover {
opacity: .5;
}
.lg\:hover\:opacity-75:hover {
opacity: .75;
.lg\:hover\:opacity-60:hover {
opacity: .6;
}
.lg\:hover\:opacity-70:hover {
opacity: .7;
}
.lg\:hover\:opacity-80:hover {
opacity: .8;
}
.lg\:hover\:opacity-90:hover {
opacity: .9;
}
.lg\:hover\:opacity-100:hover {
@@ -20333,12 +20461,28 @@ table {
opacity: .25;
}
.xl\:opacity-30 {
opacity: .3;
}
.xl\:opacity-50 {
opacity: .5;
}
.xl\:opacity-75 {
opacity: .75;
.xl\:opacity-60 {
opacity: .6;
}
.xl\:opacity-70 {
opacity: .7;
}
.xl\:opacity-80 {
opacity: .8;
}
.xl\:opacity-90 {
opacity: .9;
}
.xl\:opacity-100 {
@@ -20353,12 +20497,28 @@ table {
opacity: .25;
}
.xl\:hover\:opacity-30:hover {
opacity: .3;
}
.xl\:hover\:opacity-50:hover {
opacity: .5;
}
.xl\:hover\:opacity-75:hover {
opacity: .75;
.xl\:hover\:opacity-60:hover {
opacity: .6;
}
.xl\:hover\:opacity-70:hover {
opacity: .7;
}
.xl\:hover\:opacity-80:hover {
opacity: .8;
}
.xl\:hover\:opacity-90:hover {
opacity: .9;
}
.xl\:hover\:opacity-100:hover {