tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adds support for future carousel blockon customizer and block editor.

This commit is contained in:
Mateus Machado Luna 2019-07-24 11:04:47 -03:00
parent 574cd021b7
commit 31c6c07f10
5 changed files with 27 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/assets/scss/_gutenberg-support.scss
View File

@ -1,14 +1,14 @@
.alignwide { .alignwide {
margin-left: calc(-8.3333333333vw + 15px) !important; margin-left: calc(-8.3333333333vw + 3.1%) !important;
margin-right: calc(-8.3333333333vw + 15px) !important; margin-right: calc(-8.3333333333vw + 3.1%) !important;
width: 116.66667%; width: 116.66667%;
max-width: 1400px; max-width: 1400px;
// 1400px is the maximum the inner cointainer should get, so we // 1400px is the maximum the inner cointainer should get, so we
// use 1526px - 1 column - 1 column; // use 1526px - 1 column - 1 column;
@media only screen and (min-width: 1526px) { @media only screen and (min-width: 1526px) {
margin-left: calc(-1*(87.5vw - 1415px)/2) !important !important; margin-left: calc(-1*(87.5vw - 1400px)/2) !important !important;
margin-right: calc(-1*(87.5vw - 1415px)/2) !important !important; margin-right: calc(-1*(87.5vw - 1400px)/2) !important !important;
} }
} }
@ -67,4 +67,15 @@
padding: 0.75rem 4.16666667%; padding: 0.75rem 4.16666667%;
padding: 0.75rem 4.1666667vw; padding: 0.75rem 4.1666667vw;
} }
}
/* Carousel */
.wp-block-tainacan-carousel-items-list.alignwide .tainacan-carousel{
width: 100%;
left: 0;
}
.wp-block-tainacan-carousel-items-list.alignfull .tainacan-carousel{
width: 100%;
width: 100vw;
left: 0;
} }

3
src/assets/scss/editor-style.scss
View File

@ -8,6 +8,9 @@
padding-left: 8.3333333%; padding-left: 8.3333333%;
padding-right: 8.3333333%; padding-right: 8.3333333%;
} }
.editor-writing-flow__click-redirect {
width: auto;
}
// Inner blocks do not need all that spacing, // Inner blocks do not need all that spacing,
// otherwise they won't match their theme result // otherwise they won't match their theme result
.editor-inner-blocks, .editor-inner-blocks,

3
src/editor-style.css
View File

@ -24,6 +24,9 @@
.components-modal__screen-overlay .editor-block-list__layout { .components-modal__screen-overlay .editor-block-list__layout {
padding-left: 8.3333333%; padding-left: 8.3333333%;
padding-right: 8.3333333%; } padding-right: 8.3333333%; }
.edit-post-visual-editor.editor-styles-wrapper .editor-writing-flow__click-redirect,
.components-modal__screen-overlay .editor-writing-flow__click-redirect {
width: auto; }
.edit-post-visual-editor.editor-styles-wrapper .editor-inner-blocks, .edit-post-visual-editor.editor-styles-wrapper .editor-inner-blocks,
.edit-post-visual-editor.editor-styles-wrapper .editor-inner-blocks > .editor-block-list__layout, .edit-post-visual-editor.editor-styles-wrapper .editor-inner-blocks > .editor-block-list__layout,
.components-modal__screen-overlay .editor-inner-blocks, .components-modal__screen-overlay .editor-inner-blocks,

2
src/editor-style.css.map
View File

@ -1,6 +1,6 @@
{ {
"version": 3, "version": 3,
"mappings": "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", "mappings": "AAAA;iCACkC;EAE9B,WAAW,EAAE,+BAA+B;EAuB5C,uBAAuB;EAOvB,4BAA4B;EAM5B,4BAA4B;EAQ5B,aAAa;EAYb,gBAAgB;EAmBhB,aAAa;EAkBb,WAAW;EAGX,aAAa;EA2Db,gBAAgB;EA2ChB,YAAY;EAMZ,qBAAqB;EAMrB,kBAAkB;EAelB,iCAAiC;EAuDjC,gBAAgB;EAuBhB,eAAe;EAoBf,SAAS;EAQT,UAAU;EAKV,YAAY;EASZ,8BAA8B;EAtV9B;8DAA2B;IACvB,YAAY,EAAE,UAAU;IACxB,aAAa,EAAE,UAAU;EAE7B;wEAAqC;IACjC,KAAK,EAAE,IAAI;EAIf;;;qFACgD;IAC5C,YAAY,EAAE,CAAC;IACf,aAAa,EAAE,CAAC;IAEhB;;;iGAAU;MACN,YAAY,EAAE,UAAU;MACxB,WAAW,EAAE,UAAU;EAK/B;6CAAU;IACN,SAAS,EAAE,MAAM;IACjB,WAAW,EAAE,UAAU;IACvB,YAAY,EAAE,UAAU;EAI5B;gEAA6B;IACzB,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,IAAI;EAItB;gEAA6B;IACzB,SAAS,EAAE,+BAA+B;IAC1C,KAAK,EAAE,+BAA+B;IACtC,WAAW,EAAE,wBAAwB;IACrC,YAAY,EAAE,WAAW;EAI7B;sJAA+G;IAC3G,YAAY,EAAE,UAAU;EAE5B;uJAAgH;IAC5G,WAAW,EAAE,UAAU;EAE3B;qIAA8F;IAC1F,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;EAInB;sDAAmB;IACf,MAAM,EAAE,4BAA4B;IACpC,OAAO,EAAE,CAAC;IACV,aAAa,EAAE,iBAAiB;EAEpC;;;uFACmD;IAC/C,SAAS,EAAE,OAAO;IAClB,WAAW,EAAE,oBAAoB;IACjC;;;kGAAS;MACL,OAAO,EAAE,OAAO;MAChB,KAAK,EAAE,OAAO;EAGtB;sEAAmC;IAC/B,MAAM,EAAE,CAAC;EAIb;wDAAqB;IACjB,SAAS,EAAE,QAAQ;IACnB,KAAK,EAAE,OAAO;EAElB;wDAAqB;IACjB,SAAS,EAAE,QAAQ;EAEvB;wDAAqB;IACjB,SAAS,EAAE,IAAI;EAEnB;wDAAqB;IACjB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE,OAAO;EAIlB;qCAAE;IAAE,eAAe,EAAE,IAAI;EAGzB;gEAA6B;IACzB,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,GAAG;IAClB,MAAM,EAAE,IAAI;IACZ,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,QAAQ;IAEnB;0FAA0B;MACtB,KAAK,EAAE,KAAK;IAEhB;;wEACQ;MACJ,UAAU,EAAE,IAAI;EAGxB;+EAA4C;IACxC,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,MAAM;EAEvB;2EAAwC;IACpC,gBAAgB,EAAE,OAAO;EAE7B;2EAAwC;IACpC,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,iBAAiB;IACzB,KAAK,EAAE,OAAO;EAElB;;;;;mFAEgD;IAC5C,UAAU,EAAE,eAAe;IAC3B,UAAU,EAAE,eAAe;IAC3B,MAAM,EAAE,eAAe;EAE3B;;;;;6EAE0C;IACtC,UAAU,EAAE,eAAe;IAC3B,UAAU,EAAE,gBAAgB;IAC5B,MAAM,EAAE,4BAA4B;EAGxC;0DAAuB;IACnB,gBAAgB,EAAE,OAAO;IACzB,aAAa,EAAE,GAAG;IAClB,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,QAAQ;EAErB;4EAAyC;IACrC,gBAAgB,EAAE,KAAK;IACvB,MAAM,EAAE,iBAAiB;IACzB,KAAK,EAAE,OAAO;EAElB;4EAAyC;IACrC,aAAa,EAAE,GAAG;EAItB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gEA+B6B;IACzB,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,OAAO;IAEhB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wEAAQ;MACJ,MAAM,EAAE,iBAAiB;MACzB,UAAU,EAAE,IAAI;EAKxB;mEAAgC;IAC5B,WAAW,EAAE,GAAG;IAChB,KAAK,EAAE,KAAK;EAIhB;8DAA2B;IACvB,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,MAAM;EAIpB;6DAA0B;IACtB,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,gBAAgB;IACxB,OAAO,EAAE,CAAC;IACV,aAAa,EAAE,iBAAiB;IAEhC;;;kEACG;MACC,SAAS,EAAE,QAAQ;MACnB,WAAW,EAAE,GAAG;MAChB,KAAK,EAAE,OAAO;EAKtB;;;;;;;;;;;iGAK8D;IAC1D,KAAK,EAAE,KAAK;EAEhB;;;;;iGAE8D;IAC1D,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IAEX,oCAAqC;MARzC;;;;;qGAE8D;QAOtD,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;EAGpB;;;;;;;;;;;yFAKsD;IAClD,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,iBAAiB;EAE7B;;;;;;;;;;;iFAK8C;IAC1C,MAAM,EAAE,iBAAiB;EAE7B;;;;;;;;;;;;;;;;;;;;;;;uFAWoD;IAChD,UAAU,EAAE,IAAI;EAIpB;mDAAgB;IACZ,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,MAAM;IACnB,SAAS,EAAE,IAAI;EAEnB;kEAA+B;IAC3B,SAAS,EAAE,QAAQ;IACnB,WAAW,EAAE,oBAAoB;EAErC;uFAAoD;IAChD,WAAW,EAAE,iBAAiB;EAElC;6DAA0B;IACtB,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,OAAO;EAIlB;uDAAoB;IAChB,UAAU,EAAE,iBAAiB;IAC7B,aAAa,EAAE,iBAAiB;IAChC,OAAO,EAAE,MAAM;IAEf;8GAAqD;MACjD,SAAS,EAAE,QAAQ;MACnB,KAAK,EAAE,OAAO;MACd,WAAW,EAAE,GAAG;IAEpB;uFAA8B;MAC1B,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,MAAM;MACnB,UAAU,EAAE,MAAM;MAClB,cAAc,EAAE,IAAI;EAK5B;8DAA2B;IACvB,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,GAAG;IAChB,WAAW,EAAE,QAAQ;EAIzB;2DAAwB;IACpB,KAAK,EAAE,OAAO;EAIlB;sDAAmB;IACf,aAAa,EAAE,iBAAiB;EAEpC;sDAAmB;IACf,MAAM,EAAE,iBAAiB;IACzB,SAAS,EAAE,QAAQ;EAMnB;iFAAO;IACH,KAAK,EAAE,iBAAiB;IACxB,MAAM,EAAE,kBAAkB;IAC1B,WAAW,EAAE,KAAK;IAClB,aAAa,EAAE,IAAI;EAGvB;6FAAmB;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,gBAAgB;IAC7B,aAAa,EAAE,gBAAgB;IAC/B,OAAO,EAAE,sBAAsB;IAC/B,UAAU,EAAE,OAAO;IACnB,UAAU,EAAE,IAAI;EAGxB;+EAA2C;IACvC,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,IAAI;IACZ,WAAW,EAAE,CAAC;EAElB;+EAA4C;IACxC,OAAO,EAAE,MAAM;IAEf;0GAAyB;MACrB,KAAK,EAAE,IAAI;MAEX;4IAAgC;QAC5B,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,MAAM;QAEnB;oJAAK;UACD,WAAW,EAAE,CAAC;UACd,YAAY,EAAE,IAAI",
"sources": ["assets/scss/editor-style.scss"], "sources": ["assets/scss/editor-style.scss"],
"names": [], "names": [],
"file": "editor-style.css" "file": "editor-style.css"

5
src/functions/customizer.php
View File

@ -579,6 +579,11 @@ function tainacan_get_color_scheme_css( $colors ) {
color: {$colors['tainacan_link_color']} !important; color: {$colors['tainacan_link_color']} !important;
} }
.tainacan-content .wp-block-tainacan-carousel-items-list .swiper-button-prev svg,
.tainacan-content .wp-block-tainacan-carousel-items-list .swiper-button-next svg {
fill: {$colors['tainacan_link_color']} !important;
}
/* Header Menu */ /* Header Menu */
nav .dropdown-menu .dropdown-item:hover { nav .dropdown-menu .dropdown-item:hover {
background-color: {$colors['backtransparent']}; background-color: {$colors['backtransparent']};