awesome-wm-widgets/assets/css/style.scss

106 lines
1.7 KiB
SCSS

---
---
/* Custom Stylesheet */
/**
* Use this file to override Materialize files so you can update
* the core Materialize files in the future
*
* Made By MaterializeCSS.com
*/
.icon-block {
padding: 0 15px;
}
.icon-block .material-icons {
font-size: inherit;
}
#index-banner {
background: linear-gradient(
rgba(0, 0, 0, 0.4),
rgba(0, 0, 0, 0.4)
),
url({{ '/assets/img/pano.png' | relative_url }}) no-repeat center center;
background-size: cover;
}
nav{
box-shadow: none;
}
#header{
font-size: 3em; font-weight: bold;
a {
text-decoration: none;
color: #ffffff;
}
}
h1 { font-size: 2em; font-weight: bold;}
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
main {
flex: 1 0 auto;
}
.tabs-vertical {
.tabs {
height: auto;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
display: -webkit-flex;
display: flex;
}
.tab {
width: 100%;
.active {
-moz-transition: border-color .5s ease;
-o-transition: border-color .5s ease;
-webkit-transition: border-color .5s ease;
transition: border-color .5s ease;
border-right: 3px solid teal;
}
:hover {
border-right: 3px solid #eeeeee;
}
a {
color: teal;
:hover { color: teal; }
}
a:hover{
color: teal;
}
a.active {
color: teal;
}
}
.indicator {
display: none;
}
}
.widget{
transition: all 2s linear;
}
.footer-copyright img{
height: 20px;
}