diff options
Diffstat (limited to 'css/bulma-rtl.css')
-rw-r--r-- | css/bulma-rtl.css | 247 |
1 files changed, 164 insertions, 83 deletions
diff --git a/css/bulma-rtl.css b/css/bulma-rtl.css index cb974e9d..b2e92f1f 100644 --- a/css/bulma-rtl.css +++ b/css/bulma-rtl.css @@ -1,23 +1,69 @@ -/*! bulma.io v0.9.1 | MIT License | github.com/jgthms/bulma */ +/*! bulma.io v0.9.2 | MIT License | github.com/jgthms/bulma */ /* Bulma Utilities */ -@-webkit-keyframes spinAround { - from { - transform: rotate(0deg); - } - to { - transform: rotate(359deg); - } +.button, .input, .textarea, .select select, .file-cta, +.file-name, .pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis { + -moz-appearance: none; + -webkit-appearance: none; + align-items: center; + border: 1px solid transparent; + border-radius: 4px; + box-shadow: none; + display: inline-flex; + font-size: 1rem; + height: 2.5em; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.5em - 1px); + padding-left: calc(0.75em - 1px); + padding-right: calc(0.75em - 1px); + padding-top: calc(0.5em - 1px); + position: relative; + vertical-align: top; } -@keyframes spinAround { - from { - transform: rotate(0deg); - } - to { - transform: rotate(359deg); - } + +.button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus, +.file-name:focus, .pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus, +.pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, +.is-focused.file-name, .is-focused.pagination-previous, +.is-focused.pagination-next, +.is-focused.pagination-link, +.is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active, +.file-name:active, .pagination-previous:active, +.pagination-next:active, +.pagination-link:active, +.pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta, +.is-active.file-name, .is-active.pagination-previous, +.is-active.pagination-next, +.is-active.pagination-link, +.is-active.pagination-ellipsis { + outline: none; +} + +.button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled], +.file-name[disabled], .pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled], +.pagination-ellipsis[disabled], +fieldset[disabled] .button, +fieldset[disabled] .input, +fieldset[disabled] .textarea, +fieldset[disabled] .select select, +.select fieldset[disabled] select, +fieldset[disabled] .file-cta, +fieldset[disabled] .file-name, +fieldset[disabled] .pagination-previous, +fieldset[disabled] .pagination-next, +fieldset[disabled] .pagination-link, +fieldset[disabled] .pagination-ellipsis { + cursor: not-allowed; } -.delete, .modal-close, .button, .file, .breadcrumb, .pagination-previous, +.button, .file, .breadcrumb, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .tabs, .is-unselectable { @@ -51,6 +97,11 @@ } .delete, .modal-close { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; -moz-appearance: none; -webkit-appearance: none; background-color: rgba(10, 10, 10, 0.2); @@ -167,69 +218,6 @@ top: 0; } -.button, .input, .textarea, .select select, .file-cta, -.file-name, .pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis { - -moz-appearance: none; - -webkit-appearance: none; - align-items: center; - border: 1px solid transparent; - border-radius: 4px; - box-shadow: none; - display: inline-flex; - font-size: 1rem; - height: 2.5em; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.5em - 1px); - padding-left: calc(0.75em - 1px); - padding-right: calc(0.75em - 1px); - padding-top: calc(0.5em - 1px); - position: relative; - vertical-align: top; -} - -.button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus, -.file-name:focus, .pagination-previous:focus, -.pagination-next:focus, -.pagination-link:focus, -.pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, -.is-focused.file-name, .is-focused.pagination-previous, -.is-focused.pagination-next, -.is-focused.pagination-link, -.is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active, -.file-name:active, .pagination-previous:active, -.pagination-next:active, -.pagination-link:active, -.pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta, -.is-active.file-name, .is-active.pagination-previous, -.is-active.pagination-next, -.is-active.pagination-link, -.is-active.pagination-ellipsis { - outline: none; -} - -.button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled], -.file-name[disabled], .pagination-previous[disabled], -.pagination-next[disabled], -.pagination-link[disabled], -.pagination-ellipsis[disabled], -fieldset[disabled] .button, -fieldset[disabled] .input, -fieldset[disabled] .textarea, -fieldset[disabled] .select select, -.select fieldset[disabled] select, -fieldset[disabled] .file-cta, -fieldset[disabled] .file-name, -fieldset[disabled] .pagination-previous, -fieldset[disabled] .pagination-next, -fieldset[disabled] .pagination-link, -fieldset[disabled] .pagination-ellipsis { - cursor: not-allowed; -} - /* Bulma Base */ /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ html, @@ -451,6 +439,24 @@ table th { color: #363636; } +@-webkit-keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} + +@keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} + /* Bulma Elements */ .box { background-color: white; @@ -551,6 +557,18 @@ fieldset[disabled] .button.is-text { box-shadow: none; } +.button.is-ghost { + background: none; + border-color: transparent; + color: #3273dc; + text-decoration: none; +} + +.button.is-ghost:hover, .button.is-ghost.is-hovered { + color: #3273dc; + text-decoration: underline; +} + .button.is-white { background-color: white; border-color: transparent; @@ -1714,10 +1732,13 @@ fieldset[disabled] .button.is-danger.is-inverted.is-outlined { } .button.is-small { - border-radius: 2px; font-size: 0.75rem; } +.button.is-small:not(.is-rounded) { + border-radius: 2px; +} + .button.is-normal { font-size: 1rem; } @@ -1793,10 +1814,13 @@ fieldset[disabled] .button { } .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { - border-radius: 2px; font-size: 0.75rem; } +.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) { + border-radius: 2px; +} + .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { font-size: 1.25rem; } @@ -2128,6 +2152,32 @@ fieldset[disabled] .button { width: 3rem; } +.icon-text { + align-items: flex-start; + color: inherit; + display: inline-flex; + flex-wrap: wrap; + line-height: 1.5rem; + vertical-align: top; +} + +.icon-text .icon { + flex-grow: 0; + flex-shrink: 0; +} + +.icon-text .icon:not(:last-child) { + margin-right: 0.25em; +} + +.icon-text .icon:not(:first-child) { + margin-left: 0.25em; +} + +div.icon-text { + display: flex; +} + .image { display: block; position: relative; @@ -4604,10 +4654,19 @@ fieldset[disabled] .select select:hover { box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); color: #4a4a4a; max-width: 100%; - overflow: hidden; position: relative; } +.card-header:first-child, .card-content:first-child, .card-footer:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.card-header:last-child, .card-content:last-child, .card-footer:last-child { + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + .card-header { background-color: transparent; align-items: stretch; @@ -4641,6 +4700,16 @@ fieldset[disabled] .select select:hover { position: relative; } +.card-image:first-child img { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.card-image:last-child img { + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + .card-content { background-color: transparent; padding: 1.5rem; @@ -6473,6 +6542,10 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i flex-wrap: wrap; } +.pagination-list li { + list-style: none; +} + @media screen and (max-width: 768px) { .pagination { flex-wrap: wrap; @@ -6946,6 +7019,7 @@ label.panel-block:hover { .columns.is-mobile > .column.is-narrow { flex: none; + width: unset; } .columns.is-mobile > .column.is-full { @@ -7154,6 +7228,7 @@ label.panel-block:hover { @media screen and (max-width: 768px) { .column.is-narrow-mobile { flex: none; + width: unset; } .column.is-full-mobile { flex: none; @@ -7318,6 +7393,7 @@ label.panel-block:hover { @media screen and (min-width: 769px), print { .column.is-narrow, .column.is-narrow-tablet { flex: none; + width: unset; } .column.is-full, .column.is-full-tablet { flex: none; @@ -7482,6 +7558,7 @@ label.panel-block:hover { @media screen and (max-width: 1023px) { .column.is-narrow-touch { flex: none; + width: unset; } .column.is-full-touch { flex: none; @@ -7646,6 +7723,7 @@ label.panel-block:hover { @media screen and (min-width: 1024px) { .column.is-narrow-desktop { flex: none; + width: unset; } .column.is-full-desktop { flex: none; @@ -7810,6 +7888,7 @@ label.panel-block:hover { @media screen and (min-width: 1216px) { .column.is-narrow-widescreen { flex: none; + width: unset; } .column.is-full-widescreen { flex: none; @@ -7974,6 +8053,7 @@ label.panel-block:hover { @media screen and (min-width: 1408px) { .column.is-narrow-fullhd { flex: none; + width: unset; } .column.is-full-fullhd { flex: none; @@ -8202,7 +8282,7 @@ label.panel-block:hover { margin-left: calc(-1 * var(--columnGap)); } -.columns.is-variable .column { +.columns.is-variable > .column { padding-left: var(--columnGap); padding-right: var(--columnGap); } @@ -9401,6 +9481,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { .is-clickable { cursor: pointer !important; + pointer-events: all !important; } .is-clipped { |