discourse/app/assets/stylesheets/common/base/rtl.scss

59 lines
1.7 KiB
SCSS
Raw Normal View History

// Right to left styles.
// *** These styles are all going to be flipped by the r2 gem ***
2015-07-17 09:03:48 +08:00
// Adding the !important declaration to a rule prevents it from being flipped.
2014-07-11 00:36:19 +08:00
// Keep the topic admin menu on the page
.rtl .popup-menu {
right: 0 !important;
}
2014-07-11 00:36:19 +08:00
// This is used to flip the .d-icon-caret-right
@mixin rotate( $degrees ) {
-webkit-transform: rotate(#{$degrees}deg);
-moz-transform: rotate(#{$degrees}deg);
-ms-transform: rotate(#{$degrees}deg);
-o-transform: rotate(#{$degrees}deg);
transform: rotate(#{$degrees}deg);
2017-02-18 05:16:06 +08:00
filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})";
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})";
zoom: 1;
}
2014-07-11 00:36:19 +08:00
// Get the right caret to point left
.rtl .d-icon-caret-right {
@include rotate(180);
}
2014-07-11 00:36:19 +08:00
// Changes the triangle arrow direction in .nav-stacked .active
// The 'left' and 'right' in these selectors is not being flipped by r2.
.rtl .nav-stacked a.active::after {
border-left-color: transparent !important;
border-right-color: $secondary !important;
2014-07-11 00:36:19 +08:00
}
.rtl code {
2015-05-09 21:56:00 +08:00
direction: ltr !important;
2015-07-17 09:03:48 +08:00
text-align: left !important;
2015-05-09 21:56:00 +08:00
}
.rtl .pull-left {
2015-07-17 09:03:48 +08:00
float: right !important;
2015-05-09 21:56:00 +08:00
}
.rtl .autocomplete {
left: 27px;
}
.rtl .admin-customize .current-style .toggle-mobile {
position: static !important;
float: left !important;
}
.rtl .admin-customize .current-style .toggle-maximize {
position: static !important;
float: left !important;
}
.rtl .dashboard-left {
float: right !important;
}
.rtl .dashboard-right {
float: left !important;
2015-05-15 18:03:00 +08:00
}