Massive

Commencez votre projet avec Massive.

Massive classes supplémentaires

Documentation Massive

Thème HTML5 multipage et une page

création: 15/08/2015

Section Classes supplémentaires

Nous avons créé des classes d'aide utiles pour vous. En voici quelques-uns :

.light-txt - Couleur du texte blanc
.theme-color - La couleur du texte sera la couleur du thème
.theme-bg - La couleur de fond sera la couleur du thème
.radius-less - Rayon zéro
.circle - Le rayon sera un cercle
.inline-block - Afficher le bloc en ligne

Certaines classes supérieures/inférieures de marge


/* --------------------------------------------------------------
    pre-defined >  margin top | margin bottom
---------------------------------------------------------------*/

/*margin top*/

.m-top-0{
    margin-top: 0px !important;
}
.m-top-10 {
    margin-top: 10px;
}
.m-top-15 {
    margin-top: 15px;
}
.m-top-20 {
    margin-top: 20px;
}
.m-top-25 {
    margin-top: 25px;
}
.m-top-30 {
    margin-top: 30px;
}
.m-top-35 {
    margin-top: 35px;
}
.m-top-40 {
    margin-top: 40px;
}
.m-top-50 {
    margin-top: 50px;
}
.m-top-80 {
    margin-top: 80px;
}
.m-top-100 {
    margin-top: 100px;
}

.m-top-0, .m-top-10, .m-top-15, .m-top-20, .m-top-25, .m-top-30, .m-top-35, .m-top-40, .m-top-50, .m-top-80, .m-top-100,
.m-bot-0, .m-bot-10, .m-bot-15, .m-bot-20, .m-bot-25, .m-bot-30, .m-bot-35, .m-bot-40, .m-bot-50, .m-bot-80, .m-bot-100{
    display: inline-block;
}

/*margin bottom*/

.m-bot-0 {
    margin-bottom: 0px !important;
}
.m-bot-10 {
    margin-bottom: 10px;
}

.m-bot-15 {
    margin-bottom: 15px;
}

.m-bot-20 {
    margin-bottom: 20px;
}

.m-bot-25 {
    margin-bottom: 25px;
}

.m-bot-30 {
    margin-bottom: 30px;
}

.m-bot-35 {
    margin-bottom: 35px;
}

.m-bot-40 {
    margin-bottom: 40px;
}

.m-bot-50 {
    margin-bottom: 50px;
}

.m-bot-80 {
    margin-bottom: 80px;
}

.m-bot-100 {
    margin-bottom: 100px;
}

Certaines classes supérieures de rembourrage


/*padding top*/

.p-top-0{
    padding-top: 0px !important;
}
.p-top-10 {
    padding-top: 10px;
}
.p-top-15 {
    padding-top: 15px;
}
.p-top-20 {
    padding-top: 20px;
}
.p-top-25 {
    padding-top: 25px;
}
.p-top-30 {
    padding-top: 30px;
}
.p-top-35 {
    padding-top: 35px;
}
.p-top-40 {
    padding-top: 40px;
}
.p-top-50 {
    padding-top: 50px;
}
.p-top-80 {
    padding-top: 80px;
}
.p-top-100 {
    padding-top: 100p

Certaines classes de rembourrage haut et bas ensemble


.p-tb-10 {
    padding: 10px 0;
}

.p-tb-20 {
    padding: 20px 0;
}

.p-tb-30 {
    padding: 30px 0;
}


.p-tb-50 {
    padding: 50px 0;
}


.p-tb-100 {
    padding: 100px 0;
}


.p-tb-150 {
    padding: 150px 0;
}

.p-tb-200 {
    padding: 200px 0;
}

Padding top et padding bottom moins de classe


.p-top-0 {
    padding-top: 0 !important;
}

.p-bot-0 {
    padding-bottom: 0 !important;
}