2015-04-15 10:19:11 +08:00
|
|
|
// 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
|
|
|
|
2018-01-29 15:14:36 +08:00
|
|
|
.rtl #topic-progress-wrapper .topic-admin-popup-menu.right-side,
|
|
|
|
.rtl #topic-progress-wrapper.docked .topic-admin-popup-menu.right-side {
|
|
|
|
right: 80px;
|
2015-04-15 10:19:11 +08:00
|
|
|
}
|
2014-07-11 00:36:19 +08:00
|
|
|
|
2017-11-24 00:14:51 +08:00
|
|
|
// This is used to flip the .d-icon-caret-right
|
2018-06-08 17:49:31 +08:00
|
|
|
@mixin rotate($degrees) {
|
2015-04-15 10:19:11 +08:00
|
|
|
-webkit-transform: rotate(#{$degrees}deg);
|
|
|
|
-moz-transform: rotate(#{$degrees}deg);
|
|
|
|
-ms-transform: rotate(#{$degrees}deg);
|
|
|
|
-o-transform: rotate(#{$degrees}deg);
|
|
|
|
transform: rotate(#{$degrees}deg);
|
|
|
|
|
2018-06-08 17:49:31 +08:00
|
|
|
filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})";
|
2015-04-15 10:19:11 +08:00
|
|
|
-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
|
|
|
|
2015-04-15 10:19:11 +08:00
|
|
|
// Get the right caret to point left
|
2017-11-24 00:14:51 +08:00
|
|
|
.rtl .d-icon-caret-right {
|
2015-04-15 10:19:11 +08:00
|
|
|
@include rotate(180);
|
|
|
|
}
|
2014-07-11 00:36:19 +08:00
|
|
|
|
2015-04-15 10:19:11 +08:00
|
|
|
// Changes the triangle arrow direction in .nav-stacked .active
|
|
|
|
// The 'left' and 'right' in these selectors is not being flipped by r2.
|
2017-08-30 23:01:01 +08:00
|
|
|
.rtl .nav-stacked a.active::after {
|
2015-04-15 10:19:11 +08:00
|
|
|
border-left-color: transparent !important;
|
|
|
|
border-right-color: $secondary !important;
|
2014-07-11 00:36:19 +08:00
|
|
|
}
|
2015-05-11 15:52:30 +08:00
|
|
|
.rtl code {
|
2018-06-08 17:49:31 +08:00
|
|
|
direction: ltr !important;
|
|
|
|
text-align: left !important;
|
2015-05-09 21:56:00 +08:00
|
|
|
}
|
2015-05-11 15:52:30 +08:00
|
|
|
.rtl .pull-left {
|
2015-07-17 09:03:48 +08:00
|
|
|
float: right !important;
|
2015-05-09 21:56:00 +08:00
|
|
|
}
|
2017-08-30 23:01:01 +08:00
|
|
|
.rtl .autocomplete {
|
|
|
|
left: 27px;
|
2015-07-15 18:48:20 +08:00
|
|
|
}
|
|
|
|
|
2017-10-31 02:13:49 +08:00
|
|
|
.rtl .admin-customize .current-style .toggle-mobile {
|
2018-06-08 17:49:31 +08:00
|
|
|
position: static !important;
|
|
|
|
float: left !important;
|
2015-07-15 18:48:20 +08:00
|
|
|
}
|
2017-10-31 02:13:49 +08:00
|
|
|
.rtl .admin-customize .current-style .toggle-maximize {
|
2018-06-08 17:49:31 +08:00
|
|
|
position: static !important;
|
|
|
|
float: left !important;
|
2015-07-15 18:48:20 +08:00
|
|
|
}
|
|
|
|
.rtl .dashboard-left {
|
|
|
|
float: right !important;
|
|
|
|
}
|
|
|
|
.rtl .dashboard-right {
|
|
|
|
float: left !important;
|
2015-05-15 18:03:00 +08:00
|
|
|
}
|