Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-01-19 06:28:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

active nav link highlighting draft

Browse Source
This commit is contained in:
Dennis Eichhorn 2019-02-02 23:57:22 +01:00
parent 018f8c1aea
commit 7a189b5044
5 changed files with 23 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
layout.css
View File

@ -45,14 +45,17 @@
.ipt-wrap {
display: table;
vertical-align: top;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.ipt-wrap .ipt-first {
width: 100%;
display: table-cell; }
display: table-cell;
vertical-align: inherit; }
.ipt-wrap .ipt-second {
padding-left: 5px;
display: table-cell; }
display: table-cell;
vertical-align: inherit; }
/*# sourceMappingURL=layout.css.map */

3
layout.scss
View File

@ -2,15 +2,18 @@
.ipt-wrap {
display: table;
vertical-align: top;
@include box-sizing(border-box);
.ipt-first {
width: 100%;
display: table-cell;
vertical-align: inherit;
}
.ipt-second {
padding-left: 5px;
display: table-cell;
vertical-align: inherit;
}
}

8
nav.css
View File

@ -65,7 +65,7 @@
border-bottom: 1px solid #252525; }
#nav-side > li li:not(:first-child) {
background: #444; }
#nav-side > li li:hover {
#nav-side > li li:hover, #nav-side > li li.active {
color: #252525;
background: #FBA026;
border-top: 1px solid #ffc06e; }
@ -120,17 +120,17 @@ label[for="nav-trigger"] {
display: inline-block;
position: relative;
cursor: pointer; }
.nav-top li:hover {
.nav-top li:hover, .nav-top li.active {
-moz-box-shadow: inset 0px 1px 0px 0px #FFC06E;
-webkit-box-shadow: inset 0px 1px 0px 0px #FFC06E;
box-shadow: inset 0px 1px 0px 0px #FFC06E;
background: #FBA026;
color: #252525; }
.nav-top li:hover:first-child {
.nav-top li:hover:first-child, .nav-top li.active:first-child {
-moz-box-shadow: inset 1px 1px 0px 0px #FFC06E;
-webkit-box-shadow: inset 1px 1px 0px 0px #FFC06E;
box-shadow: inset 1px 1px 0px 0px #FFC06E; }
.nav-top li:hover > ul {
.nav-top li:hover > ul, .nav-top li.active > ul {
display: block;
opacity: 1;
visibility: visible; }

4
nav.scss
View File

@ -80,7 +80,7 @@
border-bottom: 1px solid #252525;
&:hover {
&:hover, &.active {
color: #252525;
background: $default-highlighter;
border-top: 1px solid rgb(255, 192, 110);
@ -162,7 +162,7 @@ label[for="nav-trigger"] {
position: relative;
cursor: pointer;
&:hover {
&:hover, &.active {
@include box-shadow-top(#FFC06E);
&:first-child {

15
styles.css
View File

@ -3333,15 +3333,18 @@ article {
.ipt-wrap {
display: table;
vertical-align: top;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.ipt-wrap .ipt-first {
width: 100%;
display: table-cell; }
display: table-cell;
vertical-align: inherit; }
.ipt-wrap .ipt-second {
padding-left: 5px;
display: table-cell; }
display: table-cell;
vertical-align: inherit; }
*[draggable] {
cursor: move; }
@ -4427,7 +4430,7 @@ ul.h-list li {
border-bottom: 1px solid #252525; }
#nav-side > li li:not(:first-child) {
background: #444; }
#nav-side > li li:hover {
#nav-side > li li:hover, #nav-side > li li.active {
color: #252525;
background: #FBA026;
border-top: 1px solid #ffc06e; }
@ -4482,17 +4485,17 @@ label[for="nav-trigger"] {
display: inline-block;
position: relative;
cursor: pointer; }
.nav-top li:hover {
.nav-top li:hover, .nav-top li.active {
-moz-box-shadow: inset 0px 1px 0px 0px #FFC06E;
-webkit-box-shadow: inset 0px 1px 0px 0px #FFC06E;
box-shadow: inset 0px 1px 0px 0px #FFC06E;
background: #FBA026;
color: #252525; }
.nav-top li:hover:first-child {
.nav-top li:hover:first-child, .nav-top li.active:first-child {
-moz-box-shadow: inset 1px 1px 0px 0px #FFC06E;
-webkit-box-shadow: inset 1px 1px 0px 0px #FFC06E;
box-shadow: inset 1px 1px 0px 0px #FFC06E; }
.nav-top li:hover > ul {
.nav-top li:hover > ul, .nav-top li.active > ul {
display: block;
opacity: 1;
visibility: visible; }