Skip to content

Instantly share code, notes, and snippets.

@DavidPeralvarez
Last active November 9, 2018 17:40
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save DavidPeralvarez/a4b3ab19121fe0c540966bd7bd6690a9 to your computer and use it in GitHub Desktop.
Save DavidPeralvarez/a4b3ab19121fe0c540966bd7bd6690a9 to your computer and use it in GitHub Desktop.
Estilos de los bloques en el frontend
/* Audio */
.wp-block-audio figcaption {
}
/* Button (Botón) */
.wp-block-button {
}
.wp-block-button .wp-block-button__link {
}
.wp-block-button.is-style-squared .wp-block-button__link {
}
.wp-block-button.is-style-outline .wp-block-button__link {
}
/* .wp-block-button.is-style-outline .wp-block-button__link.has-COLORSLUG-background-color {
} */
.wp-block-button__link:not(.has-background),
.wp-block-button__link:not(.has-background):hover,
.wp-block-button__link:not(.has-background):focus,
.wp-block-button__link:not(.has-background):active {
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover,
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):focus,
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):active {
}
.wp-block-button__link:not(.has-text-color),
.wp-block-button__link:not(.has-text-color):hover,
.wp-block-button__link:not(.has-text-color):focus,
.wp-block-button__link:not(.has-text-color):active {
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover,
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):focus,
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):active {
}
/* Categories (Categorías) */
.wp-block-categories {
}
/* Code (Código) - Mejor no tocar */
.wp-block-code {
}
/* Columns (Columnas) - Mejor no tocar */
.wp-block-columns {
}
.wp-block-column {
}
/* Cover Image (Imagen de fondo) */
.wp-block-cover-image {
}
.wp-block-cover-image.has-left-content {
}
.wp-block-cover-image.has-left-content h2,
.wp-block-cover-image.has-left-content .wp-block-cover-image-text {
}
.wp-block-cover-image.has-right-content h2,
.wp-block-cover-image.has-right-content .wp-block-cover-image-text {
}
.wp-block-cover-image h2,
.wp-block-cover-image .wp-block-cover-image-text {
}
.wp-block-cover-image h2 a,
.wp-block-cover-image h2 a:hover,
.wp-block-cover-image h2 a:focus,
.wp-block-cover-image h2 a:active,
.wp-block-cover-image .wp-block-cover-image-text a,
.wp-block-cover-image .wp-block-cover-image-text a:hover,
.wp-block-cover-image .wp-block-cover-image-text a:focus,
.wp-block-cover-image .wp-block-cover-image-text a:active {
}
.wp-block-cover-image.has-parallax {
}
.wp-block-cover-image.has-background-dim:before {
}
.wp-block-cover-image .components-placeholder {
}
/* Embed (Incrustados) - Mejor no tocar */
.wp-block-embed {
}
/* File (Archivo) - Mejor no tocar */
.wp-block-file {
}
/* Gallery (Galería) - Mejor no tocar */
.wp-block-gallery {
}
/* Heading (Encabezado) */
.wp-block-heading {
}
.wp-block-heading h1 {
}
.wp-block-heading h2 {
}
.wp-block-heading h3 {
}
.wp-block-heading h4 {
}
.wp-block-heading h5 {
}
.wp-block-heading h6 {
}
/* HTML (HTML personalizado) - Mejor no tocar */
.wp-block-html {
}
/* Image (Image) */
.wp-block-image {
}
.wp-block-image img {
}
.wp-block-image figcaption {
}
/* Latest posts (Últimas entradas) */
.wp-block-latest-posts {
}
.wp-block-latest-posts.is-grid {
}
.wp-block-latest-posts__post-date {
}
/* List (Lista) - ul, ol, li que hayas definido */
/* More (Más) - Depende del tema */
/* Next Page (Salto de página) - Depende del tema */
/* Paragraph (Párrafo) - p que hayas definido */
p.is-small-text {
}
p.is-regular-text {
}
p.is-large-text {
}
p.has-drop-cap:not(:focus):first-letter{
}
p.has-background {
}
/* Preformatted (Preformateado) */
.wp-block-preformatted {
}
.wp-block-preformatted pre{
}
/* Pullquote (Cita formatos) */
.wp-block-pullquote {
}
.wp-block-pullquote p{
}
.wp-block-pullquote cite{
}
/* Quote (Cita bloques comunes) */
.wp-block-quote {
}
.wp-block-quote p{
}
.wp-block-quote cite{
}
.wp-block-quote footer{
}
.wp-block-quote .is-style-large,
.wp-block-quote .is-large{
}
.wp-block-quote .is-style-large p,
.wp-block-quote .is-large p{
}
.wp-block-quote .is-style-large cite,
.wp-block-quote .is-large cite{
}
.wp-block-quote .is-style-large footer,
.wp-block-quote .is-large footer{
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
}
/* Separator (Separador) */
.wp-block-separator {
}
.wp-block-separator.is-style-wide {
}
.wp-block-separator.is-style-dots {
}
.wp-block-separator.is-style-dots:before {
}
.wp-block-separator:not( .is-style-wide ):not( .is-style-dots ) {
}
/* Shortcode - No hay que modificar nada */
/* Spacer (Espaciador) - No hay que modificar nada */
/* Subhead (Subtítulo) */
p.wp-block-subhead {
}
/* Table (Tabla) */
.wp-block-table {
}
.wp-block-table tbody {
}
.wp-block-table tr{
}
.wp-block-table td{
}
/* Text columns (Columnas de texto) - Mejor no tocar */
.wp-block-text-columns {
}
.wp-block-text-columns .wp-block-column{
}
/* Verse (Verso) */
pre.wp-block-verse,
.wp-block-verse pre {
}
/* Video (Vídeo) - Mejor no tocar */
.wp-block-video {
}
.wp-block-video figcaption {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment