CSS Properties Used In Frappe Builder - ashish-greycube/help GitHub Wiki

CSS:

layout {

display:flex;

flex-direction: row;

align-items: center;

gap: 10px;

flex-basis: 80px;

flex-wrap: wrap;

flex-grow: 0;

flex-shrink: 1;

justify-content: space-between;

order: 0;

}

style {

    background: #fff;

    color: #fff;

    border-color: #000000;

    background-image: url("example.gif");

    border-width: 5px;

    border-style: solid;

    box-shadow: large;

    border-radius: 20px;

    z-index: 0;

}

typography {

	font-family: Titillium Web;

	font-weight: 700;

	font-size: 50px;

	line-height: 1;

	letter-spacing: 1;

	text-transform: capitalize;

	text-align: center;

}

dimension {

width: fit-content;

min-width: 275px;

max-width: 500px;

height: fit-content;

min-height: 300px;

max-height: 800px;

}

position {

positon: static;   //auto in frappe builder, relative, absolute, sticky, fixed

}

spacing {

padding: 10px;

margin: 20px;

}

options {

visibility: visible;

overflow-x: auto;

overflow-y: auto;

}