bulma-sass 0.0.2 → 0.6.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +1 -0
- data/README.md +2 -0
- data/app/assets/stylesheets/bulma.sass +7 -8
- data/app/assets/stylesheets/sass/base/_all.sass +5 -0
- data/app/assets/stylesheets/sass/base/generic.sass +127 -0
- data/app/assets/stylesheets/sass/base/helpers.sass +203 -0
- data/app/assets/stylesheets/sass/base/minireset.sass +80 -0
- data/app/assets/stylesheets/sass/components/_all.sass +14 -0
- data/app/assets/stylesheets/sass/components/breadcrumb.sass +74 -0
- data/app/assets/stylesheets/sass/components/card.sass +67 -0
- data/app/assets/stylesheets/sass/components/dropdown.sass +74 -0
- data/app/assets/stylesheets/sass/components/level.sass +75 -0
- data/app/assets/stylesheets/sass/components/media.sass +44 -0
- data/app/assets/stylesheets/sass/components/menu.sass +50 -0
- data/app/assets/stylesheets/sass/components/message.sass +79 -0
- data/app/assets/stylesheets/sass/components/modal.sass +111 -0
- data/app/assets/stylesheets/sass/components/navbar.sass +301 -0
- data/app/assets/stylesheets/sass/components/pagination.sass +134 -0
- data/app/assets/stylesheets/sass/components/panel.sass +101 -0
- data/app/assets/stylesheets/sass/components/tabs.sass +141 -0
- data/app/assets/stylesheets/sass/elements/_all.sass +16 -0
- data/app/assets/stylesheets/sass/elements/box.sass +24 -0
- data/app/assets/stylesheets/sass/elements/button.sass +201 -0
- data/app/assets/stylesheets/sass/elements/container.sass +25 -0
- data/app/assets/stylesheets/sass/elements/content.sass +145 -0
- data/app/assets/stylesheets/sass/elements/form.sass +605 -0
- data/app/assets/stylesheets/sass/elements/icon.sass +21 -0
- data/app/assets/stylesheets/sass/elements/image.sass +36 -0
- data/app/assets/stylesheets/sass/elements/notification.sass +35 -0
- data/app/assets/stylesheets/sass/elements/other.sass +39 -0
- data/app/assets/stylesheets/sass/elements/progress.sass +35 -0
- data/app/assets/stylesheets/sass/elements/table.sass +104 -0
- data/app/assets/stylesheets/sass/elements/tag.sass +89 -0
- data/app/assets/stylesheets/sass/elements/title.sass +55 -0
- data/app/assets/stylesheets/sass/grid/_all.sass +4 -0
- data/app/assets/stylesheets/sass/grid/columns.sass +328 -0
- data/app/assets/stylesheets/sass/grid/tiles.sass +32 -0
- data/app/assets/stylesheets/sass/layout/_all.sass +5 -0
- data/app/assets/stylesheets/sass/layout/footer.sass +5 -0
- data/app/assets/stylesheets/sass/layout/hero.sass +155 -0
- data/app/assets/stylesheets/sass/layout/section.sass +13 -0
- data/app/assets/stylesheets/sass/utilities/_all.sass +8 -0
- data/app/assets/stylesheets/{bulma → sass}/utilities/animations.sass +1 -1
- data/app/assets/stylesheets/sass/utilities/controls.sass +41 -0
- data/app/assets/stylesheets/sass/utilities/derived-variables.sass +82 -0
- data/app/assets/stylesheets/{bulma → sass}/utilities/functions.sass +7 -13
- data/app/assets/stylesheets/sass/utilities/initial-variables.sass +65 -0
- data/app/assets/stylesheets/sass/utilities/mixins.sass +226 -0
- data/lib/bulma/sass/version.rb +1 -1
- metadata +46 -32
- data/app/assets/stylesheets/bulma/base/base.sass +0 -6
- data/app/assets/stylesheets/bulma/base/content.sass +0 -51
- data/app/assets/stylesheets/bulma/base/generic.sass +0 -101
- data/app/assets/stylesheets/bulma/base/helpers.sass +0 -27
- data/app/assets/stylesheets/bulma/base/highlight.sass +0 -123
- data/app/assets/stylesheets/bulma/components/card.sass +0 -36
- data/app/assets/stylesheets/bulma/components/components.sass +0 -11
- data/app/assets/stylesheets/bulma/components/grid.sass +0 -48
- data/app/assets/stylesheets/bulma/components/media.sass +0 -69
- data/app/assets/stylesheets/bulma/components/menu.sass +0 -25
- data/app/assets/stylesheets/bulma/components/navbar.sass +0 -45
- data/app/assets/stylesheets/bulma/components/table.sass +0 -73
- data/app/assets/stylesheets/bulma/components/tabs.sass +0 -84
- data/app/assets/stylesheets/bulma/config/generated-variables.sass +0 -74
- data/app/assets/stylesheets/bulma/config/variables.sass +0 -41
- data/app/assets/stylesheets/bulma/elements/buttons.sass +0 -96
- data/app/assets/stylesheets/bulma/elements/controls.sass +0 -213
- data/app/assets/stylesheets/bulma/elements/elements.sass +0 -172
- data/app/assets/stylesheets/bulma/elements/messages.sass +0 -41
- data/app/assets/stylesheets/bulma/elements/notifications.sass +0 -20
- data/app/assets/stylesheets/bulma/elements/titles.sass +0 -57
- data/app/assets/stylesheets/bulma/layout/footer.sass +0 -11
- data/app/assets/stylesheets/bulma/layout/header.sass +0 -149
- data/app/assets/stylesheets/bulma/layout/hero.sass +0 -148
- data/app/assets/stylesheets/bulma/layout/layout.sass +0 -6
- data/app/assets/stylesheets/bulma/layout/section.sass +0 -11
- data/app/assets/stylesheets/bulma/utilities/mixins.sass +0 -83
- data/app/assets/stylesheets/bulma/utilities/reset.sass +0 -174
- data/app/assets/stylesheets/bulma/utilities/utilities.sass +0 -6
@@ -1,148 +0,0 @@
|
|
1
|
-
.hero-content
|
2
|
-
padding: 40px 20px
|
3
|
-
+desktop
|
4
|
-
padding: 40px 0
|
5
|
-
|
6
|
-
.hero-buttons
|
7
|
-
margin-top: 20px
|
8
|
-
+mobile
|
9
|
-
.button
|
10
|
-
display: block
|
11
|
-
&:not(:last-child)
|
12
|
-
margin-bottom: 10px
|
13
|
-
+tablet
|
14
|
-
display: flex
|
15
|
-
justify-content: center
|
16
|
-
.button:not(:last-child)
|
17
|
-
margin-right: 20px
|
18
|
-
|
19
|
-
.hero
|
20
|
-
background: white
|
21
|
-
text-align: center
|
22
|
-
a
|
23
|
-
color: inherit
|
24
|
-
.header
|
25
|
-
background: none
|
26
|
-
box-shadow: none
|
27
|
-
.tabs
|
28
|
-
ul
|
29
|
-
border-bottom: none
|
30
|
-
a
|
31
|
-
border: none
|
32
|
-
margin-bottom: 0
|
33
|
-
padding: 0 0 10px
|
34
|
-
&.is-boxed
|
35
|
-
a
|
36
|
-
border: none
|
37
|
-
padding: 6px 12px
|
38
|
-
&.is-alt
|
39
|
-
background: $background
|
40
|
-
color: $text-light
|
41
|
-
@each $name, $pair in $colors
|
42
|
-
$color: nth($pair, 1)
|
43
|
-
$color-invert: nth($pair, 2)
|
44
|
-
&.is-#{$name}
|
45
|
-
background: $color
|
46
|
-
color: $color-invert
|
47
|
-
.title
|
48
|
-
color: $color-invert
|
49
|
-
strong
|
50
|
-
color: inherit
|
51
|
-
.subtitle
|
52
|
-
color: rgba($color-invert, 0.7)
|
53
|
-
strong
|
54
|
-
color: $color-invert
|
55
|
-
.header .container
|
56
|
-
box-shadow: 0 1px 0 rgba($color-invert, 0.2)
|
57
|
-
.header-icon,
|
58
|
-
.header-item > a:not(.button)
|
59
|
-
color: $color-invert
|
60
|
-
opacity: 0.5
|
61
|
-
&:hover,
|
62
|
-
&.is-active
|
63
|
-
opacity: 1
|
64
|
-
.tabs
|
65
|
-
a
|
66
|
-
color: $color-invert
|
67
|
-
opacity: 0.5
|
68
|
-
&:hover
|
69
|
-
opacity: 1
|
70
|
-
li.is-active a
|
71
|
-
opacity: 1
|
72
|
-
&.is-boxed
|
73
|
-
a
|
74
|
-
color: $color-invert
|
75
|
-
&:hover
|
76
|
-
background: rgba(black, 0.1)
|
77
|
-
li.is-active a
|
78
|
-
&,
|
79
|
-
&:hover
|
80
|
-
background: $color-invert
|
81
|
-
color: $color
|
82
|
-
&.is-bold
|
83
|
-
$gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
|
84
|
-
$gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
|
85
|
-
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
|
86
|
-
+mobile
|
87
|
-
.header-toggle
|
88
|
-
span
|
89
|
-
background: $color-invert
|
90
|
-
&:hover
|
91
|
-
background: rgba(black, 0.1)
|
92
|
-
&.is-active
|
93
|
-
span
|
94
|
-
background: $color-invert
|
95
|
-
.header-menu
|
96
|
-
background: $color
|
97
|
-
.header-item
|
98
|
-
border-top-color: rgba($color-invert, 0.2)
|
99
|
-
&.is-fullheight,
|
100
|
-
&.is-medium,
|
101
|
-
&.is-large
|
102
|
-
+tablet
|
103
|
-
.title
|
104
|
-
font-size: $size-huge
|
105
|
-
.subtitle
|
106
|
-
font-size: $size-large
|
107
|
-
.tabs
|
108
|
-
font-size: $size-medium
|
109
|
-
a
|
110
|
-
padding-bottom: 15px
|
111
|
-
&.is-boxed
|
112
|
-
a
|
113
|
-
padding: 12px 16px
|
114
|
-
&.is-medium
|
115
|
-
+tablet
|
116
|
-
.hero-content
|
117
|
-
padding: 120px 20px
|
118
|
-
.title
|
119
|
-
font-size: 40px
|
120
|
-
.subtitle
|
121
|
-
font-size: 24px
|
122
|
-
.tabs
|
123
|
-
font-size: 16px
|
124
|
-
+desktop
|
125
|
-
.hero-content
|
126
|
-
padding: 120px 0
|
127
|
-
&.is-large
|
128
|
-
+tablet
|
129
|
-
.hero-content
|
130
|
-
padding: 240px 20px
|
131
|
-
+desktop
|
132
|
-
.hero-content
|
133
|
-
padding: 240px 0
|
134
|
-
&.is-fullheight
|
135
|
-
align-items: stretch
|
136
|
-
display: flex
|
137
|
-
flex-direction: column
|
138
|
-
height: 100vh
|
139
|
-
justify-content: space-between
|
140
|
-
.hero-content
|
141
|
-
display: flex
|
142
|
-
flex: 1
|
143
|
-
flex-direction: column
|
144
|
-
justify-content: center
|
145
|
-
&.is-left
|
146
|
-
text-align: left
|
147
|
-
&.is-right
|
148
|
-
text-align: right
|
@@ -1,83 +0,0 @@
|
|
1
|
-
=arrow($color)
|
2
|
-
border: 1px solid $color
|
3
|
-
border-right: 0
|
4
|
-
border-top: 0
|
5
|
-
content: " "
|
6
|
-
display: block
|
7
|
-
height: 7px
|
8
|
-
pointer-events: none
|
9
|
-
position: absolute
|
10
|
-
transform: rotate(-45deg)
|
11
|
-
width: 7px
|
12
|
-
|
13
|
-
=clearfix
|
14
|
-
&:after
|
15
|
-
clear: both
|
16
|
-
content: " "
|
17
|
-
display: table
|
18
|
-
|
19
|
-
=center($size)
|
20
|
-
left: 50%
|
21
|
-
margin-left: -($size / 2)
|
22
|
-
margin-top: -($size / 2)
|
23
|
-
position: absolute
|
24
|
-
top: 50%
|
25
|
-
|
26
|
-
=fa($size, $dimensions)
|
27
|
-
display: inline-block
|
28
|
-
font-size: $size
|
29
|
-
height: $dimensions
|
30
|
-
line-height: $dimensions
|
31
|
-
text-align: center
|
32
|
-
vertical-align: top
|
33
|
-
width: $dimensions
|
34
|
-
|
35
|
-
=overlay($offset: 0)
|
36
|
-
bottom: $offset
|
37
|
-
left: $offset
|
38
|
-
position: absolute
|
39
|
-
right: $offset
|
40
|
-
top: $offset
|
41
|
-
|
42
|
-
=placeholder
|
43
|
-
$placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input'
|
44
|
-
@each $placeholder in $placeholders
|
45
|
-
&:#{$placeholder}-placeholder
|
46
|
-
@content
|
47
|
-
|
48
|
-
=replace($background, $width, $height)
|
49
|
-
background: $background center center no-repeat
|
50
|
-
background-size: $width $height
|
51
|
-
display: block
|
52
|
-
height: $height
|
53
|
-
outline: none
|
54
|
-
overflow: hidden
|
55
|
-
text-indent: -290486px
|
56
|
-
width: $width
|
57
|
-
|
58
|
-
$tablet: 769px
|
59
|
-
$desktop: 980px
|
60
|
-
|
61
|
-
=from($device)
|
62
|
-
@media screen and (min-width: $device)
|
63
|
-
@content
|
64
|
-
|
65
|
-
=until($device)
|
66
|
-
@media screen and (max-width: $device - 1px)
|
67
|
-
@content
|
68
|
-
|
69
|
-
=mobile
|
70
|
-
@media screen and (max-width: $tablet - 1px)
|
71
|
-
@content
|
72
|
-
|
73
|
-
=tablet
|
74
|
-
@media screen and (min-width: $tablet)
|
75
|
-
@content
|
76
|
-
|
77
|
-
=touch
|
78
|
-
@media screen and (max-width: $desktop - 1px)
|
79
|
-
@content
|
80
|
-
|
81
|
-
=desktop
|
82
|
-
@media screen and (min-width: $desktop)
|
83
|
-
@content
|
@@ -1,174 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// HTML5 Reset :: style.css
|
3
|
-
// ----------------------------------------------------------
|
4
|
-
// We have learned much from/been inspired by/taken code where offered from:
|
5
|
-
//
|
6
|
-
// Eric Meyer :: http://meyerweb.com
|
7
|
-
// HTML5 Doctor :: http://html5doctor.com
|
8
|
-
// and the HTML5 Boilerplate :: http://html5boilerplate.com
|
9
|
-
//
|
10
|
-
//-------------------------------------------------------------------------------
|
11
|
-
|
12
|
-
// Let's default this puppy out
|
13
|
-
|
14
|
-
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary
|
15
|
-
margin: 0
|
16
|
-
padding: 0
|
17
|
-
border: 0
|
18
|
-
font-size: 100%
|
19
|
-
font-weight: normal
|
20
|
-
vertical-align: baseline
|
21
|
-
background: transparent
|
22
|
-
|
23
|
-
article, aside, figure, footer, header, nav, section, details, summary
|
24
|
-
display: block
|
25
|
-
|
26
|
-
// Handle box-sizing while better addressing child elements:
|
27
|
-
// http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
|
28
|
-
html
|
29
|
-
box-sizing: border-box
|
30
|
-
|
31
|
-
*,
|
32
|
-
*:before,
|
33
|
-
*:after
|
34
|
-
box-sizing: inherit
|
35
|
-
|
36
|
-
// consider resetting the default cursor: https://gist.github.com/murtaugh/5247154
|
37
|
-
|
38
|
-
// Responsive images and other embedded objects
|
39
|
-
img,
|
40
|
-
object,
|
41
|
-
embed
|
42
|
-
max-width: 100%
|
43
|
-
|
44
|
-
//
|
45
|
-
// Note: keeping IMG here will cause problems if you're using foreground images as sprites.
|
46
|
-
// In fact, it *will* cause problems with Google Maps' controls at small size.
|
47
|
-
// If this is the case for you, try uncommenting the following:
|
48
|
-
//
|
49
|
-
//#map img {
|
50
|
-
// max-width: none;
|
51
|
-
//}
|
52
|
-
|
53
|
-
// force a vertical scrollbar to prevent a jumpy page
|
54
|
-
html
|
55
|
-
overflow-y: scroll
|
56
|
-
|
57
|
-
// we use a lot of ULs that aren't bulleted.
|
58
|
-
// don't forget to restore the bullets within content.
|
59
|
-
ul
|
60
|
-
list-style: none
|
61
|
-
|
62
|
-
blockquote, q
|
63
|
-
quotes: none
|
64
|
-
|
65
|
-
blockquote:before,
|
66
|
-
blockquote:after,
|
67
|
-
q:before,
|
68
|
-
q:after
|
69
|
-
content: ''
|
70
|
-
content: none
|
71
|
-
|
72
|
-
a
|
73
|
-
margin: 0
|
74
|
-
padding: 0
|
75
|
-
font-size: 100%
|
76
|
-
vertical-align: baseline
|
77
|
-
background: transparent
|
78
|
-
|
79
|
-
del
|
80
|
-
text-decoration: line-through
|
81
|
-
|
82
|
-
abbr[title], dfn[title]
|
83
|
-
border-bottom: 1px dotted #000
|
84
|
-
cursor: help
|
85
|
-
|
86
|
-
// tables still need cellspacing="0" in the markup
|
87
|
-
table
|
88
|
-
border-collapse: collapse
|
89
|
-
border-spacing: 0
|
90
|
-
|
91
|
-
th
|
92
|
-
font-weight: bold
|
93
|
-
vertical-align: bottom
|
94
|
-
|
95
|
-
td
|
96
|
-
font-weight: normal
|
97
|
-
vertical-align: top
|
98
|
-
|
99
|
-
hr
|
100
|
-
display: block
|
101
|
-
height: 1px
|
102
|
-
border: 0
|
103
|
-
border-top: 1px solid #ccc
|
104
|
-
margin: 1em 0
|
105
|
-
padding: 0
|
106
|
-
|
107
|
-
input, select
|
108
|
-
vertical-align: middle
|
109
|
-
|
110
|
-
pre
|
111
|
-
white-space: pre
|
112
|
-
// CSS2
|
113
|
-
white-space: pre-wrap
|
114
|
-
// CSS 2.1
|
115
|
-
white-space: pre-line
|
116
|
-
// CSS 3 (and 2.1 as well, actually)
|
117
|
-
word-wrap: break-word
|
118
|
-
// IE
|
119
|
-
|
120
|
-
input[type="radio"]
|
121
|
-
vertical-align: text-bottom
|
122
|
-
|
123
|
-
input[type="checkbox"]
|
124
|
-
vertical-align: bottom
|
125
|
-
|
126
|
-
select, input, textarea
|
127
|
-
font: 99% sans-serif
|
128
|
-
|
129
|
-
table
|
130
|
-
font-size: inherit
|
131
|
-
font: 100%
|
132
|
-
|
133
|
-
small
|
134
|
-
font-size: 85%
|
135
|
-
|
136
|
-
strong
|
137
|
-
font-weight: bold
|
138
|
-
|
139
|
-
td, td img
|
140
|
-
vertical-align: top
|
141
|
-
|
142
|
-
// Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930
|
143
|
-
sub, sup
|
144
|
-
font-size: 75%
|
145
|
-
line-height: 0
|
146
|
-
position: relative
|
147
|
-
|
148
|
-
sup
|
149
|
-
top: -0.5em
|
150
|
-
|
151
|
-
sub
|
152
|
-
bottom: -0.25em
|
153
|
-
|
154
|
-
// standardize any monospaced elements
|
155
|
-
pre, code, kbd, samp
|
156
|
-
font-family: monospace, sans-serif
|
157
|
-
|
158
|
-
// hand cursor on clickable elements
|
159
|
-
label,
|
160
|
-
input[type=button],
|
161
|
-
input[type=submit],
|
162
|
-
input[type=file],
|
163
|
-
button
|
164
|
-
cursor: pointer
|
165
|
-
|
166
|
-
// Webkit browsers add a 2px margin outside the chrome of form elements
|
167
|
-
button, input, select, textarea
|
168
|
-
margin: 0
|
169
|
-
|
170
|
-
// make buttons play nice in IE
|
171
|
-
button,
|
172
|
-
input[type=button]
|
173
|
-
width: auto
|
174
|
-
overflow: visible
|