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

Use em for controls

Browse Source
This commit is contained in:
Jeremy Thomas
2016-10-29 18:53:30 +01:00
parent 6012880751
commit a2afb61ffe
16 changed files with 542 additions and 1476 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
sass/components/media.sass
View File

@@ -11,17 +11,17 @@
font-size: $size-medium
height: 32px
line-height: 24px
margin-right: 10px
margin-right: 1rem
min-width: 32px
padding: 4px 8px
text-align: center
vertical-align: top
.media-left
margin-right: 10px
margin-right: 1rem
.media-right
margin-left: 10px
margin-left: 1rem
.media-content
flex-grow: 1
@@ -33,29 +33,29 @@
display: flex
text-align: left
.content:not(:last-child)
margin-bottom: 10px
margin-bottom: 1rem
.media
border-top: 1px solid rgba($border, 0.5)
display: flex
padding-top: 10px
.content:not(:last-child),
.control:not(:last-child)
margin-bottom: 5px
margin-bottom: 0.5rem
.media
padding-top: 5px
padding-top: 0.5rem
& + .media
margin-top: 5px
margin-top: 0.5rem
& + .media
border-top: 1px solid rgba($border, 0.5)
margin-top: 10px
padding-top: 10px
margin-top: 1rem
padding-top: 1rem
// Sizes
&.is-large
& + .media
margin-top: 20px
padding-top: 20px
margin-top: 1.4rem
padding-top: 1.4rem
// Responsiveness
+tablet
&.is-large
.media-number
margin-right: 20px
margin-right: 1.4rem