JSFiddle - React, Tailwind, and code Playground
by igalst
SCSS
/*@import "_reset.scss";*/
@import"_funcs.scss";
/***************************************************/
/* RESET SECTION - will be changed with _reset.scss
/***************************************************/
body {
font-family:$defaultFont;
}
button {
border:0;
padding:0;
margin:0;
}
div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
list-style:none;
}
/***************************************************/
/* END: RESET SECTION - will be changed with _reset.scss
/***************************************************/
$service-designer-layout:smart;
$service-designer-sprite-dimensions:true;
@import"service-designer/*.png";
body {
background-color:$bodyBGColor
}
input, textarea {
padding:$inputVerticalPadding $inputHorizontalPadding;
font-size:$inputFontSize;
resize:none;
color:$inputColor;
@include formInputBorder();
font-family:$defaultFont
}
input {
height:20px;
}
textarea {
height:200px;
}
select {
height:30px;
padding:5px;
@include border-radius(3px);
@include formInputBorder();
font-size:$inputFontSize;
resize:none;
color:$inputColor;
font-family:$defaultFont
}
.uxf-accordion .listItem .itemStatus .ui-button-text {
min-width:0
}
.search {
background-color: #fff;
border: 1px solid #9d9c9c;
@include border-radius(15px);
position:relative;
input {
display: block;
border: none;
box-shadow: none;
outline: none;
margin:0 0 0 20px;
background:transparent;
line-height:18px;
height:18px;
padding:6px 10px;
width:235px;
font-size: 13px;
color:$lightBlack;
}
.icon-clear-search {
position:absolute;
right:5px;
top:6px;
cursor: pointer;
z-index:1000;
...