senaduka/old-v2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add styling and restructure of markup

Browse Source
This commit is contained in:
Moris Zen
2018-07-03 10:52:51 +02:00
parent e5287ac835
commit 602e556a1c
8 changed files with 413 additions and 495 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/styles/custom.css
View File

@@ -1,8 +1,13 @@
.bg-saburly-default {
.bg-saburly-blue {
background: rgb(69,76,183);
background: linear-gradient(90deg, rgba(69,76,183,1) 0%, rgba(157,163,255,1) 100%);
}
.bg-saburly-blue svg {
position: absolute;
bottom: 0;
}
.btn-saburly-green {
background: rgb(0,255,252);
background: linear-gradient(150deg, rgba(0,255,252,1) 0%, rgba(0,177,186,1) 55%);

100
src/styles/index.css
View File

@@ -3806,6 +3806,26 @@ table {
box-shadow: none;
}
.hover\:shadow:hover {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.hover\:shadow-md:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
}
.hover\:shadow-lg:hover {
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
}
.hover\:shadow-inner:hover {
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
}
.hover\:shadow-none:hover {
box-shadow: none;
}
.fill-current {
fill: currentColor;
}
@@ -7926,6 +7946,26 @@ table {
box-shadow: none;
}
.sm\:hover\:shadow:hover {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.sm\:hover\:shadow-md:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
}
.sm\:hover\:shadow-lg:hover {
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
}
.sm\:hover\:shadow-inner:hover {
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
}
.sm\:hover\:shadow-none:hover {
box-shadow: none;
}
.sm\:text-left {
text-align: left;
}
@@ -12039,6 +12079,26 @@ table {
box-shadow: none;
}
.md\:hover\:shadow:hover {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.md\:hover\:shadow-md:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
}
.md\:hover\:shadow-lg:hover {
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
}
.md\:hover\:shadow-inner:hover {
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
}
.md\:hover\:shadow-none:hover {
box-shadow: none;
}
.md\:text-left {
text-align: left;
}
@@ -16152,6 +16212,26 @@ table {
box-shadow: none;
}
.lg\:hover\:shadow:hover {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.lg\:hover\:shadow-md:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
}
.lg\:hover\:shadow-lg:hover {
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
}
.lg\:hover\:shadow-inner:hover {
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
}
.lg\:hover\:shadow-none:hover {
box-shadow: none;
}
.lg\:text-left {
text-align: left;
}
@@ -20265,6 +20345,26 @@ table {
box-shadow: none;
}
.xl\:hover\:shadow:hover {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.xl\:hover\:shadow-md:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
}
.xl\:hover\:shadow-lg:hover {
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
}
.xl\:hover\:shadow-inner:hover {
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
}
.xl\:hover\:shadow-none:hover {
box-shadow: none;
}
.xl\:text-left {
text-align: left;
}