Commit 86876b30 authored by webchick's avatar webchick

Issue #2117441 by alanburke: Fixed Stark layout broken as 'generic' classes...

Issue #2117441 by alanburke: Fixed Stark layout broken as 'generic' classes removed from html.tpl.php.
parent 24296577
...@@ -30,24 +30,12 @@ main:after { ...@@ -30,24 +30,12 @@ main:after {
@media all and (min-width: 480px) and (max-width: 959px) { @media all and (min-width: 480px) and (max-width: 959px) {
.l-content { .l-content {
width: 100%;
}
.sidebar-first .l-content,
.two-sidebars .l-content {
width: 67%; width: 67%;
float: right; /* LTR */ float: right; /* LTR */
} }
[dir="rtl"] .sidebar-first .l-content, [dir="rtl"] .l-content {
[dir="rtl"] .two-sidebars .l-content {
float: left; float: left;
} }
.sidebar-second .l-content {
width: 67%;
float: left; /* LTR */
}
[dir="rtl"] .sidebar-second .l-content {
float: right;
}
.l-sidebar-first { .l-sidebar-first {
width: 33%; width: 33%;
...@@ -58,57 +46,35 @@ main:after { ...@@ -58,57 +46,35 @@ main:after {
} }
.l-sidebar-second { .l-sidebar-second {
width: 33%;
float: right; /* LTR */ float: right; /* LTR */
}
[dir="rtl"] .l-sidebar-second {
float: left;
}
.two-sidebars .l-sidebar-second {
clear: both; clear: both;
width: 100%; width: 100%;
} }
[dir="rtl"] .two-sidebars .l-sidebar-second { [dir="rtl"] .l-sidebar-second {
float: right; float: right;
clear: right; clear: right;
} }
.two-sidebars .l-sidebar-second .block { .l-sidebar-second .block {
float: left; /* LTR */ float: left; /* LTR */
width: 33%; width: 33%;
} }
[dir="rtl"] .two-sidebars .l-sidebar-second .block { [dir="rtl"] .l-sidebar-second .block {
float: right; float: right;
} }
.two-sidebars .l-sidebar-second .block:nth-child(3n+1) { .l-sidebar-second .block:nth-child(3n+1) {
clear: both; clear: both;
} }
} }
@media all and (min-width: 960px) { @media all and (min-width: 960px) {
.l-content { .l-content {
width: 100%; width: 60%;
float: left; /* LTR */ float: left; /* LTR */
left: 20%; /* LTR */
} }
[dir="rtl"] .l-content { [dir="rtl"] .l-content {
float: right; float: right;
}
.sidebar-first .l-content {
width: 80%;
left: 20%; /* LTR */
}
[dir="rtl"] .sidebar-first .l-content {
left: 0;
right: 20%;
}
.sidebar-second .l-content {
width: 80%;
}
.two-sidebars .l-content {
width: 60%;
left: 20%; /* LTR */
}
[dir="rtl"] .two-sidebars .l-content {
left: 0; left: 0;
right: 20%; right: 20%;
} }
...@@ -116,17 +82,10 @@ main:after { ...@@ -116,17 +82,10 @@ main:after {
.l-sidebar-first { .l-sidebar-first {
width: 20%; width: 20%;
float: left; /* LTR */ float: left; /* LTR */
left: -80%; /* LTR */ left: -60%; /* LTR */
} }
[dir="rtl"] .l-sidebar-first { [dir="rtl"] .l-sidebar-first {
float: right; float: right;
left: 0;
right: -80%;
}
.two-sidebars .l-sidebar-first {
left: -60%; /* LTR */
}
[dir="rtl"] .two-sidebars .l-sidebar-first {
left: 0; left: 0;
right: -60%; right: -60%;
} }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment