Add RTL build scripts

This commit is contained in:
Jeremy Thomas 2020-03-23 12:14:36 +00:00
parent 850db4bcc4
commit 71ca950476
8 changed files with 10922 additions and 28 deletions

3
bulma-rtl.sass Normal file
View File

@ -0,0 +1,3 @@
@charset "utf-8"
$rtl: true
@import "bulma"

10858
css/bulma-rtl.css Normal file

File diff suppressed because it is too large Load Diff

1
css/bulma-rtl.css.map Normal file

File diff suppressed because one or more lines are too long

1
css/bulma-rtl.min.css vendored Normal file

File diff suppressed because one or more lines are too long

72
css/bulma.css vendored
View File

@ -308,7 +308,7 @@ th {
td:not([align]),
th:not([align]) {
text-align: left;
text-align: inherit;
}
html {
@ -441,7 +441,7 @@ table th {
table td:not([align]),
table th:not([align]) {
text-align: left;
text-align: inherit;
}
table th {
@ -3172,7 +3172,7 @@ fieldset[disabled] .button {
}
.content table th:not([align]) {
text-align: left;
text-align: inherit;
}
.content table thead td,
@ -3369,8 +3369,8 @@ fieldset[disabled] .button {
.notification {
background-color: whitesmoke;
border-radius: 4px;
padding: 1.25rem 2.5rem 1.25rem 1.5rem;
position: relative;
padding: 1.25rem 2.5rem 1.25rem 1.5rem;
}
.notification a:not(.button):not(.dropdown-item) {
@ -3392,8 +3392,8 @@ fieldset[disabled] .button {
}
.notification > .delete {
position: absolute;
right: 0.5rem;
position: absolute;
top: 0.5rem;
}
@ -3428,31 +3428,61 @@ fieldset[disabled] .button {
color: #fff;
}
.notification.is-primary.is-light {
background-color: #ebfffc;
color: #00947e;
}
.notification.is-link {
background-color: #3273dc;
color: #fff;
}
.notification.is-link.is-light {
background-color: #eef3fc;
color: #2160c4;
}
.notification.is-info {
background-color: #3298dc;
color: #fff;
}
.notification.is-info.is-light {
background-color: #eef6fc;
color: #1d72aa;
}
.notification.is-success {
background-color: #48c774;
color: #fff;
}
.notification.is-success.is-light {
background-color: #effaf3;
color: #257942;
}
.notification.is-warning {
background-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
}
.notification.is-warning.is-light {
background-color: #fffbeb;
color: #947600;
}
.notification.is-danger {
background-color: #f14668;
color: #fff;
}
.notification.is-danger.is-light {
background-color: #feecf0;
color: #cc0f35;
}
.progress {
-moz-appearance: none;
-webkit-appearance: none;
@ -3803,7 +3833,7 @@ fieldset[disabled] .button {
}
.table th:not([align]) {
text-align: left;
text-align: inherit;
}
.table tr.is-selected {
@ -4289,23 +4319,23 @@ a.tag:hover {
background-color: white;
border-color: #dbdbdb;
border-radius: 4px;
color: #363636;
color: inherit;
}
.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
color: rgba(54, 54, 54, 0.3);
color: inherit;
}
.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
color: rgba(54, 54, 54, 0.3);
color: inherit;
}
.input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
color: rgba(54, 54, 54, 0.3);
color: inherit;
}
.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
color: rgba(54, 54, 54, 0.3);
color: inherit;
}
.input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
@ -5210,7 +5240,7 @@ fieldset[disabled] .select select:hover {
display: block;
max-width: 16em;
overflow: hidden;
text-align: left;
text-align: inherit;
text-overflow: ellipsis;
}
@ -5493,7 +5523,7 @@ fieldset[disabled] .select select:hover {
clear: both;
font-size: 1rem;
position: relative;
text-align: left;
text-align: inherit;
}
.control.has-icons-left .input:focus ~ .icon,
@ -5781,7 +5811,7 @@ fieldset[disabled] .select select:hover {
a.dropdown-item,
button.dropdown-item {
padding-right: 3rem;
text-align: left;
text-align: inherit;
white-space: nowrap;
width: 100%;
}
@ -5960,7 +5990,7 @@ a.list-item {
.media {
align-items: flex-start;
display: flex;
text-align: left;
text-align: inherit;
}
.media .content:not(:last-child) {
@ -6016,7 +6046,7 @@ a.list-item {
flex-basis: auto;
flex-grow: 1;
flex-shrink: 1;
text-align: left;
text-align: inherit;
}
@media screen and (max-width: 768px) {
@ -7157,7 +7187,6 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
}
.navbar-item {
display: block;
flex-grow: 0;
flex-shrink: 0;
}
@ -10718,21 +10747,18 @@ label.panel-block:hover {
}
.hero.is-small .hero-body {
padding-bottom: 1.5rem;
padding-top: 1.5rem;
padding: 1.5rem;
}
@media screen and (min-width: 769px), print {
.hero.is-medium .hero-body {
padding-bottom: 9rem;
padding-top: 9rem;
padding: 9rem 1.5rem;
}
}
@media screen and (min-width: 769px), print {
.hero.is-large .hero-body {
padding-bottom: 18rem;
padding-top: 18rem;
padding: 18rem 1.5rem;
}
}

File diff suppressed because one or more lines are too long

2
css/bulma.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -34,18 +34,23 @@
"rimraf": "^3.0.2"
},
"scripts": {
"build": "npm run build-clean && npm run build-sass && npm run build-autoprefix && npm run build-cleancss",
"build": "npm run build-sass && npm run build-autoprefix && npm run build-cleancss",
"build-autoprefix": "postcss --use autoprefixer --map false --output css/bulma.css css/bulma.css",
"build-cleancss": "cleancss -o css/bulma.min.css css/bulma.css",
"build-clean": "rimraf css",
"build-sass": "node-sass --output-style expanded --source-map true bulma.sass css/bulma.css",
"deploy": "npm run build",
"clean": "rimraf css",
"rtl": "npm run rtl-sass && npm run rtl-autoprefix && npm run rtl-cleancss",
"rtl-sass": "node-sass --output-style expanded --source-map true bulma-rtl.sass css/bulma-rtl.css",
"rtl-autoprefix": "postcss --use autoprefixer --map false --output css/bulma-rtl.css css/bulma-rtl.css",
"rtl-cleancss": "cleancss -o css/bulma-rtl.min.css css/bulma-rtl.css",
"deploy": "npm run clean && npm run build && npm run rtl",
"start": "npm run build-sass -- --watch"
},
"files": [
"css",
"sass",
"bulma.sass",
"bulma-rtl.sass",
"LICENSE",
"README.md"
]