mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-28 12:24:23 +00:00
08ef4df2c0
* Add Bulma v9 * Add vendor dependencies * Fix native * Fix sponsors * Add style attribute
83 lines
1.4 KiB
SCSS
83 lines
1.4 KiB
SCSS
.bd-call {
|
|
--background-color: var(--primary-light);
|
|
--color: var(--primary-dark);
|
|
--color-dark: var(--primary-dark);
|
|
--margin: 1.5rem;
|
|
--spacing: 1em;
|
|
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: var(--font-size);
|
|
justify-content: center;
|
|
margin: var(--margin);
|
|
|
|
&.bd-is-twitter {
|
|
--background-color: var(--twitter-light);
|
|
--color: var(--twitter);
|
|
--color-dark: var(--twitter-dark);
|
|
}
|
|
|
|
&.bd-is-extensions {
|
|
--background-color: var(--extensions-light);
|
|
--color: var(--extensions);
|
|
--color-dark: var(--extensions-dark);
|
|
}
|
|
}
|
|
|
|
.bd-call-body {
|
|
align-items: center;
|
|
background-color: var(--background-color);
|
|
border-radius: $radius-large;
|
|
color: var(--color);
|
|
justify-content: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: var(--container-width);
|
|
padding: var(--spacing);
|
|
|
|
strong {
|
|
color: var(--color-dark);
|
|
font-weight: $weight-semibold;
|
|
}
|
|
}
|
|
|
|
.bd-call-text {
|
|
margin-left: var(--spacing);
|
|
margin-right: calc(2 * var(--spacing));
|
|
}
|
|
|
|
.bd-call-button {
|
|
.button {
|
|
font-size: 1em;
|
|
}
|
|
}
|
|
|
|
@include mobile {
|
|
.bd-call-body {
|
|
text-align: center;
|
|
}
|
|
|
|
.bd-call-text {
|
|
margin-bottom: var(--spacing);
|
|
}
|
|
}
|
|
|
|
@include tablet {
|
|
.bd-call-body {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
@include desktop {
|
|
.bd-call {
|
|
--margin: 3rem;
|
|
}
|
|
}
|
|
|
|
@include widescreen {
|
|
.bd-call {
|
|
--font-size: 1.125rem;
|
|
--margin: 3rem;
|
|
}
|
|
}
|