La page ''base.css''
* {
box-sizing: border-box;
transition: all .9s ease 0s;
}
*:hover {
transition: all .2s ease 0s;
}
.container {
max-width: 1200px;
width: 90%;
margin: 0 auto;
padding: 0;
}
.flex-box {
display: flex;
flex-direction: row;
}
/*********************************************************************/
/*********************************************************************/
/** **/
/** **/
.clear-after :after {
display: block;
content: '';
clear: both;
}
.clear-before:before{
display: block;
content: '';
clear: both;
}
.clear{
clear: both;
}
/** **/
/** **/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/** **/
/** **/
.text-color-1 {
color: #;
}
.text-color-2 {
color: #;
}
.text-color-3 {
color: #;
}
.text-color-4 {
color: #;
}
.text-color-def {
color: grey;
}
.box-color-1 {
background-color: #;
}
.box-color-2 {
background-color: #;
}
.box-color-3 {
background-color: #;
}
.box-color-4 {
background-color: #;
}
.box-color-def {
background-color: #fff;
}
/** **/
/** **/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/** **/
/** **/
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-justify{
text-align: justify;
}
/** **/
/** **/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/** **/
/** **/
.text-size-1_5 {
font-size: 1.5rem;
}
.text-size-1_6 {
font-size: 1.6rem;
}
.text-size-1_7 {
font-size: 1.7rem;
}
.text-size-1_8 {
font-size: 1.8rem;
}
.text-size-1_9 {
font-size: 1.9rem;
}
.text-size-2 {
font-size: 2rem;
}
/** **/
/** **/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/** **/
/** **/
.margin-auto{
margin-right: auto;
margin-left: auto;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-top-15 {
margin-top: 15px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-bottom-10 {
margin-bottom: 10px;
}
.margin-bottom-15 {
margin-bottom: 15px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-left-10 {
margin-left: 10px;
}
.margin-left-15 {
margin-left: 15px;
}
.margin-left-20 {
margin-left: 20px;
}
.margin-right-10 {
margin-right: 10px;
}
.margin-right-15 {
margin-right: 15px;
}
.margin-right-20 {
margin-right: 20px;
}
/** **/
/** **/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/** **/
/** **/
.border-top-none{
border-top: none;
}
.border-bottom-none{
border-bottom: none;
}
.border-left-none{
border-left: none;
}
.border-right-none{
border-right: none;
}
.border-color-1{
border-color: #;
}
.border-color-2{
border-color: #;
}
.border-color-3{
border-color: #;
}
.border-color-4{
border-color: #;
}
.border-color-def{
border-color: #;
}
.border-1{
border: 1px solid;
}
.border-top-1{
border-top: 1px solid;
}
.border-bottom-1{
border-bottom: 1px solid;
}
.border-left-1{
border-left: 1px solid;
}
.border-right-1{
border-right: 1px solid;
}
.border-2{
border: 2px solid;
}
.border-top-2{
border-top: 2px solid;
}
.border-bottom-2{
border-bottom: 2px solid;
}
.border-left-2{
border-left: 2px solid;
}
.border-right-2{
border-right: 2px solid;
}
/** **/
/** **/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/** **/
/** **/
.width-90{
width: 90%;
}
.width-80{
width: 80%;
}
.width-70{
width: 70%;
}
.width-60{
width: 60%;
}
.width-50{
width: 50%;
}
/** **/
/** **/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/** **/
/** **/
.border-radius-1-xs{
border-radius: 0 0 1px #;
}
.border-radius-1-s{
border-radius: 0 0 3px #;
}
.border-radius-1-m{
border-radius: 0 0 5px #;
}
.border-radius-1-l{
border-radius: 0 0 7px #;
}
.border-radius-1-xl{
border-radius: 0 0 10px #;
}
.border-radius-2-xs{
border-radius: 0 0 1px #;
}
.border-radius-2-s{
border-radius: 0 0 3px #;
}
.border-radius-2-m{
border-radius: 0 0 5px #;
}
.border-radius-2-l{
border-radius: 0 0 7px #;
}
.border-radius-2-xl{
border-radius: 0 0 10px #;
}
.border-radius-3-xs{
border-radius: 0 0 1px #;
}
.border-radius-3-s{
border-radius: 0 0 3px #;
}
.border-radius-3-m{
border-radius: 0 0 5px #;
}
.border-radius-3-l{
border-radius: 0 0 7px #;
}
.border-radius-3-xl{
border-radius: 0 0 10px #;
}
.border-radius-xs{
border-radius: 0 0 1px grey;
}
.border-radius-s{
border-radius: 0 0 3px grey;
}
.border-radius-m{
border-radius: 0 0 5px grey;
}
.border-radius-l{
border-radius: 0 0 7px grey;
}
.border-radius-xl{
border-radius: 0 0 10px grey;
}
/** **/
/** **/
/*********************************************************************/
/*********************************************************************/