Skip to content
Snippets Groups Projects

Move over to vui

Merged Georg Krause requested to merge use-vui into main
Compare and
9 files
+ 236
190
Compare changes
  • Side-by-side
  • Inline
Files
9
 
* {
 
box-sizing: border-box;
 
}
 
html {
html {
font-family: 'Open Sans', 'helvetica', sans-serif;
font-family: 'Open Sans', 'helvetica', sans-serif;
font-size: 14px;
font-size: 14px;
@@ -15,18 +19,21 @@ h1, h2 {
@@ -15,18 +19,21 @@ h1, h2 {
margin-bottom: 10px;
margin-bottom: 10px;
}
}
.title
.title
{
{
font-size: 2.5em;
font-size: 2.5em;
text-align: center;
text-align: left;
margin-bottom: 50px;
margin-bottom: 50px;
text-transform: none;
text-transform: none;
color: #383839;
color: var(--fw-grey-900);
line-height: 1;
line-height: 1;
font-weight: 600;
font-weight: 600;
}
}
 
.dark-grey > a, .dark-grey > a, .blog-post > h2 > a {
 
color: var(--fw-grey-900) !important;
 
}
 
.latest
.latest
{
{
padding: 10px 10px;
padding: 10px 10px;
@@ -112,33 +119,42 @@ a:hover { text-decoration: underline; }
@@ -112,33 +119,42 @@ a:hover { text-decoration: underline; }
/* Sidebar */
/* Sidebar */
aside {
aside {
font-size: 14px;
font-size: 16px;
width: 220px; height: 100%;
width: 220px; height: 100%;
position: fixed;
position: fixed;
top: 0; left: 0;
top: 0; left: 0;
padding: 30px;
padding: 16px;
background: #00638c;
background: #00638c;
color: white;
color: white;
box-shadow: 0 0 3px black;
box-shadow: 0 0 3px black;
text-align: center;
padding-top: 70px;
padding-top: 8%;
background-size: cover;
background-size: cover;
box-sizing: content-box;
box-sizing: content-box;
}
}
aside a { color:var(--color-background-main); text-decoration:none; }
aside a { color:var(--color-background-main) !important; text-decoration:none; }
aside a:visited { color:var(--color-background-main); text-decoration:none; }
aside a:visited { color:var(--color-background-main) !important; text-decoration:none; }
aside a:link { color:var(--color-background-main); text-decoration:none; }
aside a:link { color:var(--color-background-main); text-decoration:none; }
aside a:active { color:var(--color-background-main); text-decoration:none; }
aside a:active { color:var(--color-background-main); text-decoration:none; }
aside a:hover { text-decoration: underline; }
aside a:hover { text-decoration: underline; }
aside > ul {
aside > nav > ul {
list-style-type: none;
list-style-type: none;
padding: 0px 10px;
padding: 0px 0px;
margin-top: 0px;
margin-top: 0px;
}
}
aside > h2 {
 
aside > nav > ul > li {
 
margin: 20px 0px;
 
}
 
 
aside > nav > ul > li > a > img {
 
vertical-align: middle;
 
margin-right: 10px;
 
}
 
 
aside > nav > h2 {
text-transform: uppercase;
text-transform: uppercase;
font-size: 14px;
font-size: 16px;
margin-bottom: 5px;
margin-bottom: 5px;
}
}
@@ -199,7 +215,11 @@ aside > h2 {
@@ -199,7 +215,11 @@ aside > h2 {
{
{
display: block;
display: block;
padding: 0.33147rem 0;
padding: 0.33147rem 0;
border-bottom: 1px dotted var(--color-background-main);
}
 
 
.logo-container {
 
text-align: center;
 
margin-bottom: 40px;
}
}
.logo-container a img {
.logo-container a img {
@@ -269,7 +289,7 @@ img {
@@ -269,7 +289,7 @@ img {
}
}
.icon {
.icon {
height: 32px;
height: 20px;
filter: invert(100%);
filter: invert(100%);
}
}
Loading