library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add Sass survey

Browse Source
This commit is contained in:
Jeremy Thomas 2021-07-10 12:57:03 +01:00
parent ac18a0ccbf
commit 505d949101
5 changed files with 61 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
docs/_layouts/default.html
View File

@ -7,9 +7,22 @@
<body <body
class="layout-{{ page.layout }}{% if page.doc-tab %} page-{{ page.doc-tab}}{% endif %}" class="layout-{{ page.layout }}{% if page.doc-tab %} page-{{ page.doc-tab}}{% endif %}"
> >
<div id="survey-banner">
<p><strong class="has-text-weight-semibold">Quick question</strong>: which version of <a href="https://sass-lang.com/" target="_blank">Sass</a> are you using?</p>
<button class="button is-primary is-small modal-button" data-target="surveyModal">Answer here</button>
</div>
{% include global/deprecated.html %} {% include global/deprecated.html %}
{{ content }} {{ content }}
{% include global/footer.html %} {% include global/footer.html %}
{% include global/scripts.html %} {% include global/scripts.html %}
<div id="surveyModal" class="modal">
<div class="modal-background"></div>
<div class="modal-content">
<div class="modal-card-body py-6 px-0 is-flex is-justify-content-center" style="border-radius: 0.5rem;">
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfnJaOck3NuWcuUT5eSk39_qEDa56DhWEU5BRsQ8u9tMfvPWg/viewform?embedded=true" width="600" height="600" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
</div>
</div>
<button class="modal-close is-large" aria-label="close"></button>
</div>
</body> </body>
</html> </html>

22
docs/_sass/components/survey.scss Normal file
View File

@ -0,0 +1,22 @@
#survey-banner {
align-items: center;
background-color: $primary-light;
color: $primary-dark;
display: flex;
font-size: 0.875rem;
justify-content: center;
padding: 0.5em;
a,
strong {
color: inherit;
}
a {
text-decoration: underline;
}
p {
margin-right: 1em;
}
}

1
docs/bulma-docs.scss
View File

@ -220,6 +220,7 @@ $navbar-breakpoint: $tablet;
@import './_sass/components/native'; @import './_sass/components/native';
@import './_sass/components/fortyfour'; @import './_sass/components/fortyfour';
@import './_sass/components/spacing-table'; @import './_sass/components/spacing-table';
@import './_sass/components/survey';
@import './_sass/pages/index'; @import './_sass/pages/index';
@import './_sass/pages/docs'; @import './_sass/pages/docs';

25
docs/css/bulma-docs.css
View File

@ -1,5 +1,5 @@
@charset "UTF-8"; @charset "UTF-8";
/*! bulma.io v0.9.2 | MIT License | github.com/jgthms/bulma */ /*! bulma.io v0.9.3 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */ /* Bulma Utilities */
.button, .input, .textarea, .select select, .file-cta, .button, .input, .textarea, .select select, .file-cta,
.file-name, .pagination-previous, .file-name, .pagination-previous,
@ -19450,6 +19450,29 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
color: #fff; color: #fff;
} }
#survey-banner {
align-items: center;
background-color: #ebfffc;
color: #00947e;
display: flex;
font-size: 0.875rem;
justify-content: center;
padding: 0.5em;
}
#survey-banner a,
#survey-banner strong {
color: inherit;
}
#survey-banner a {
text-decoration: underline;
}
#survey-banner p {
margin-right: 1em;
}
:root { :root {
--bd-index-vertical: 1.5rem; --bd-index-vertical: 1.5rem;
--bd-index-gap: 3rem; --bd-index-gap: 3rem;

2
docs/css/bulma-docs.min.css vendored
View File

File diff suppressed because one or more lines are too long