common.scss
128 lines
| 1 | /* stylelint-disable at-rule-empty-line-before */ |
| 2 | /* stylelint-disable no-invalid-position-at-import-rule */ |
| 3 | @config "../../../tailwind.config.common.js"; |
| 4 | @import "../bootstrap/tailwind"; |
| 5 | @import "../bootstrap/variables"; |
| 6 | @import "../partials/header"; |
| 7 | @import "../partials/header-tabs"; |
| 8 | @import "../partials/tab-card"; |
| 9 | |
| 10 | .#{$namespace}-page { |
| 11 | background: #f8f9fa; |
| 12 | } |
| 13 | |
| 14 | .#{$namespace}-wrap { |
| 15 | *, |
| 16 | ::before, |
| 17 | ::after { |
| 18 | @apply box-border border-0 border-solid; |
| 19 | } |
| 20 | |
| 21 | ::before, |
| 22 | ::after { |
| 23 | --tw-content: ""; |
| 24 | } |
| 25 | |
| 26 | a { |
| 27 | text-decoration: inherit; |
| 28 | } |
| 29 | |
| 30 | .#{$namespace}-h2 { |
| 31 | @apply text-xl m-0 mb-4; |
| 32 | } |
| 33 | |
| 34 | .notice { |
| 35 | @apply border border-l-4; |
| 36 | } |
| 37 | |
| 38 | input:not([type="file"]), |
| 39 | textarea { |
| 40 | @apply border border-advads; |
| 41 | } |
| 42 | } |
| 43 | |
| 44 | .wrap { |
| 45 | &:empty { |
| 46 | @apply hidden; |
| 47 | } |
| 48 | } |
| 49 | |
| 50 | .#{$namespace}-spinner { |
| 51 | @apply inline-block h-5 w-5 mt-1 mb-1; |
| 52 | |
| 53 | &.disabled { |
| 54 | @apply hidden; |
| 55 | } |
| 56 | |
| 57 | &-img { |
| 58 | @apply align-middle; |
| 59 | } |
| 60 | } |
| 61 | |
| 62 | .#{$namespace}-notices-button-subscribe.with-icon, |
| 63 | .#{$namespace}-multiple-subscribe_button { |
| 64 | @apply items-center gap-2; |
| 65 | |
| 66 | display: flex !important; |
| 67 | } |
| 68 | |
| 69 | .#{$namespace}-btn { |
| 70 | &_primary { |
| 71 | @apply bg-primary border-primary text-white px-[10px] cursor-pointer border border-solid whitespace-nowrap box-border min-h-[30px]; |
| 72 | text-shadow: none; |
| 73 | text-decoration: none; |
| 74 | border-radius: 3px; |
| 75 | font-size: 13px; |
| 76 | |
| 77 | &:hover { |
| 78 | background-color: $color-primary; |
| 79 | border-color: $color-primary; |
| 80 | } |
| 81 | } |
| 82 | } |
| 83 | |
| 84 | .#{$namespace}-notice-box { |
| 85 | &_wrapper { |
| 86 | @apply flex gap-2 my-2 flex-wrap; |
| 87 | } |
| 88 | |
| 89 | .#{$namespace}-notices-button-subscribe.with-icon { |
| 90 | @apply items-center gap-2; |
| 91 | |
| 92 | display: flex !important; |
| 93 | } |
| 94 | |
| 95 | .button-primary { |
| 96 | margin-left: 0 !important; |
| 97 | } |
| 98 | } |
| 99 | |
| 100 | .block-important { |
| 101 | display: block !important; |
| 102 | } |
| 103 | |
| 104 | // For dynamic creation. |
| 105 | .\!margin-top-4 { |
| 106 | @apply #{"!"}mt-4; |
| 107 | } |
| 108 | |
| 109 | /* Widgets */ |
| 110 | .#{$namespace}-rss-widget { |
| 111 | ul { |
| 112 | @apply list-disc list-outside pl-3; |
| 113 | |
| 114 | li { |
| 115 | &::marker { |
| 116 | @apply text-primary; |
| 117 | } |
| 118 | a { |
| 119 | @apply font-normal no-underline; |
| 120 | } |
| 121 | } |
| 122 | } |
| 123 | } |
| 124 | |
| 125 | .#{$namespace}-link { |
| 126 | color: $wordpress !important; |
| 127 | } |
| 128 |