}
-
-
@mixin theme-hidden {
width: 20px;
height: 20px;
&:before {
content: "▲";
color: #ccc;
- text-align: center;
+ text-align: center;
display: block;
}
width: 44px;
margin-right: -44px;
&:before {
- font-size: 3em;
+ font-size: 2.5em;
}
}
@include size(width, 120px);
height: auto;
overflow: visible;
- margin-left: 30px;
+ @include size(margin-left, 30px);
+ @include size(font-size, 14.4px);
+ text-indent: 0;
- border-left: 1px solid #DDDDDD;
+ @include size(border-left, 1px solid #DDDDDD);
color: #777;
- padding: 0 0 0 8px;
+ @include size(padding, 0 0 0 8px);
&:before {
display: none;
.theme-begin {
@include theme-hidden;
+ font-size: .9em;
position: relative;
float: right;
margin-bottom: 8px;
clear: both;
line-height: 1.5em;
text-align: left;
- z-index: 60000;
+ z-index: 60;
- font-size: 16px;
font-style: normal;
font-weight: normal;
font-variant: normal;
}
-@include min-screen(600px) {
- .always-hide-themes {
- .theme-begin {
- @include theme-hidden;
+.always-hide-themes {
+ .theme-begin {
+ @include theme-hidden;
+ }
+}
+
+.with-other-text {
+ .theme-begin {
+ @include theme-hidden;
+
+ @include min-screen(1200px) {
+ @include theme-showing;
+ margin-right: -160px;
}
}
}