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

Restructuring and styling services and index pages

Browse Source
This commit is contained in:
Moris Zen
2018-08-08 18:10:40 +02:00
parent 53e87a903b
commit 955b05667e
12 changed files with 419 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/styles/general.css
View File

@@ -7,12 +7,16 @@
);
}
.bg-saburly-lighter {
background: rgba(132, 72, 247, 0.04);
}
.bg-saburly-light {
background: linear-gradient(
90deg,
rgba(255, 255, 255, 1) 1%,
rgba(243, 246, 248, 0.7) 49%,
rgba(241, 245, 248, 1) 100%
rgba(255, 255, 255, 1) 0%,
rgba(245, 247, 250, 0.7) 49%,
rgba(245, 247, 250, 1) 100%
);
}
@@ -21,7 +25,8 @@
background: linear-gradient(
180deg,
rgba(255, 255, 255, 1) 0%,
rgba(241, 245, 248, 0.7) 100%
rgba(245, 247, 250, 0.7) 49%,
rgba(245, 247, 250, 1) 100%
);
}
@@ -29,7 +34,8 @@
background: rgb(255, 255, 255);
background: linear-gradient(
180deg,
rgba(241, 245, 248, 0.7) 0%,
rgba(242, 242, 242, 1) 0%,
rgba(242, 242, 242, 0.5) 49%,
rgba(255, 255, 255, 1) 100%
);
}
@@ -76,3 +82,7 @@
.client-logo {
max-height: 3rem;
}
.border-bottom-saburly {
border-bottom: 2px solid #e3e3e3;
}

240
src/styles/index.css
View File

@@ -659,7 +659,11 @@ table {
}
.bg-black {
background-color: #212121;
background-color: #111;
}
.bg-black-light {
background-color: #333;
}
.bg-grey-darkest {
@@ -951,7 +955,11 @@ table {
}
.group:hover .group-hover\:bg-black {
background-color: #212121;
background-color: #111;
}
.group:hover .group-hover\:bg-black-light {
background-color: #333;
}
.group:hover .group-hover\:bg-grey-darkest {
@@ -1243,7 +1251,11 @@ table {
}
.hover\:bg-black:hover {
background-color: #212121;
background-color: #111;
}
.hover\:bg-black-light:hover {
background-color: #333;
}
.hover\:bg-grey-darkest:hover {
@@ -1607,7 +1619,11 @@ table {
}
.border-black {
border-color: #212121;
border-color: #111;
}
.border-black-light {
border-color: #333;
}
.border-grey-darkest {
@@ -1899,7 +1915,11 @@ table {
}
.hover\:border-black:hover {
border-color: #212121;
border-color: #111;
}
.hover\:border-black-light:hover {
border-color: #333;
}
.hover\:border-grey-darkest:hover {
@@ -4483,7 +4503,11 @@ table {
}
.text-black {
color: #212121;
color: #111;
}
.text-black-light {
color: #333;
}
.text-grey-darkest {
@@ -4775,7 +4799,11 @@ table {
}
.group:hover .group-hover\:text-black {
color: #212121;
color: #111;
}
.group:hover .group-hover\:text-black-light {
color: #333;
}
.group:hover .group-hover\:text-grey-darkest {
@@ -5067,7 +5095,11 @@ table {
}
.hover\:text-black:hover {
color: #212121;
color: #111;
}
.hover\:text-black-light:hover {
color: #333;
}
.hover\:text-grey-darkest:hover {
@@ -5735,7 +5767,11 @@ table {
}
.sm\:bg-black {
background-color: #212121;
background-color: #111;
}
.sm\:bg-black-light {
background-color: #333;
}
.sm\:bg-grey-darkest {
@@ -6027,7 +6063,11 @@ table {
}
.group:hover .sm\:group-hover\:bg-black {
background-color: #212121;
background-color: #111;
}
.group:hover .sm\:group-hover\:bg-black-light {
background-color: #333;
}
.group:hover .sm\:group-hover\:bg-grey-darkest {
@@ -6319,7 +6359,11 @@ table {
}
.sm\:hover\:bg-black:hover {
background-color: #212121;
background-color: #111;
}
.sm\:hover\:bg-black-light:hover {
background-color: #333;
}
.sm\:hover\:bg-grey-darkest:hover {
@@ -6675,7 +6719,11 @@ table {
}
.sm\:border-black {
border-color: #212121;
border-color: #111;
}
.sm\:border-black-light {
border-color: #333;
}
.sm\:border-grey-darkest {
@@ -6967,7 +7015,11 @@ table {
}
.sm\:hover\:border-black:hover {
border-color: #212121;
border-color: #111;
}
.sm\:hover\:border-black-light:hover {
border-color: #333;
}
.sm\:hover\:border-grey-darkest:hover {
@@ -9535,7 +9587,11 @@ table {
}
.sm\:text-black {
color: #212121;
color: #111;
}
.sm\:text-black-light {
color: #333;
}
.sm\:text-grey-darkest {
@@ -9827,7 +9883,11 @@ table {
}
.group:hover .sm\:group-hover\:text-black {
color: #212121;
color: #111;
}
.group:hover .sm\:group-hover\:text-black-light {
color: #333;
}
.group:hover .sm\:group-hover\:text-grey-darkest {
@@ -10119,7 +10179,11 @@ table {
}
.sm\:hover\:text-black:hover {
color: #212121;
color: #111;
}
.sm\:hover\:text-black-light:hover {
color: #333;
}
.sm\:hover\:text-grey-darkest:hover {
@@ -10788,7 +10852,11 @@ table {
}
.md\:bg-black {
background-color: #212121;
background-color: #111;
}
.md\:bg-black-light {
background-color: #333;
}
.md\:bg-grey-darkest {
@@ -11080,7 +11148,11 @@ table {
}
.group:hover .md\:group-hover\:bg-black {
background-color: #212121;
background-color: #111;
}
.group:hover .md\:group-hover\:bg-black-light {
background-color: #333;
}
.group:hover .md\:group-hover\:bg-grey-darkest {
@@ -11372,7 +11444,11 @@ table {
}
.md\:hover\:bg-black:hover {
background-color: #212121;
background-color: #111;
}
.md\:hover\:bg-black-light:hover {
background-color: #333;
}
.md\:hover\:bg-grey-darkest:hover {
@@ -11728,7 +11804,11 @@ table {
}
.md\:border-black {
border-color: #212121;
border-color: #111;
}
.md\:border-black-light {
border-color: #333;
}
.md\:border-grey-darkest {
@@ -12020,7 +12100,11 @@ table {
}
.md\:hover\:border-black:hover {
border-color: #212121;
border-color: #111;
}
.md\:hover\:border-black-light:hover {
border-color: #333;
}
.md\:hover\:border-grey-darkest:hover {
@@ -14588,7 +14672,11 @@ table {
}
.md\:text-black {
color: #212121;
color: #111;
}
.md\:text-black-light {
color: #333;
}
.md\:text-grey-darkest {
@@ -14880,7 +14968,11 @@ table {
}
.group:hover .md\:group-hover\:text-black {
color: #212121;
color: #111;
}
.group:hover .md\:group-hover\:text-black-light {
color: #333;
}
.group:hover .md\:group-hover\:text-grey-darkest {
@@ -15172,7 +15264,11 @@ table {
}
.md\:hover\:text-black:hover {
color: #212121;
color: #111;
}
.md\:hover\:text-black-light:hover {
color: #333;
}
.md\:hover\:text-grey-darkest:hover {
@@ -15841,7 +15937,11 @@ table {
}
.lg\:bg-black {
background-color: #212121;
background-color: #111;
}
.lg\:bg-black-light {
background-color: #333;
}
.lg\:bg-grey-darkest {
@@ -16133,7 +16233,11 @@ table {
}
.group:hover .lg\:group-hover\:bg-black {
background-color: #212121;
background-color: #111;
}
.group:hover .lg\:group-hover\:bg-black-light {
background-color: #333;
}
.group:hover .lg\:group-hover\:bg-grey-darkest {
@@ -16425,7 +16529,11 @@ table {
}
.lg\:hover\:bg-black:hover {
background-color: #212121;
background-color: #111;
}
.lg\:hover\:bg-black-light:hover {
background-color: #333;
}
.lg\:hover\:bg-grey-darkest:hover {
@@ -16781,7 +16889,11 @@ table {
}
.lg\:border-black {
border-color: #212121;
border-color: #111;
}
.lg\:border-black-light {
border-color: #333;
}
.lg\:border-grey-darkest {
@@ -17073,7 +17185,11 @@ table {
}
.lg\:hover\:border-black:hover {
border-color: #212121;
border-color: #111;
}
.lg\:hover\:border-black-light:hover {
border-color: #333;
}
.lg\:hover\:border-grey-darkest:hover {
@@ -19641,7 +19757,11 @@ table {
}
.lg\:text-black {
color: #212121;
color: #111;
}
.lg\:text-black-light {
color: #333;
}
.lg\:text-grey-darkest {
@@ -19933,7 +20053,11 @@ table {
}
.group:hover .lg\:group-hover\:text-black {
color: #212121;
color: #111;
}
.group:hover .lg\:group-hover\:text-black-light {
color: #333;
}
.group:hover .lg\:group-hover\:text-grey-darkest {
@@ -20225,7 +20349,11 @@ table {
}
.lg\:hover\:text-black:hover {
color: #212121;
color: #111;
}
.lg\:hover\:text-black-light:hover {
color: #333;
}
.lg\:hover\:text-grey-darkest:hover {
@@ -20894,7 +21022,11 @@ table {
}
.xl\:bg-black {
background-color: #212121;
background-color: #111;
}
.xl\:bg-black-light {
background-color: #333;
}
.xl\:bg-grey-darkest {
@@ -21186,7 +21318,11 @@ table {
}
.group:hover .xl\:group-hover\:bg-black {
background-color: #212121;
background-color: #111;
}
.group:hover .xl\:group-hover\:bg-black-light {
background-color: #333;
}
.group:hover .xl\:group-hover\:bg-grey-darkest {
@@ -21478,7 +21614,11 @@ table {
}
.xl\:hover\:bg-black:hover {
background-color: #212121;
background-color: #111;
}
.xl\:hover\:bg-black-light:hover {
background-color: #333;
}
.xl\:hover\:bg-grey-darkest:hover {
@@ -21834,7 +21974,11 @@ table {
}
.xl\:border-black {
border-color: #212121;
border-color: #111;
}
.xl\:border-black-light {
border-color: #333;
}
.xl\:border-grey-darkest {
@@ -22126,7 +22270,11 @@ table {
}
.xl\:hover\:border-black:hover {
border-color: #212121;
border-color: #111;
}
.xl\:hover\:border-black-light:hover {
border-color: #333;
}
.xl\:hover\:border-grey-darkest:hover {
@@ -24694,7 +24842,11 @@ table {
}
.xl\:text-black {
color: #212121;
color: #111;
}
.xl\:text-black-light {
color: #333;
}
.xl\:text-grey-darkest {
@@ -24986,7 +25138,11 @@ table {
}
.group:hover .xl\:group-hover\:text-black {
color: #212121;
color: #111;
}
.group:hover .xl\:group-hover\:text-black-light {
color: #333;
}
.group:hover .xl\:group-hover\:text-grey-darkest {
@@ -25278,7 +25434,11 @@ table {
}
.xl\:hover\:text-black:hover {
color: #212121;
color: #111;
}
.xl\:hover\:text-black-light:hover {
color: #333;
}
.xl\:hover\:text-grey-darkest:hover {