mirror of
https://github.com/pattern-lab/patternlab-php.git
synced 2025-01-17 22:29:12 +01:00
making sure the pattern nav hides sooner than it has been
This commit is contained in:
parent
2cc0e46636
commit
01de6ac231
@ -139,11 +139,11 @@
|
||||
.sg-header .sg-nav-toggle span {
|
||||
display: inline-block;
|
||||
padding-right: 0.2em; }
|
||||
@media all and (min-width: 44em) {
|
||||
@media all and (min-width: 48em) {
|
||||
.sg-header .sg-nav-toggle {
|
||||
display: none; } }
|
||||
|
||||
@media all and (max-width: 44em) {
|
||||
@media all and (max-width: 48em) {
|
||||
.sg-nav-container {
|
||||
overflow: hidden;
|
||||
max-height: 0;
|
||||
@ -162,7 +162,7 @@
|
||||
list-style: none; }
|
||||
.sg-nav > li {
|
||||
cursor: pointer; }
|
||||
@media all and (min-width: 44em) {
|
||||
@media all and (min-width: 48em) {
|
||||
.sg-nav > li {
|
||||
border-bottom: 0;
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.05);
|
||||
@ -178,7 +178,7 @@
|
||||
content: ' +';
|
||||
float: right;
|
||||
font-size: 70%; }
|
||||
@media all and (min-width: 44em) {
|
||||
@media all and (min-width: 48em) {
|
||||
.sg-acc-handle:after {
|
||||
float: none; } }
|
||||
.sg-acc-handle.active {
|
||||
@ -227,7 +227,7 @@
|
||||
|
||||
.sg-control-trigger {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
|
||||
@media all and (min-width: 44em) {
|
||||
@media all and (min-width: 48em) {
|
||||
.sg-control-trigger {
|
||||
border: 0; } }
|
||||
@media all and (min-width: 69.5em) {
|
||||
@ -237,7 +237,7 @@
|
||||
|
||||
.sg-control > li {
|
||||
float: left; }
|
||||
@media all and (min-width: 44em) {
|
||||
@media all and (min-width: 48em) {
|
||||
.sg-control > li {
|
||||
border-bottom: 0;
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.05); } }
|
||||
@ -266,7 +266,7 @@
|
||||
|
||||
.sg-size {
|
||||
width: 135px; }
|
||||
@media all and (min-width: 44em) {
|
||||
@media all and (min-width: 48em) {
|
||||
.sg-size {
|
||||
width: auto; } }
|
||||
|
||||
@ -304,7 +304,7 @@
|
||||
color: gray;
|
||||
width: 25px;
|
||||
text-align: right; }
|
||||
@media all and (min-width: 44em) {
|
||||
@media all and (min-width: 48em) {
|
||||
.sg-input {
|
||||
width: 35px; } }
|
||||
|
||||
|
@ -75,7 +75,7 @@ $offset-top: 2em;
|
||||
/* Breakpoints */
|
||||
$sg-bp-small : 24em;
|
||||
$sg-bp-small-2 : 30em;
|
||||
$sg-bp-med : 44em;
|
||||
$sg-bp-med : 48em;
|
||||
$sg-bp-large : 69.5em;
|
||||
$sg-bp-xl : 80em;
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user