bulma/docs/_sass/index/custom.scss
Jeremy Thomas 08ef4df2c0
Bulma v9 website (#3249)
* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute
2021-01-27 23:30:42 +00:00

91 lines
1.3 KiB
SCSS

// Customize
.bd-index-custom-title {
color: $border-hover;
}
.bd-index-custom-example {
padding: 1rem;
.subtitle {
margin-bottom: 0.5rem;
}
}
.bd-index-custom.bd-is-after {
color: $brown;
font-family: 'Nunito', serif;
margin-top: 0.5rem;
a {
color: $pink;
&:hover {
color: #363636;
}
}
.subtitle {
color: $brown;
}
.input,
.select select {
background-color: $beige-lighter;
border-color: transparent;
border-width: 2px;
box-shadow: none;
font-family: 'Nunito', serif;
&:hover {
border-color: $beige-light;
}
&:focus {
border-color: $pink;
box-shadow: 0 0 0 0.125em rgba($pink, 0.25);
}
}
.select {
&:not(.is-multiple):not(:hover) {
&::after {
border-color: $pink;
}
}
}
.button {
&.is-primary {
background-color: $mauve;
color: $scheme-main;
&:hover {
background-color: darken($mauve, 2.5%);
}
&:active {
background-color: darken($mauve, 5%);
}
}
&.is-link {
background-color: $pink;
color: $scheme-main;
&:hover {
background-color: darken($pink, 2.5%);
}
&:active {
background-color: darken($pink, 5%);
}
}
}
@include selection {
background-color: $pink;
color: $scheme-main;
}
}