Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-21 04:34:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix navbar rtl

Browse Source
This commit is contained in:
Jeremy Thomas
2020-05-17 19:38:47 +01:00
parent ff70b7f858
commit 9663e2503c
14 changed files with 107 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
sass/components/navbar.sass
View File

@@ -209,12 +209,12 @@ a.navbar-item,
flex-shrink: 1
.navbar-link:not(.is-arrowless)
padding-right: 2.5em
+ltr-property("padding", 2.5em)
&::after
@extend %arrow
border-color: $navbar-dropdown-arrow
margin-top: -0.375em
right: 1.125em
+ltr-position(1.125em)
.navbar-dropdown
font-size: 0.875rem
@@ -359,7 +359,7 @@ a.navbar-item,
box-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1)
display: none
font-size: 0.875rem
left: 0
+ltr-position(0, false)
min-width: 100%
position: absolute
top: 100%
@@ -368,7 +368,7 @@ a.navbar-item,
padding: 0.375rem 1rem
white-space: nowrap
a.navbar-item
padding-right: 3rem
+ltr-property("padding", 3rem)
&:focus,
&:hover
background-color: $navbar-dropdown-item-hover-background-color

12
sass/components/tabs.sass
View File

@@ -125,14 +125,18 @@ $tabs-toggle-link-active-color: $link-invert !default
+ltr-property("margin", -#{$tabs-toggle-link-border-width}, false)
&:first-child a
+ltr
border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius
border-top-left-radius: $tabs-toggle-link-radius
border-bottom-left-radius: $tabs-toggle-link-radius
+rtl
border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0
border-top-right-radius: $tabs-toggle-link-radius
border-bottom-right-radius: $tabs-toggle-link-radius
&:last-child a
+ltr
border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0
border-top-right-radius: $tabs-toggle-link-radius
border-bottom-right-radius: $tabs-toggle-link-radius
+rtl
border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius
border-top-left-radius: $tabs-toggle-link-radius
border-bottom-left-radius: $tabs-toggle-link-radius
&.is-active
a
background-color: $tabs-toggle-link-active-background-color