uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Restructure scss file to make use of basic language features.

Browse Source
This commit is contained in:
Arpad Csanyi
2016-03-26 00:45:56 +01:00
parent 1c05abe9b9
commit f5756a72bd
2 changed files with 89 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
css/style.css
View File

@@ -1,8 +1,7 @@
h1 {
margin-bottom: 3rem; }
.popover { .popover {
padding: 0; } padding: 0; }
.popover.bottom > .arrow:after {
border-bottom-color: #f7f7f7; }
.popover-content { .popover-content {
padding: 10px 24px; } padding: 10px 24px; }
@@ -18,9 +17,6 @@ h1 {
position: relative; position: relative;
top: 1px; } top: 1px; }
.popover.bottom > .arrow:after {
border-bottom-color: #f7f7f7; }
.popover-actions { .popover-actions {
padding: 8px 14px; padding: 8px 14px;
margin: 0; margin: 0;
@@ -69,31 +65,29 @@ h1 {
.select2-item { .select2-item {
position: relative; position: relative;
font-size: 1.5rem; } font-size: 1.5rem; }
.select2-item.keymap-name--wrapper {
.select2-item.keymap-name--wrapper { padding-left: 50px; }
padding-left: 50px; } .select2-item .layout-segment-code {
height: 2rem;
.select2-item .layout-segment-code { position: absolute;
height: 2rem; left: 0;
position: absolute; top: 50%;
left: 0; margin-top: -1rem; }
top: 50%;
margin-top: -1rem; }
.preview-wrapper img { .preview-wrapper img {
max-width: 100%; } max-width: 100%; }
.global-key-setup.disabled { .global-key-setup.disabled {
opacity: 0; } opacity: 0; }
.global-key-setup.disabled .setting-label {
color: #999; }
.global-key-setup.disabled .setting-label,
.setting-label.disabled { .setting-label.disabled {
color: #999; } color: #999; }
.global-key-setup--wrapper { .global-key-setup--wrapper {
position: relative; } position: relative; }
.global-key-setup--wrapper .disabled-state--text {
.global-key-setup--wrapper .disabled-state--text { position: absolute;
position: absolute; top: 50%;
top: 50%; margin-top: -4rem; }
margin-top: -4rem; }

131
sass/style.scss
View File

@@ -1,31 +1,35 @@
h1 {
margin-bottom: 3rem;
}
.popover { .popover {
padding: 0; padding: 0;
&.bottom {
> .arrow {
&:after {
border-bottom-color: #f7f7f7;
}
}
}
} }
.popover-content { .popover-content {
padding: 10px 24px; padding: 10px 24px;
} }
.popover-title.menu-tabs { .popover-title {
padding: .5rem .5rem 0; &.menu-tabs {
display: block; padding: .5rem .5rem 0;
} display: block;
}
.popover-title.menu-button-group { &.menu-button-group {
display: none; display: none;
} }
.popover-title.menu-tabs .nav-tabs { &.menu-tabs {
position: relative; .nav-tabs {
top: 1px; position: relative;
} top: 1px;
}
.popover.bottom > .arrow:after { }
border-bottom-color: #f7f7f7;
} }
.popover-actions { .popover-actions {
@@ -61,61 +65,72 @@ h1 {
margin-top: 10px; margin-top: 10px;
} }
.key-editor--none__description p { .key-editor--none__description {
padding: 2rem 0; p {
margin: 0; padding: 2rem 0;
text-align: center; margin: 0;
font-style: italic; text-align: center;
color: #999; font-style: italic;
} color: #999;
}
.key-editor--none__description .icon { .icon {
font-size: 5rem; font-size: 5rem;
color: #feefef; color: #feefef;
position: absolute; position: absolute;
z-index: 0; z-index: 0;
left: 50%; left: 50%;
margin-left: -2.5rem; margin-left: -2.5rem;
top: 50%; top: 50%;
margin-top: -2.5rem; margin-top: -2.5rem;
}
} }
.select2-item { .select2-item {
position: relative; position: relative;
font-size: 1.5rem; font-size: 1.5rem;
&.keymap-name--wrapper {
padding-left: 50px;
}
.layout-segment-code {
height: 2rem;
position: absolute;
left: 0;
top: 50%;
margin-top: -1rem;
}
} }
.select2-item.keymap-name--wrapper { .preview-wrapper {
padding-left: 50px; img {
max-width: 100%;
}
} }
.select2-item .layout-segment-code { .global-key-setup {
height: 2rem; &.disabled {
position: absolute; opacity: 0;
left: 0;
top: 50%; .setting-label {
margin-top: -1rem; color: #999;
}
}
} }
.preview-wrapper img { .setting-label {
max-width: 100%; &.disabled {
} color: #999;
}
.global-key-setup.disabled {
opacity: 0;
}
.global-key-setup.disabled .setting-label,
.setting-label.disabled {
color: #999;
} }
.global-key-setup--wrapper { .global-key-setup--wrapper {
position: relative; position: relative;
}
.global-key-setup--wrapper .disabled-state--text { .disabled-state--text {
position: absolute; position: absolute;
top: 50%; top: 50%;
margin-top: -4rem; margin-top: -4rem;
}
} }