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

Add logical properties

Browse Source
This commit is contained in:
Jeremy Thomas
2020-03-23 13:10:29 +00:00
parent 4af9686eb0
commit 0f6af6105c
21 changed files with 109 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
sass/elements/button.sass
View File

@@ -71,11 +71,11 @@ $button-static-border-color: $border !default
height: 1.5em
width: 1.5em
&:first-child:not(:last-child)
margin-left: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
margin-right: $button-padding-horizontal / 4
margin-inline-start: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
margin-inline-end: $button-padding-horizontal / 4
&:last-child:not(:first-child)
margin-left: $button-padding-horizontal / 4
margin-right: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
margin-inline-start: $button-padding-horizontal / 4
margin-inline-end: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
&:first-child:last-child
margin-left: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
margin-right: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
@@ -269,7 +269,7 @@ $button-static-border-color: $border !default
.button
margin-bottom: 0.5rem
&:not(:last-child):not(.is-fullwidth)
margin-right: 0.5rem
margin-inline-end: 0.5rem
&:last-child
margin-bottom: -0.5rem
&:not(:last-child)
@@ -287,14 +287,14 @@ $button-static-border-color: $border !default
&.has-addons
.button
&:not(:first-child)
border-bottom-left-radius: 0
border-top-left-radius: 0
border-end-start-radius: 0
border-start-start-radius: 0
&:not(:last-child)
border-bottom-right-radius: 0
border-top-right-radius: 0
margin-right: -1px
border-end-end-radius: 0
border-start-end-radius: 0
margin-inline-end: -1px
&:last-child
margin-right: 0
margin-inline-end: 0
&:hover,
&.is-hovered
z-index: 2

10
sass/elements/content.sass
View File

@@ -67,11 +67,11 @@ $content-table-foot-cell-color: $text-strong !default
margin-bottom: 1em
blockquote
background-color: $content-blockquote-background-color
border-left: $content-blockquote-border-left
border-inline-start: $content-blockquote-border-left
padding: $content-blockquote-padding
ol
list-style-position: outside
margin-left: 2em
margin-inline-start: 2em
margin-top: 1em
&:not([type])
list-style-type: decimal
@@ -85,7 +85,7 @@ $content-table-foot-cell-color: $text-strong !default
list-style-type: upper-roman
ul
list-style: disc outside
margin-left: 2em
margin-inline-start: 2em
margin-top: 1em
ul
list-style-type: circle
@@ -93,7 +93,7 @@ $content-table-foot-cell-color: $text-strong !default
ul
list-style-type: square
dd
margin-left: 2em
margin-inline-start: 2em
figure
margin-left: 2em
margin-right: 2em
@@ -126,7 +126,7 @@ $content-table-foot-cell-color: $text-strong !default
th
color: $content-table-cell-heading-color
&:not([align])
text-align: left
text-align: inherit
thead
td,
th

6
sass/elements/notification.sass
View File

@@ -1,13 +1,15 @@
$notification-background-color: $background !default
$notification-code-background-color: $scheme-main !default
$notification-radius: $radius !default
$notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
$notification-padding: 1.25rem 1.5rem !default
$notification-padding-start: 2.5rem !default
.notification
@extend %block
background-color: $notification-background-color
border-radius: $notification-radius
padding: $notification-padding
padding-inline-start: $notification-padding-start
position: relative
a:not(.button):not(.dropdown-item)
color: currentColor
@@ -21,7 +23,7 @@ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
background: transparent
& > .delete
position: absolute
right: 0.5rem
+inset-inline-end(0.5rem)
top: 0.5rem
.title,
.subtitle,

2
sass/elements/table.sass
View File

@@ -54,7 +54,7 @@ $table-striped-row-even-hover-background-color: $scheme-main-ter !default
th
color: $table-cell-heading-color
&:not([align])
text-align: left
text-align: inherit
tr
&.is-selected
background-color: $table-row-active-background-color