mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +00:00
Add RTL build scripts
This commit is contained in:
Jeremy Thomas
parent
af0350e91c
commit
1e9c962549
3
bulma-rtl.sass
Normal file
3
bulma-rtl.sass
Normal file
@ -0,0 +1,3 @@
|
||||
@charset "utf-8"
|
||||
$rtl: true
|
||||
@import "bulma"
|
||||
10900
css/bulma-rtl.css
Normal file
10900
css/bulma-rtl.css
Normal file
File diff suppressed because it is too large
Load Diff
1
css/bulma-rtl.css.map
Normal file
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
1
css/bulma-rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
190
css/bulma.css
vendored
190
css/bulma.css
vendored
@ -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 {
|
||||
@ -1597,13 +1597,17 @@ a.box:active {
|
||||
}
|
||||
|
||||
.button .icon:first-child:not(:last-child) {
|
||||
margin-left: calc(-0.5em - 1px);
|
||||
margin-right: 0.25em;
|
||||
-webkit-margin-start: calc(-0.5em - 1px);
|
||||
margin-inline-start: calc(-0.5em - 1px);
|
||||
-webkit-margin-end: 0.25em;
|
||||
margin-inline-end: 0.25em;
|
||||
}
|
||||
|
||||
.button .icon:last-child:not(:first-child) {
|
||||
margin-left: 0.25em;
|
||||
margin-right: calc(-0.5em - 1px);
|
||||
-webkit-margin-start: 0.25em;
|
||||
margin-inline-start: 0.25em;
|
||||
-webkit-margin-end: calc(-0.5em - 1px);
|
||||
margin-inline-end: calc(-0.5em - 1px);
|
||||
}
|
||||
|
||||
.button .icon:first-child:last-child {
|
||||
@ -2884,7 +2888,8 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.buttons .button:not(:last-child):not(.is-fullwidth) {
|
||||
margin-right: 0.5rem;
|
||||
-webkit-margin-end: 0.5rem;
|
||||
margin-inline-end: 0.5rem;
|
||||
}
|
||||
|
||||
.buttons:last-child {
|
||||
@ -2916,11 +2921,13 @@ fieldset[disabled] .button {
|
||||
.buttons.has-addons .button:not(:last-child) {
|
||||
border-bottom-right-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
margin-right: -1px;
|
||||
-webkit-margin-end: -1px;
|
||||
margin-inline-end: -1px;
|
||||
}
|
||||
|
||||
.buttons.has-addons .button:last-child {
|
||||
margin-right: 0;
|
||||
-webkit-margin-end: 0;
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
|
||||
.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
|
||||
@ -3071,13 +3078,15 @@ fieldset[disabled] .button {
|
||||
|
||||
.content blockquote {
|
||||
background-color: whitesmoke;
|
||||
border-left: 5px solid #dbdbdb;
|
||||
-webkit-border-start: 5px solid #dbdbdb;
|
||||
border-inline-start: 5px solid #dbdbdb;
|
||||
padding: 1.25em 1.5em;
|
||||
}
|
||||
|
||||
.content ol {
|
||||
list-style-position: outside;
|
||||
margin-left: 2em;
|
||||
-webkit-margin-start: 2em;
|
||||
margin-inline-start: 2em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
@ -3103,7 +3112,8 @@ fieldset[disabled] .button {
|
||||
|
||||
.content ul {
|
||||
list-style: disc outside;
|
||||
margin-left: 2em;
|
||||
-webkit-margin-start: 2em;
|
||||
margin-inline-start: 2em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
@ -3117,7 +3127,8 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.content dd {
|
||||
margin-left: 2em;
|
||||
-webkit-margin-start: 2em;
|
||||
margin-inline-start: 2em;
|
||||
}
|
||||
|
||||
.content figure {
|
||||
@ -3172,7 +3183,7 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.content table th:not([align]) {
|
||||
text-align: left;
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
.content table thead td,
|
||||
@ -3369,7 +3380,9 @@ fieldset[disabled] .button {
|
||||
.notification {
|
||||
background-color: whitesmoke;
|
||||
border-radius: 4px;
|
||||
padding: 1.25rem 2.5rem 1.25rem 1.5rem;
|
||||
padding: 1.25rem 1.5rem;
|
||||
-webkit-padding-start: 2.5rem;
|
||||
padding-inline-start: 2.5rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@ -3428,31 +3441,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 +3846,7 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.table th:not([align]) {
|
||||
text-align: left;
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
.table tr.is-selected {
|
||||
@ -4289,23 +4332,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 +5253,7 @@ fieldset[disabled] .select select:hover {
|
||||
display: block;
|
||||
max-width: 16em;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
text-align: inherit;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
@ -5306,7 +5349,8 @@ fieldset[disabled] .select select:hover {
|
||||
}
|
||||
|
||||
.field.has-addons .control:not(:last-child) {
|
||||
margin-right: -1px;
|
||||
-webkit-margin-end: -1px;
|
||||
margin-inline-end: -1px;
|
||||
}
|
||||
|
||||
.field.has-addons .control:not(:first-child):not(:last-child) .button,
|
||||
@ -5390,7 +5434,8 @@ fieldset[disabled] .select select:hover {
|
||||
|
||||
.field.is-grouped > .control:not(:last-child) {
|
||||
margin-bottom: 0;
|
||||
margin-right: 0.75rem;
|
||||
-webkit-margin-end: 0.75rem;
|
||||
margin-inline-end: 0.75rem;
|
||||
}
|
||||
|
||||
.field.is-grouped > .control.is-expanded {
|
||||
@ -5443,7 +5488,8 @@ fieldset[disabled] .select select:hover {
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 0;
|
||||
margin-right: 1.5rem;
|
||||
-webkit-margin-end: 1.5rem;
|
||||
margin-inline-end: 1.5rem;
|
||||
text-align: right;
|
||||
}
|
||||
.field-label.is-small {
|
||||
@ -5484,7 +5530,8 @@ fieldset[disabled] .select select:hover {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.field-body > .field:not(:last-child) {
|
||||
margin-right: 0.75rem;
|
||||
-webkit-margin-end: 0.75rem;
|
||||
margin-inline-end: 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
@ -5493,7 +5540,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,
|
||||
@ -5590,7 +5637,8 @@ fieldset[disabled] .select select:hover {
|
||||
}
|
||||
|
||||
.breadcrumb li:first-child a {
|
||||
padding-left: 0;
|
||||
-webkit-padding-start: 0;
|
||||
padding-inline-start: 0;
|
||||
}
|
||||
|
||||
.breadcrumb li.is-active a {
|
||||
@ -5613,11 +5661,13 @@ fieldset[disabled] .select select:hover {
|
||||
}
|
||||
|
||||
.breadcrumb .icon:first-child {
|
||||
margin-right: 0.5em;
|
||||
-webkit-margin-end: 0.5em;
|
||||
margin-inline-end: 0.5em;
|
||||
}
|
||||
|
||||
.breadcrumb .icon:last-child {
|
||||
margin-left: 0.5em;
|
||||
-webkit-margin-start: 0.5em;
|
||||
margin-inline-start: 0.5em;
|
||||
}
|
||||
|
||||
.breadcrumb.is-centered ol,
|
||||
@ -5722,7 +5772,8 @@ fieldset[disabled] .select select:hover {
|
||||
}
|
||||
|
||||
.card-footer-item:not(:last-child) {
|
||||
border-right: 1px solid #ededed;
|
||||
-webkit-border-end: 1px solid #ededed;
|
||||
border-inline-end: 1px solid #ededed;
|
||||
}
|
||||
|
||||
.card .media:not(:last-child) {
|
||||
@ -5780,8 +5831,9 @@ fieldset[disabled] .select select:hover {
|
||||
|
||||
a.dropdown-item,
|
||||
button.dropdown-item {
|
||||
padding-right: 3rem;
|
||||
text-align: left;
|
||||
-webkit-padding-end: 3rem;
|
||||
padding-inline-end: 3rem;
|
||||
text-align: inherit;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
}
|
||||
@ -5835,7 +5887,8 @@ button.dropdown-item.is-active {
|
||||
|
||||
.level.is-mobile .level-item:not(:last-child) {
|
||||
margin-bottom: 0;
|
||||
margin-right: 0.75rem;
|
||||
-webkit-margin-end: 0.75rem;
|
||||
margin-inline-end: 0.75rem;
|
||||
}
|
||||
|
||||
.level.is-mobile .level-item:not(.is-narrow) {
|
||||
@ -5886,7 +5939,8 @@ button.dropdown-item.is-active {
|
||||
@media screen and (min-width: 769px), print {
|
||||
.level-left .level-item:not(:last-child),
|
||||
.level-right .level-item:not(:last-child) {
|
||||
margin-right: 0.75rem;
|
||||
-webkit-margin-end: 0.75rem;
|
||||
margin-inline-end: 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
@ -6005,18 +6059,20 @@ a.list-item {
|
||||
}
|
||||
|
||||
.media-left {
|
||||
margin-right: 1rem;
|
||||
-webkit-margin-end: 1rem;
|
||||
margin-inline-end: 1rem;
|
||||
}
|
||||
|
||||
.media-right {
|
||||
margin-left: 1rem;
|
||||
-webkit-margin-start: 1rem;
|
||||
margin-inline-start: 1rem;
|
||||
}
|
||||
|
||||
.media-content {
|
||||
flex-basis: auto;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
text-align: left;
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
@ -6063,9 +6119,11 @@ a.list-item {
|
||||
}
|
||||
|
||||
.menu-list li ul {
|
||||
border-left: 1px solid #dbdbdb;
|
||||
-webkit-border-start: 1px solid #dbdbdb;
|
||||
border-inline-start: 1px solid #dbdbdb;
|
||||
margin: 0.75em;
|
||||
padding-left: 0.75em;
|
||||
-webkit-padding-start: 0.75em;
|
||||
padding-inline-start: 0.75em;
|
||||
}
|
||||
|
||||
.menu-label {
|
||||
@ -6262,7 +6320,8 @@ a.list-item {
|
||||
.message-header .delete {
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
margin-left: 0.75em;
|
||||
-webkit-margin-start: 0.75em;
|
||||
margin-inline-start: 0.75em;
|
||||
}
|
||||
|
||||
.message-header + .message-body {
|
||||
@ -6374,7 +6433,8 @@ a.list-item {
|
||||
}
|
||||
|
||||
.modal-card-foot .button:not(:last-child) {
|
||||
margin-right: 0.5em;
|
||||
-webkit-margin-end: 0.5em;
|
||||
margin-inline-end: 0.5em;
|
||||
}
|
||||
|
||||
.modal-card-body {
|
||||
@ -7079,7 +7139,8 @@ body.has-navbar-fixed-bottom {
|
||||
height: 3.25rem;
|
||||
position: relative;
|
||||
width: 3.25rem;
|
||||
margin-left: auto;
|
||||
-webkit-margin-start: auto;
|
||||
margin-inline-start: auto;
|
||||
}
|
||||
|
||||
.navbar-burger span {
|
||||
@ -7157,7 +7218,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;
|
||||
}
|
||||
@ -7357,11 +7417,13 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
|
||||
}
|
||||
.navbar-start {
|
||||
justify-content: flex-start;
|
||||
margin-right: auto;
|
||||
-webkit-margin-end: auto;
|
||||
margin-inline-end: auto;
|
||||
}
|
||||
.navbar-end {
|
||||
justify-content: flex-end;
|
||||
margin-left: auto;
|
||||
-webkit-margin-start: auto;
|
||||
margin-inline-start: auto;
|
||||
}
|
||||
.navbar-dropdown {
|
||||
background-color: white;
|
||||
@ -7413,11 +7475,13 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
|
||||
}
|
||||
.navbar > .container .navbar-brand,
|
||||
.container > .navbar .navbar-brand {
|
||||
margin-left: -.75rem;
|
||||
-webkit-margin-start: -.75rem;
|
||||
margin-inline-start: -.75rem;
|
||||
}
|
||||
.navbar > .container .navbar-menu,
|
||||
.container > .navbar .navbar-menu {
|
||||
margin-right: -.75rem;
|
||||
-webkit-margin-end: -.75rem;
|
||||
margin-inline-end: -.75rem;
|
||||
}
|
||||
.navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
|
||||
left: 0;
|
||||
@ -7817,7 +7881,8 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
|
||||
}
|
||||
|
||||
.panel-block input[type="checkbox"] {
|
||||
margin-right: 0.75em;
|
||||
-webkit-margin-end: 0.75em;
|
||||
margin-inline-end: 0.75em;
|
||||
}
|
||||
|
||||
.panel-block > .control {
|
||||
@ -7863,7 +7928,8 @@ label.panel-block:hover {
|
||||
vertical-align: top;
|
||||
width: 1em;
|
||||
color: #7a7a7a;
|
||||
margin-right: 0.75em;
|
||||
-webkit-margin-end: 0.75em;
|
||||
margin-inline-end: 0.75em;
|
||||
}
|
||||
|
||||
.panel-icon .fa {
|
||||
@ -7937,11 +8003,13 @@ label.panel-block:hover {
|
||||
}
|
||||
|
||||
.tabs .icon:first-child {
|
||||
margin-right: 0.5em;
|
||||
-webkit-margin-end: 0.5em;
|
||||
margin-inline-end: 0.5em;
|
||||
}
|
||||
|
||||
.tabs .icon:last-child {
|
||||
margin-left: 0.5em;
|
||||
-webkit-margin-start: 0.5em;
|
||||
margin-inline-start: 0.5em;
|
||||
}
|
||||
|
||||
.tabs.is-centered ul {
|
||||
@ -7988,7 +8056,8 @@ label.panel-block:hover {
|
||||
}
|
||||
|
||||
.tabs.is-toggle li + li {
|
||||
margin-left: -1px;
|
||||
-webkit-margin-start: -1px;
|
||||
margin-inline-start: -1px;
|
||||
}
|
||||
|
||||
.tabs.is-toggle li:first-child a {
|
||||
@ -8011,15 +8080,17 @@ label.panel-block:hover {
|
||||
}
|
||||
|
||||
.tabs.is-toggle.is-toggle-rounded li:first-child a {
|
||||
-webkit-padding-start: 1.25em;
|
||||
padding-inline-start: 1.25em;
|
||||
border-bottom-left-radius: 290486px;
|
||||
border-top-left-radius: 290486px;
|
||||
padding-left: 1.25em;
|
||||
}
|
||||
|
||||
.tabs.is-toggle.is-toggle-rounded li:last-child a {
|
||||
-webkit-padding-end: 1.25em;
|
||||
padding-inline-end: 1.25em;
|
||||
border-bottom-right-radius: 290486px;
|
||||
border-top-right-radius: 290486px;
|
||||
padding-right: 1.25em;
|
||||
}
|
||||
|
||||
.tabs.is-small {
|
||||
@ -10718,21 +10789,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
2
css/bulma.min.css
vendored
File diff suppressed because one or more lines are too long
11
package.json
11
package.json
@ -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"
|
||||
]
|
||||
|
||||
Loading…
Reference in New Issue
Block a user