bulma/sass/base/generic.sass
2016-04-18 20:02:26 +01:00

119 lines
1.7 KiB
Sass

html
background: $body-background
font-size: $size-normal
-moz-osx-font-smoothing: grayscale
-webkit-font-smoothing: antialiased
min-width: 300px
overflow-x: hidden
overflow-y: scroll
text-rendering: optimizeLegibility
// Modifiers
&.has-modal
overflow: hidden
article,
aside,
figure,
footer,
header,
hgroup,
section
display: block
body,
button,
input,
select,
textarea
font-family: $family-primary
code,
pre
-moz-osx-font-smoothing: auto
-webkit-font-smoothing: auto
font-family: $family-code
line-height: 1.25
body
color: $text
font-size: 1rem
line-height: 1.428571428571429
// Inline
a
color: $link
cursor: pointer
text-decoration: none
transition: none $speed $easing
&:hover
color: $link-hover
code
background: $code-background
color: $code
font-size: 12px
font-weight: normal
padding: 1px 2px 2px
hr
border-top-color: $border
margin: 20px 0
img
max-width: 100%
input[type="checkbox"],
input[type="radio"]
vertical-align: baseline
small
font-size: $size-small
strong
color: $text-strong
// Block
pre
background: $pre-background
color: $pre
white-space: pre
word-wrap: normal
code
background: $pre-background
color: $pre
display: block
overflow-x: auto
padding: 16px 20px
table
width: 100%
td,
th
text-align: left
vertical-align: top
th
color: $text-strong
// Classes
.block
&:not(:last-child)
margin-bottom: 20px
.container
position: relative
+desktop
margin: 0 auto
max-width: 960px
// Modifiers
&.is-fluid
margin: 0 20px
max-width: none
.fa
font-size: 21px
text-align: center
vertical-align: top