Rename bulma folder to sass

This commit is contained in:
Jeremy Thomas
2016-04-18 20:02:26 +01:00
parent d7fae72677
commit 0203ab2f44
45 changed files with 25 additions and 13 deletions

6
sass/base/base.sass Normal file
View File

@@ -0,0 +1,6 @@
@charset "utf-8"
@import "generic"
@import "content"
@import "highlight"
@import "helpers"

67
sass/base/content.sass Normal file
View File

@@ -0,0 +1,67 @@
.content
@extend .block
// Inline
li + li
margin-top: 0.25em
// Block
blockquote,
p,
ol,
ul
&:not(:last-child)
margin-bottom: 1em
h1,
h2,
h3,
h4,
h5,
h6
color: $text-strong
font-weight: 300
line-height: 1.125
margin-bottom: 20px
h1,
h2,
h3
&:not(:first-child)
margin-top: 40px
blockquote
background: $background
border-left: 5px solid $border
padding: 1.5em
h1
font-size: 2em
h2
font-size: 1.75em
h3
font-size: 1.5em
h4
font-size: 1.25em
h5
font-size: 1.125em
h6
font-size: 1em
ol
list-style: decimal outside
margin-left: 2em
margin-right: 2em
margin-top: 1em
ul
list-style: disc outside
margin-left: 2em
margin-right: 2em
margin-top: 1em
ul
list-style-type: circle
margin-top: 0.5em
ul
list-style-type: square
// Sizes
&.is-medium
font-size: $size-5
code
font-size: $size-6
&.is-large
font-size: $size-4
code
font-size: $size-5

118
sass/base/generic.sass Normal file
View File

@@ -0,0 +1,118 @@
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

63
sass/base/helpers.sass Normal file
View File

@@ -0,0 +1,63 @@
// Display
.is-flex
display: flex
// Float
.is-clearfix
+clearfix
.is-pulled-left
float: left
.is-pulled-right
float: right
// Overlay
.is-overlay
+overlay
// Text
.has-text-centered
text-align: center
.has-text-left
text-align: left
.has-text-right
text-align: right
// Visibility
.is-hidden
display: none !important
.is-hidden-mobile
+mobile
display: none !important
.is-hidden-tablet
+tablet
display: none !important
.is-hidden-touch
+touch
display: none !important
.is-hidden-desktop
+desktop
display: none !important
// Other
.is-disabled
pointer-events: none
.is-marginless
margin: 0 !important
.is-unselectable
+unselectable

123
sass/base/highlight.sass Normal file
View File

@@ -0,0 +1,123 @@
.highlight
background-color: #fdf6e3
color: #586e75
.c
color: #93a1a1
.err,
.g
color: #586e75
.k
color: #859900
.l,
.n
color: #586e75
.o
color: #859900
.x
color: #cb4b16
.p
color: #586e75
.cm
color: #93a1a1
.cp
color: #859900
.c1
color: #93a1a1
.cs
color: #859900
.gd
color: #2aa198
.ge
color: #586e75
font-style: italic
.gr
color: #dc322f
.gh
color: #cb4b16
.gi
color: #859900
.go,
.gp
color: #586e75
.gs
color: #586e75
font-weight: bold
.gu
color: #cb4b16
.gt
color: #586e75
.kc
color: #cb4b16
.kd
color: #268bd2
.kn,
.kp
color: #859900
.kr
color: #268bd2
.kt
color: #dc322f
.ld
color: #586e75
.m,
.s
color: #2aa198
.na
color: #B58900
.nb
color: #586e75
.nc
color: #268bd2
.no
color: #cb4b16
.nd
color: #268bd2
.ni,
.ne
color: #cb4b16
.nf
color: #268bd2
.nl,
.nn,
.nx,
.py
color: #586e75
.nt,
.nv
color: #268bd2
.ow
color: #859900
.w
color: #586e75
.mf,
.mh,
.mi,
.mo
color: #2aa198
.sb
color: #93a1a1
.sc
color: #2aa198
.sd
color: #586e75
.s2
color: #2aa198
.se
color: #cb4b16
.sh
color: #586e75
.si,
.sx
color: #2aa198
.sr
color: #dc322f
.s1,
.ss
color: #2aa198
.bp,
.vc,
.vg,
.vi
color: #268bd2
.il
color: #2aa198