library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Remove logical radius

Browse Source
This commit is contained in:
Jeremy Thomas 2020-03-23 13:15:53 +00:00
parent 0f6af6105c
commit af0350e91c
2 changed files with 28 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
sass/components/tabs.sass
View File

@ -92,8 +92,10 @@ $tabs-toggle-link-active-color: $link-invert !default
&.is-boxed &.is-boxed
a a
border: 1px solid transparent border: 1px solid transparent
border-start-start-radius: $tabs-boxed-link-radius +ltr
border-start-end-radius: $tabs-boxed-link-radius border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
+rtl
border-radius: 0 0 $tabs-boxed-link-radius $tabs-boxed-link-radius
&:hover &:hover
background-color: $tabs-boxed-link-hover-background-color background-color: $tabs-boxed-link-hover-background-color
border-bottom-color: $tabs-boxed-link-hover-border-bottom-color border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
@ -122,11 +124,15 @@ $tabs-toggle-link-active-color: $link-invert !default
& + li & + li
margin-inline-start: -#{$tabs-toggle-link-border-width} margin-inline-start: -#{$tabs-toggle-link-border-width}
&:first-child a &:first-child a
border-start-start-radius: $tabs-toggle-link-radius +ltr
border-end-start-radius: $tabs-toggle-link-radius border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius
+rtl
border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0
&:last-child a &:last-child a
border-start-end-radius: $tabs-toggle-link-radius +ltr
border-end-end-radius: $tabs-toggle-link-radius border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0
+rtl
border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius
&.is-active &.is-active
a a
background-color: $tabs-toggle-link-active-background-color background-color: $tabs-toggle-link-active-background-color
@ -138,13 +144,21 @@ $tabs-toggle-link-active-color: $link-invert !default
&.is-toggle-rounded &.is-toggle-rounded
li li
&:first-child a &:first-child a
border-end-start-radius: $radius-rounded
border-start-start-radius: $radius-rounded
padding-inline-start: 1.25em padding-inline-start: 1.25em
+ltr
border-bottom-left-radius: $radius-rounded
border-top-left-radius: $radius-rounded
+rtl
border-bottom-right-radius: $radius-rounded
border-top-right-radius: $radius-rounded
&:last-child a &:last-child a
border-end-end-radius: $radius-rounded
border-start-end-radius: $radius-rounded
padding-inline-end: 1.25em padding-inline-end: 1.25em
+ltr
border-bottom-right-radius: $radius-rounded
border-top-right-radius: $radius-rounded
+rtl
border-bottom-left-radius: $radius-rounded
border-top-left-radius: $radius-rounded
// Sizes // Sizes
&.is-small &.is-small
font-size: $size-small font-size: $size-small

8
sass/elements/button.sass
View File

@ -287,11 +287,11 @@ $button-static-border-color: $border !default
&.has-addons &.has-addons
.button .button
&:not(:first-child) &:not(:first-child)
border-end-start-radius: 0 border-bottom-left-radius: 0
border-start-start-radius: 0 border-top-left-radius: 0
&:not(:last-child) &:not(:last-child)
border-end-end-radius: 0 border-bottom-right-radius: 0
border-start-end-radius: 0 border-top-right-radius: 0
margin-inline-end: -1px margin-inline-end: -1px
&:last-child &:last-child
margin-inline-end: 0 margin-inline-end: 0