theme.css 3.3 KB
Newer Older
Pham Huy committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
/**
 * Colors
 */
/**
 * Breakpoints & Media Queries
 */
/**
 * Often re-used variables
 */
/**
 * Breakpoint mixins
 */
/**
 * Long content fade mixin
 *
 * Creates a fading overlay to signify that the content is longer
 * than the space allows.
 */
/**
 * Button states and focus styles
 */
/**
 * Applies editor left position to the selector passed as argument
 */
/**
 * Applies editor right position to the selector passed as argument
 */
/**
 * Styles that are reused verbatim in a few places
 */
/**
 * Allows users to opt-out of animations via OS-level preferences.
 */
Pham Huy committed
34 35 36 37 38 39 40 41 42 43 44 45
/**
 * Reset default styles for JavaScript UI based pages.
 * This is a WP-admin agnostic reset
 */
/**
 * Reset the WP Admin page styles for Gutenberg-like pages.
 */
.wp-block-audio figcaption {
  color: #555d66;
  font-size: 13px;
  text-align: center; }

Pham Huy committed
46 47 48 49 50 51 52 53
.wp-block-code {
  font-family: Menlo, Consolas, monaco, monospace;
  font-size: 14px;
  color: #23282d;
  padding: 0.8em 1em;
  border: 1px solid #e2e4e7;
  border-radius: 4px; }

Pham Huy committed
54 55 56 57 58 59 60 61 62 63 64 65 66 67 68
.wp-block-embed figcaption {
  color: #555d66;
  font-size: 13px;
  text-align: center; }

.blocks-gallery-caption {
  color: #555d66;
  font-size: 13px;
  text-align: center; }

.wp-block-image figcaption {
  color: #555d66;
  font-size: 13px;
  text-align: center; }

Pham Huy committed
69 70 71 72 73 74 75 76 77 78 79 80
.wp-block-preformatted pre {
  font-family: Menlo, Consolas, monaco, monospace;
  color: #23282d;
  /* Fonts smaller than 16px causes mobile safari to zoom. */
  font-size: 16px; }
  @media (min-width: 600px) {
    .wp-block-preformatted pre {
      font-size: 14px; } }

.wp-block-pullquote {
  border-top: 4px solid #555d66;
  border-bottom: 4px solid #555d66;
Pham Huy committed
81
  margin-bottom: 28px;
Pham Huy committed
82 83 84 85 86 87 88 89 90 91
  color: #40464d; }
  .wp-block-pullquote cite,
  .wp-block-pullquote footer, .wp-block-pullquote__citation {
    color: #40464d;
    text-transform: uppercase;
    font-size: 13px;
    font-style: normal; }

.wp-block-quote {
  border-left: 4px solid #000;
Pham Huy committed
92
  margin: 0 0 28px 0;
Pham Huy committed
93 94 95 96 97 98 99 100
  padding-left: 1em; }
  .wp-block-quote cite,
  .wp-block-quote footer, .wp-block-quote__citation {
    color: #6c7781;
    font-size: 13px;
    margin-top: 1em;
    position: relative;
    font-style: normal; }
Pham Huy committed
101
  .wp-block-quote.has-text-align-right, .wp-block-quote.has-text-align-right {
Pham Huy committed
102 103 104 105
    border-left: none;
    border-right: 4px solid #000;
    padding-left: 0;
    padding-right: 1em; }
Pham Huy committed
106
  .wp-block-quote.has-text-align-center, .wp-block-quote.has-text-align-center {
Pham Huy committed
107 108 109 110 111 112 113 114
    border: none;
    padding-left: 0; }
  .wp-block-quote.is-style-large, .wp-block-quote.is-large {
    border: none; }

.wp-block-search .wp-block-search__label {
  font-weight: bold; }

Pham Huy committed
115 116 117 118 119
.wp-block-group.has-background {
  padding: 20px 30px;
  margin-top: 0;
  margin-bottom: 0; }

Pham Huy committed
120 121 122
.wp-block-separator {
  border: none;
  border-bottom: 2px solid #8f98a1;
Pham Huy committed
123 124
  margin-left: auto;
  margin-right: auto; }
Pham Huy committed
125 126
  .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width: 100px; }
Pham Huy committed
127 128 129 130 131
  .wp-block-separator.has-background:not(.is-style-dots) {
    border-bottom: none;
    height: 1px; }
  .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
    height: 2px; }
Pham Huy committed
132 133 134 135 136 137

.wp-block-table {
  border-collapse: collapse; }
  .wp-block-table td,
  .wp-block-table th {
    padding: 0.5em;
Pham Huy committed
138 139 140 141 142 143 144
    border: 1px solid;
    word-break: normal; }

.wp-block-video figcaption {
  color: #555d66;
  font-size: 13px;
  text-align: center; }