Skip to content

Commit

Permalink
Prevent unicode conversion
Browse files Browse the repository at this point in the history
  • Loading branch information
@portalzine
portalzine committed Nov 30, 2020
1 parent 65df0e8 commit 52e0748
Show file tree
Hide file tree
Showing 6 changed files with 330 additions and 260 deletions.
275 changes: 148 additions & 127 deletions cf-black-white/css/cf.black.white.css
View file
Original file line number Diff line number Diff line change
@@ -1,168 +1,189 @@
@charset "UTF-8";
/*
cubicFUSION THEME for klaro 0.2
Black & White
based on klaro v0.7.9 (https://github.com/kiprotect/klaro/)
Alex @ portalZINE.de
*/
/* FUNCTIONS */
/* CONFIG START */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
/* CONFIG END */
.klaro *:not(.fa):not(.fal) {
font-family: "Noto Sans", sans-serif !important; }

.klaro .cm-btn {
border-radius: 0.1em !important;
padding: 6px 10px !important;
text-transform: uppercase;
font-weight: 600;
transition: all 0.5s linear;
opacity: 0.7;
border: 1px solid black !important; }
.klaro .cm-btn:hover {
opacity: 1;
animation: pulse;
animation-duration: 1.0s; }

border: 1px solid black !important;
}
.klaro .cm-btn:hover {
opacity: 1;
animation: pulse;
animation-duration: 1s;
}
.klaro .cookie-notice:not(.cookie-modal-notice) {
background: #fff;
border-radius: 0; }
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
border-top: 4px solid black !important; }
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {
color: #000; }
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body strong {
color: #000;
font-weight: 600; }
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-decline {
background: white;
color: black; }
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-decline::before {
font-family: "Font Awesome 5 Free" !important;
content: "";
text-align: center;
color: black;
margin-right: 0.3em; }
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cm-btn-success {
background: black;
color: white; }
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cm-btn-success::before {
font-family: "Font Awesome 5 Free" !important;
content: "";
text-align: center;
color: white;
margin-right: 0.3em; }
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a {
color: #000;
text-transform: uppercase;
transition: all 0.5s linear;
opacity: 0.7; }
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a:hover {
opacity: 1; }

border-radius: 0;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
border-top: 4px solid black !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {
color: #000;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body strong {
color: #000;
font-weight: 600;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-decline {
background: white;
color: black;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-decline::before {
font-family: "Font Awesome 5 Free" !important;
content: "\f3ed";
text-align: center;
color: black;
margin-right: 0.3em;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cm-btn-success {
background: black;
color: white;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cm-btn-success::before {
font-family: "Font Awesome 5 Free" !important;
content: "\f3ed";
text-align: center;
color: white;
margin-right: 0.3em;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a {
color: #000;
text-transform: uppercase;
transition: all 0.5s linear;
opacity: 0.7;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a:hover {
opacity: 1;
}
.klaro .cookie-modal .cm-modal.cm-klaro {
animation: fadeIn;
animation-duration: 1s;
border-top: 4px solid black !important;
background: #fff;
border-radius: 0px;
padding: 1.5em; }

padding: 1.5em;
}
.klaro .cookie-modal .hide {
cursor: pointer; }
.klaro .cookie-modal .hide svg {
stroke: black !important; }

cursor: pointer;
}
.klaro .cookie-modal .hide svg {
stroke: black !important;
}
.klaro .cookie-modal .cm-header {
border-bottom: 1px solid #eee !important;
background: #F2F2F2;
margin: 2em 0; }
.klaro .cookie-modal .cm-header:before {
content: "";
width: 80px;
height: 80px;
float: left;
background-image: url("https://dummyimage.com/80x80/000000/fff.png");
background-size: contain;
background-position: center;
margin-right: 1.5em;
margin-bottom: 2.5em; }
.klaro .cookie-modal .cm-header .title {
color: #000;
text-transform: uppercase; }
.klaro .cookie-modal .cm-header .title u {
text-decoration: none; }
.klaro .cookie-modal .cm-header p {
color: #000; }
.klaro .cookie-modal .cm-header p a {
color: #000;
text-decoration: underline; }

margin: 2em 0;
}
.klaro .cookie-modal .cm-header:before {
content: "";
width: 80px;
height: 80px;
float: left;
background-image: url("https://dummyimage.com/80x80/000000/fff.png");
background-size: contain;
background-position: center;
margin-right: 1.5em;
margin-bottom: 2.5em;
}
.klaro .cookie-modal .cm-header .title {
color: #000;
text-transform: uppercase;
}
.klaro .cookie-modal .cm-header .title u {
text-decoration: none;
}
.klaro .cookie-modal .cm-header p {
color: #000;
}
.klaro .cookie-modal .cm-header p a {
color: #000;
text-decoration: underline;
}
.klaro .cookie-modal .cm-body .cm-purpose label {
color: #000; }

color: #000;
}
.klaro .cookie-modal .cm-body .cm-purpose .cm-list-description {
color: #000; }

color: #000;
}
.klaro .cookie-modal .cm-body .cm-purpose .cm-services a {
color: #000; }

color: #000;
}
.klaro .cookie-modal .cm-body .cm-purpose .cm-services .cm-service .purposes {
color: #000 !important; }

color: #000 !important;
}
.klaro .cookie-modal .cm-body .cm-purpose .cm-list-input.half-checked:checked + .cm-list-label .slider {
background: #555; }

background: #555;
}
.klaro .cookie-modal .cm-body .cm-purpose .cm-list-input.only-required + .cm-list-label .slider {
background: gray; }

background: gray;
}
.klaro .cookie-modal .cm-body .cm-purpose .cm-list-input.required:checked + .cm-list-label .slider {
background: black; }

background: black;
}
.klaro .cookie-modal .cm-body .cm-purpose .cm-list-input:checked + .cm-list-label .slider {
background: black; }

background: black;
}
.klaro .cookie-modal .cm-body .cm-purpose .cm-switch .slider {
box-shadow: none; }

box-shadow: none;
}
.klaro .cookie-modal .cm-body .cm-purpose.cm-toggle-all {
border-top: 1px solid #eee !important; }

border-top: 1px solid #eee !important;
}
.klaro .cookie-modal .cm-footer {
margin-top: 1.5em;
border-top: 1px solid #eee !important; }
.klaro .cookie-modal .cm-footer .cn-btn {
transition: all 0.5s linear;
opacity: 0.7; }
.klaro .cookie-modal .cm-footer .cn-btn:hover {
opacity: 1; }
.klaro .cookie-modal .cm-footer .cn-decline {
background: white;
color: black; }
.klaro .cookie-modal .cm-footer .cn-decline::before {
font-family: "Font Awesome 5 Free" !important;
content: "";
text-align: center;
color: black;
margin-right: 0.3em; }
.klaro .cookie-modal .cm-footer .cm-btn-accept {
background: gray;
border-color: gray !important;
color: white; }
.klaro .cookie-modal .cm-footer .cm-btn-accept::before {
font-family: "Font Awesome 5 Free" !important;
content: "";
text-align: center;
color: white;
margin-right: 0.3em; }
.klaro .cookie-modal .cm-footer .cm-btn-accept-all {
background: black;
color: white; }
.klaro .cookie-modal .cm-footer .cm-btn-accept-all::before {
font-family: "Font Awesome 5 Free" !important;
content: "";
text-align: center;
color: white;
margin-right: 0.3em; }
border-top: 1px solid #eee !important;
}
.klaro .cookie-modal .cm-footer .cn-btn {
transition: all 0.5s linear;
opacity: 0.7;
}
.klaro .cookie-modal .cm-footer .cn-btn:hover {
opacity: 1;
}
.klaro .cookie-modal .cm-footer .cn-decline {
background: white;
color: black;
}
.klaro .cookie-modal .cm-footer .cn-decline::before {
font-family: "Font Awesome 5 Free" !important;
content: "\f3ed";
text-align: center;
color: black;
margin-right: 0.3em;
}
.klaro .cookie-modal .cm-footer .cm-btn-accept {
background: gray;
border-color: gray !important;
color: white;
}
.klaro .cookie-modal .cm-footer .cm-btn-accept::before {
font-family: "Font Awesome 5 Free" !important;
content: "\f3ed";
text-align: center;
color: white;
margin-right: 0.3em;
}
.klaro .cookie-modal .cm-footer .cm-btn-accept-all {
background: black;
color: white;
}
.klaro .cookie-modal .cm-footer .cm-btn-accept-all::before {
font-family: "Font Awesome 5 Free" !important;
content: "\f3ed";
text-align: center;
color: white;
margin-right: 0.3em;
}
Binary file added ...lack-white/scss/.sass-cache/04f9841ac6e4aea7129af3d9c0359aaeb9fa0ad2/cf.black.white.scssc
View file
Binary file not shown.
25 changes: 18 additions & 7 deletions cf-black-white/scss/cf.black.white.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,19 @@
Alex @ portalZINE.de
*/

/* CONFIG START */
/* FUNCTIONS */


// @source - [@Stephn-R](https://github.com/sass/sass/issues/1395#issuecomment-57483844)
// @description converts 1 or more characters into a unicode
// @markup {scss}
// unicode("e655"); // "\e655"
@function unicode($str){
@return unquote("\"")+unquote(str-insert($str, "\\", 1))+unquote("\"")
}

$overwrite-fonts : 1;
/* CONFIG START */
$overwrite-fonts : 0;
@if $overwrite-fonts == 1 {
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
}
Expand Down Expand Up @@ -50,12 +59,12 @@ $switch-level-required : gray;

$toggle-font-awesome : 0;
$toggle-font-awesome-type : "Font Awesome 5 Free"; // "Font Awesome 5 Pro";
$toggle-font-awesome-icon : '\f3ed'; //'\f2f7';
$toggle-font-awesome-icon : unicode("f3ed"); //'\f2f7';

$button-font-awesome : 1;
$button-font-awesome-all : '\f3ed'; //'\f2f7';
$button-font-awesome-selected : '\f3ed'; //'\f3ed';
$button-font-awesome-decline : '\f3ed'; //'\f132';
$button-font-awesome-all : unicode("f3ed"); //'\f2f7';
$button-font-awesome-selected : unicode("f3ed"); //'\f3ed';
$button-font-awesome-decline : unicode("f3ed"); //'\f132';

/* CONFIG END */

Expand Down Expand Up @@ -337,4 +346,6 @@ $button-font-awesome-decline : '\f3ed'; //'\f132';
}

}
}
}


Loading

0 comments on commit 52e0748

Please sign in to comment.