clean scss (#21)
* [TASK] CGL - Formation * [TASK] Generic font fallback * [TASK] Remove swp file
This commit is contained in:
Xaver Maierhofer
PetaByteBoy // Milan Pässler
parent
e1e510c308
commit
31d1464805
Binary file not shown.
@ -2,15 +2,15 @@
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
font-family: Roboto;
|
||||
font-family: Roboto, sans-serif;
|
||||
font-size: 0.83em;
|
||||
font-weight: bold;
|
||||
padding: 0 6pt 6pt !important;
|
||||
|
||||
li {
|
||||
li {
|
||||
border-radius: 20pt;
|
||||
display: flex;
|
||||
padding: 0pt 0 0pt 8pt;
|
||||
padding: 0 0 0 8pt;
|
||||
margin: 3pt;
|
||||
align-items: center;
|
||||
background: #009ee0;
|
||||
|
||||
@ -1,28 +1,23 @@
|
||||
.legend .symbol
|
||||
{
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
vertical-align: -5%;
|
||||
.legend .symbol {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
vertical-align: -5%;
|
||||
}
|
||||
|
||||
.legend-new .symbol
|
||||
{
|
||||
background-color: #93E929;
|
||||
.legend-new .symbol {
|
||||
background-color: #93E929;
|
||||
}
|
||||
|
||||
.legend-online .symbol
|
||||
{
|
||||
background-color: #1566A9;
|
||||
.legend-online .symbol {
|
||||
background-color: #1566A9;
|
||||
}
|
||||
|
||||
.legend-offline .symbol
|
||||
{
|
||||
background-color: #D43E2A;
|
||||
.legend-offline .symbol {
|
||||
background-color: #D43E2A;
|
||||
}
|
||||
|
||||
.legend-online, .legend-offline
|
||||
{
|
||||
margin-left: 1em;
|
||||
.legend-online, .legend-offline {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
.node-alert {
|
||||
.node-alert {
|
||||
-webkit-animation: blink 2s linear;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation: blink 2s linear;
|
||||
@ -35,13 +35,25 @@
|
||||
}
|
||||
|
||||
@-webkit-keyframes blink {
|
||||
0% { opacity: 1.0; }
|
||||
80% { opacity: 1.0; }
|
||||
90% { opacity: 0.0; }
|
||||
0% {
|
||||
opacity: 1.0;
|
||||
}
|
||||
80% {
|
||||
opacity: 1.0;
|
||||
}
|
||||
90% {
|
||||
opacity: 0.0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
0% { opacity: 1.0; }
|
||||
80% { opacity: 1.0; }
|
||||
90% { opacity: 0.0; }
|
||||
0% {
|
||||
opacity: 1.0;
|
||||
}
|
||||
80% {
|
||||
opacity: 1.0;
|
||||
}
|
||||
90% {
|
||||
opacity: 0.0;
|
||||
}
|
||||
}
|
||||
|
||||
@ -22,25 +22,31 @@ time, mark, audio, video {
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
|
||||
@ -1,19 +1,15 @@
|
||||
/* Original is in LESS and can be found here: https://gist.github.com/gefangenimnetz/3ef3e18364edf105c5af */
|
||||
|
||||
@mixin shadow($level:1){
|
||||
@mixin shadow($level:1) {
|
||||
@if $level == 1 {
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
|
||||
}
|
||||
@else if $level == 2 {
|
||||
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
|
||||
}
|
||||
@else if $level == 3 {
|
||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
|
||||
}
|
||||
@else if $level == 4 {
|
||||
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
|
||||
}
|
||||
@else if $level == 5 {
|
||||
box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
} @else if $level == 2 {
|
||||
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
||||
} @else if $level == 3 {
|
||||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
||||
} @else if $level == 4 {
|
||||
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
||||
} @else if $level == 5 {
|
||||
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
|
||||
}
|
||||
}
|
||||
|
||||
@ -44,7 +44,7 @@ $buttondistance: 12pt;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
font-family: Roboto;
|
||||
font-family: Roboto, sans-serif;
|
||||
@include shadow(1);
|
||||
}
|
||||
|
||||
@ -151,9 +151,9 @@ table.attributes td {
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
||||
input[type="text"], textarea {
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
border-radius: 5px;
|
||||
border: none;
|
||||
line-height: 1.67em;
|
||||
@ -200,7 +200,7 @@ button:hover {
|
||||
}
|
||||
|
||||
button:active {
|
||||
box-shadow: inset 0px 5px 20px rgba(0, 0, 0, 0.19), inset 0px 3px 6px rgba(0, 0, 0, 0.23);
|
||||
box-shadow: inset 0 5px 20px rgba(0, 0, 0, 0.19), inset 0 3px 6px rgba(0, 0, 0, 0.23);
|
||||
}
|
||||
|
||||
button::-moz-focus-inner {
|
||||
@ -405,9 +405,9 @@ table {
|
||||
@media screen and (max-width: 80em) {
|
||||
.sidebar {
|
||||
font-size: 0.8em;
|
||||
top: 0pt;
|
||||
left: 0pt;
|
||||
margin: 0pt;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
width: $sidebarwidthsmall;
|
||||
min-height: 100vh;
|
||||
@include shadow(2);
|
||||
@ -438,7 +438,7 @@ table {
|
||||
|
||||
.sidebar {
|
||||
position: static;
|
||||
margin: 0em !important;
|
||||
margin: 0 !important;
|
||||
width: auto;
|
||||
height: auto;
|
||||
min-height: 0;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user