Closed runar-rkmedia closed 7 years ago
Can you post your CSS file?
$primary-dark-color: #042849;
$primary-light-color: #cbe0ff;
$primary-selected-color: #005aac;
$light-text-color: white;
$grey-text-color: #8fa8bd;
$dark-text-color: #00051c;
$light-active-color: #c5eff7 ;
$secondary-color: #26ac95;
$secondary-dark-color: #042849;
$secondary-selected-color: #1f7d6d;
$danger-color: #F9BF3B;
$burger-size: 48px;
$aside-width: 400px;
$header-height: 58px;
body,
html {
height: 100%;
margin: 0px;
padding: 0;
background-color: $primary-light-color;
}
.container-full {
padding: 1ex 2em;
height: 100%;
margin: 0 1em;
}
header{
background-color: $primary-dark-color;
color: $light-text-color;
position: fixed;
top: 0;
left: 0;
z-index: 990;
width: 100%;
height: $header-height;
padding: 8px 20px;
}
.errormsg{
font-size: 20px;
// border: 2px solid $primary-dark-color;
background-color: $danger-color;
}
.header{
display: flex;
justify-content: space-between;
}
.header h2,
.header h1,
.header h3,{
display: inline;
line-height:40px;
margin: auto 0;
}
@media screen and (max-width: 993px) {
h1{
font-size: 20px;
}
h2{
font-size: 16px;
}
h3{
font-size: 14px;
}
}
@media screen and (max-width: 550px) {
.header h3,{
display: none;
}
}
.main, aside {
margin-top: $header-height;
height: calc(100% - #{$header-height});
}
.rating .glyphicon{
margin-right: -.3em;
}
.glyphicon-refresh-animate {
margin-right: 0.4em;
-animation: spin 1.4s infinite ease;
-webkit-animation: spin2 1.4s infinite ease-out;
}
@-webkit-keyframes spin2 {
from { -webkit-transform: rotate(0deg);}
to { -webkit-transform: rotate(540deg);}
}
@keyframes spin {
from { transform: scale(1) rotate(0deg);}
to { transform: scale(1) rotate(540deg);}
}
.gray-text{
opacity: 0.8;
}
footer{
font-size: 10px;
margin: 20px 5px 0;
text-align: center;
}
@import "panel";
This is the line that breaks it:
.main, aside {
margin-top: $header-height;
height: calc(100% - #{$header-height});
}
This is fixed the latest version. But! There is another issue you have introduced here, which I like a lot:
.header h2,
.header h1,
.header h3,{
display: inline;
line-height:40px;
margin: auto 0;
}
Just added support for that case, where you'd get an empty line like this:
,
.header h1,
.header h2,
.header h3 {
display : inline;
margin : auto 0;
line-height : 40px;
}
This might be due to the changes in the beta-version of Atom, but I thought I would report it.
Atom: 1.17.0-beta4 x64 Electron: 1.3.15 OS: Mac OS X 10.12.4 Thrown From: atom-css-clean package 2.19.6
Stack Trace
Uncaught TypeError: Cannot read property 'trim' of undefined
Commands
Non-Core Packages