"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "css/bulma-rtl.css" between
bulma-0.9.3.zip and bulma-0.9.4.zip

About: Bulma is a modern CSS framework based on Flexbox to build easily responsive web interfaces.

bulma-rtl.css  (bulma-0.9.3):bulma-rtl.css  (bulma-0.9.4)
/*! bulma.io v0.9.3 | MIT License | github.com/jgthms/bulma */ /*! bulma.io v0.9.4 | 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,
.pagination-next, .pagination-next,
.pagination-link, .pagination-link,
.pagination-ellipsis { .pagination-ellipsis {
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
align-items: center; align-items: center;
border: 1px solid transparent; border: 1px solid transparent;
skipping to change at line 614 skipping to change at line 614
.button.is-white:active, .button.is-white.is-active { .button.is-white:active, .button.is-white.is-active {
background-color: #f2f2f2; background-color: #f2f2f2;
border-color: transparent; border-color: transparent;
color: #0a0a0a; color: #0a0a0a;
} }
.button.is-white[disabled], .button.is-white[disabled],
fieldset[disabled] .button.is-white { fieldset[disabled] .button.is-white {
background-color: white; background-color: white;
border-color: transparent; border-color: white;
box-shadow: none; box-shadow: none;
} }
.button.is-white.is-inverted { .button.is-white.is-inverted {
background-color: #0a0a0a; background-color: #0a0a0a;
color: white; color: white;
} }
.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
background-color: black; background-color: black;
skipping to change at line 720 skipping to change at line 720
.button.is-black:active, .button.is-black.is-active { .button.is-black:active, .button.is-black.is-active {
background-color: black; background-color: black;
border-color: transparent; border-color: transparent;
color: white; color: white;
} }
.button.is-black[disabled], .button.is-black[disabled],
fieldset[disabled] .button.is-black { fieldset[disabled] .button.is-black {
background-color: #0a0a0a; background-color: #0a0a0a;
border-color: transparent; border-color: #0a0a0a;
box-shadow: none; box-shadow: none;
} }
.button.is-black.is-inverted { .button.is-black.is-inverted {
background-color: white; background-color: white;
color: #0a0a0a; color: #0a0a0a;
} }
.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
background-color: #f2f2f2; background-color: #f2f2f2;
skipping to change at line 826 skipping to change at line 826
.button.is-light:active, .button.is-light.is-active { .button.is-light:active, .button.is-light.is-active {
background-color: #e8e8e8; background-color: #e8e8e8;
border-color: transparent; border-color: transparent;
color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7);
} }
.button.is-light[disabled], .button.is-light[disabled],
fieldset[disabled] .button.is-light { fieldset[disabled] .button.is-light {
background-color: whitesmoke; background-color: whitesmoke;
border-color: transparent; border-color: whitesmoke;
box-shadow: none; box-shadow: none;
} }
.button.is-light.is-inverted { .button.is-light.is-inverted {
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
color: whitesmoke; color: whitesmoke;
} }
.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered { .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
skipping to change at line 932 skipping to change at line 932
.button.is-dark:active, .button.is-dark.is-active { .button.is-dark:active, .button.is-dark.is-active {
background-color: #292929; background-color: #292929;
border-color: transparent; border-color: transparent;
color: #fff; color: #fff;
} }
.button.is-dark[disabled], .button.is-dark[disabled],
fieldset[disabled] .button.is-dark { fieldset[disabled] .button.is-dark {
background-color: #363636; background-color: #363636;
border-color: transparent; border-color: #363636;
box-shadow: none; box-shadow: none;
} }
.button.is-dark.is-inverted { .button.is-dark.is-inverted {
background-color: #fff; background-color: #fff;
color: #363636; color: #363636;
} }
.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
background-color: #f2f2f2; background-color: #f2f2f2;
skipping to change at line 1038 skipping to change at line 1038
.button.is-primary:active, .button.is-primary.is-active { .button.is-primary:active, .button.is-primary.is-active {
background-color: #00b89c; background-color: #00b89c;
border-color: transparent; border-color: transparent;
color: #fff; color: #fff;
} }
.button.is-primary[disabled], .button.is-primary[disabled],
fieldset[disabled] .button.is-primary { fieldset[disabled] .button.is-primary {
background-color: #00d1b2; background-color: #00d1b2;
border-color: transparent; border-color: #00d1b2;
box-shadow: none; box-shadow: none;
} }
.button.is-primary.is-inverted { .button.is-primary.is-inverted {
background-color: #fff; background-color: #fff;
color: #00d1b2; color: #00d1b2;
} }
.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
background-color: #f2f2f2; background-color: #f2f2f2;
skipping to change at line 1161 skipping to change at line 1161
.button.is-link:active, .button.is-link.is-active { .button.is-link:active, .button.is-link.is-active {
background-color: #3a51bb; background-color: #3a51bb;
border-color: transparent; border-color: transparent;
color: #fff; color: #fff;
} }
.button.is-link[disabled], .button.is-link[disabled],
fieldset[disabled] .button.is-link { fieldset[disabled] .button.is-link {
background-color: #485fc7; background-color: #485fc7;
border-color: transparent; border-color: #485fc7;
box-shadow: none; box-shadow: none;
} }
.button.is-link.is-inverted { .button.is-link.is-inverted {
background-color: #fff; background-color: #fff;
color: #485fc7; color: #485fc7;
} }
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
background-color: #f2f2f2; background-color: #f2f2f2;
skipping to change at line 1284 skipping to change at line 1284
.button.is-info:active, .button.is-info.is-active { .button.is-info:active, .button.is-info.is-active {
background-color: #3082c5; background-color: #3082c5;
border-color: transparent; border-color: transparent;
color: #fff; color: #fff;
} }
.button.is-info[disabled], .button.is-info[disabled],
fieldset[disabled] .button.is-info { fieldset[disabled] .button.is-info {
background-color: #3e8ed0; background-color: #3e8ed0;
border-color: transparent; border-color: #3e8ed0;
box-shadow: none; box-shadow: none;
} }
.button.is-info.is-inverted { .button.is-info.is-inverted {
background-color: #fff; background-color: #fff;
color: #3e8ed0; color: #3e8ed0;
} }
.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered { .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
background-color: #f2f2f2; background-color: #f2f2f2;
skipping to change at line 1407 skipping to change at line 1407
.button.is-success:active, .button.is-success.is-active { .button.is-success:active, .button.is-success.is-active {
background-color: #3abb81; background-color: #3abb81;
border-color: transparent; border-color: transparent;
color: #fff; color: #fff;
} }
.button.is-success[disabled], .button.is-success[disabled],
fieldset[disabled] .button.is-success { fieldset[disabled] .button.is-success {
background-color: #48c78e; background-color: #48c78e;
border-color: transparent; border-color: #48c78e;
box-shadow: none; box-shadow: none;
} }
.button.is-success.is-inverted { .button.is-success.is-inverted {
background-color: #fff; background-color: #fff;
color: #48c78e; color: #48c78e;
} }
.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered { .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
background-color: #f2f2f2; background-color: #f2f2f2;
skipping to change at line 1530 skipping to change at line 1530
.button.is-warning:active, .button.is-warning.is-active { .button.is-warning:active, .button.is-warning.is-active {
background-color: #ffd970; background-color: #ffd970;
border-color: transparent; border-color: transparent;
color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7);
} }
.button.is-warning[disabled], .button.is-warning[disabled],
fieldset[disabled] .button.is-warning { fieldset[disabled] .button.is-warning {
background-color: #ffe08a; background-color: #ffe08a;
border-color: transparent; border-color: #ffe08a;
box-shadow: none; box-shadow: none;
} }
.button.is-warning.is-inverted { .button.is-warning.is-inverted {
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
color: #ffe08a; color: #ffe08a;
} }
.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered { .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
skipping to change at line 1653 skipping to change at line 1653
.button.is-danger:active, .button.is-danger.is-active { .button.is-danger:active, .button.is-danger.is-active {
background-color: #ef2e55; background-color: #ef2e55;
border-color: transparent; border-color: transparent;
color: #fff; color: #fff;
} }
.button.is-danger[disabled], .button.is-danger[disabled],
fieldset[disabled] .button.is-danger { fieldset[disabled] .button.is-danger {
background-color: #f14668; background-color: #f14668;
border-color: transparent; border-color: #f14668;
box-shadow: none; box-shadow: none;
} }
.button.is-danger.is-inverted { .button.is-danger.is-inverted {
background-color: #fff; background-color: #fff;
color: #f14668; color: #f14668;
} }
.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
background-color: #f2f2f2; background-color: #f2f2f2;
skipping to change at line 1894 skipping to change at line 1894
.buttons.is-right { .buttons.is-right {
justify-content: flex-end; justify-content: flex-end;
} }
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
margin-left: 0.25rem; margin-left: 0.25rem;
margin-right: 0.25rem; margin-right: 0.25rem;
} }
@media screen and (max-width: 768px) {
.button.is-responsive.is-small {
font-size: 0.5625rem;
}
.button.is-responsive,
.button.is-responsive.is-normal {
font-size: 0.65625rem;
}
.button.is-responsive.is-medium {
font-size: 0.75rem;
}
.button.is-responsive.is-large {
font-size: 1rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.button.is-responsive.is-small {
font-size: 0.65625rem;
}
.button.is-responsive,
.button.is-responsive.is-normal {
font-size: 0.75rem;
}
.button.is-responsive.is-medium {
font-size: 1rem;
}
.button.is-responsive.is-large {
font-size: 1.25rem;
}
}
.container { .container {
flex-grow: 1; flex-grow: 1;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
width: auto; width: auto;
} }
.container.is-fluid { .container.is-fluid {
max-width: none !important; max-width: none !important;
padding-left: 32px; padding-left: 32px;
skipping to change at line 2808 skipping to change at line 2840
.table td.is-vcentered, .table td.is-vcentered,
.table th.is-vcentered { .table th.is-vcentered {
vertical-align: middle; vertical-align: middle;
} }
.table th { .table th {
color: #363636; color: #363636;
} }
.table th:not([align]) { .table th:not([align]) {
text-align: inherit; text-align: left;
} }
.table tr.is-selected { .table tr.is-selected {
background-color: #00d1b2; background-color: #00d1b2;
color: #fff; color: #fff;
} }
.table tr.is-selected a, .table tr.is-selected a,
.table tr.is-selected strong { .table tr.is-selected strong {
color: currentColor; color: currentColor;
skipping to change at line 3756 skipping to change at line 3788
.select.is-medium { .select.is-medium {
font-size: 1.25rem; font-size: 1.25rem;
} }
.select.is-large { .select.is-large {
font-size: 1.5rem; font-size: 1.5rem;
} }
.select.is-disabled::after { .select.is-disabled::after {
border-color: #7a7a7a; border-color: #7a7a7a !important;
opacity: 0.5;
} }
.select.is-fullwidth { .select.is-fullwidth {
width: 100%; width: 100%;
} }
.select.is-fullwidth select { .select.is-fullwidth select {
width: 100%; width: 100%;
} }
skipping to change at line 6063 skipping to change at line 6096
.navbar-tabs { .navbar-tabs {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
max-width: 100vw; max-width: 100vw;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
} }
.navbar-burger { .navbar-burger {
color: #4a4a4a; color: #4a4a4a;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: none;
border: none;
cursor: pointer; cursor: pointer;
display: block; display: block;
height: 3.25rem; height: 3.25rem;
position: relative; position: relative;
width: 3.25rem; width: 3.25rem;
margin-right: auto; margin-right: auto;
} }
.navbar-burger span { .navbar-burger span {
background-color: currentColor; background-color: currentColor;
skipping to change at line 6527 skipping to change at line 6565
.pagination-link:focus { .pagination-link:focus {
border-color: #485fc7; border-color: #485fc7;
} }
.pagination-previous:active, .pagination-previous:active,
.pagination-next:active, .pagination-next:active,
.pagination-link:active { .pagination-link:active {
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
} }
.pagination-previous[disabled], .pagination-previous[disabled], .pagination-previous.is-disabled,
.pagination-next[disabled], .pagination-next[disabled],
.pagination-link[disabled] { .pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
background-color: #dbdbdb; background-color: #dbdbdb;
border-color: #dbdbdb; border-color: #dbdbdb;
box-shadow: none; box-shadow: none;
color: #7a7a7a; color: #7a7a7a;
opacity: 0.5; opacity: 0.5;
} }
.pagination-previous, .pagination-previous,
.pagination-next { .pagination-next {
padding-left: 0.75em; padding-left: 0.75em;
 End of changes. 17 change blocks. 
15 lines changed or deleted 55 lines changed or added

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)