github/atom
1
1
Fork 0
mirror of https://github.com/atom/atom.git synced 2026-04-28 03:01:47 -04:00
Code Issues Packages Projects Releases Wiki Activity

Nest all rules under a root .is-blurred class

Browse Source
This commit is contained in:
Kevin Sawicki
2013-06-24 15:01:05 -07:00
parent 46eac52dbf
commit 34e5594a2d
2 changed files with 43 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
themes/atom-dark-ui/blurred.less
View File

@@ -1,7 +1,9 @@
.is-blurred .tree-view {
background-color: #202123;
}
.is-blurred {
.tree-view {
background-color: #202123;
}
.is-blurred .tab {
opacity: 0.5;
}
.tab {
opacity: 0.5;
}
}

68
themes/atom-light-ui/blurred.less
View File

@@ -1,38 +1,40 @@
.is-blurred .tree-view {
background: #f3f3f3;
border-right: 1px solid #c5c5c5;
}
.is-blurred {
.tree-view {
background: #f3f3f3;
border-right: 1px solid #c5c5c5;
.is-blurred .tab {
background-image: -webkit-linear-gradient(#e7e7e7, #cfcfcf);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.5), /* top hightlight */
inset 1px 0 0 rgba(255, 255, 255, 0.3), /* left highlight */
inset 0 -1px 0 rgba(255, 255, 255, 0.2), /* bottom shadow */
inset -1px 0 0 rgba(0, 0, 0, 0.2), /* right shadow */
inset -2px 0 0 rgba(255, 255, 255, 0.1); /* right hightlight */
color: #777;
}
&:focus .selected > .highlight {
border-top: 1px solid #3D4552;
border-bottom: 1px solid #3D4552;
background-image: none;
background-color: #69717b;
}
.is-blurred .tab .close-icon {
color: #8d8d8d;
}
.selected > .highlight {
box-sizing: border-box;
border-top: 1px solid #97a4a7;
border-bottom: 1px solid #97a4a7;
background-image: none;
background-color: #DFDFDF;
}
.is-blurred .tree-view:focus .selected > .highlight {
border-top: 1px solid #3D4552;
border-bottom: 1px solid #3D4552;
background-image: none;
background-color: #69717b;
}
.name:before {
color: #7e7e7e;
}
}
.is-blurred .tree-view .selected > .highlight {
box-sizing: border-box;
border-top: 1px solid #97a4a7;
border-bottom: 1px solid #97a4a7;
background-image: none;
background-color: #DFDFDF;
}
.tab {
background-image: -webkit-linear-gradient(#e7e7e7, #cfcfcf);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.5), /* top hightlight */
inset 1px 0 0 rgba(255, 255, 255, 0.3), /* left highlight */
inset 0 -1px 0 rgba(255, 255, 255, 0.2), /* bottom shadow */
inset -1px 0 0 rgba(0, 0, 0, 0.2), /* right shadow */
inset -2px 0 0 rgba(255, 255, 255, 0.1); /* right hightlight */
color: #777;
.is-blurred .tree-view .name:before {
color: #7e7e7e;
}
.close-icon {
color: #8d8d8d;
}
}
}