HELPER CLASSES
TEXT STYLES
You can use classes which names are .font-bold, .font-italic, .font-underline, .font-line-through, .font-overline
Normal
Default text
Text pink color
Text cyan color
Text teal color
Text orange color
Text blue grey color
Bold
Default text
Text pink color
Text cyan color
Text teal color
Text orange color
Text blue grey color
Italic
Default text
Text pink color
Text cyan color
Text teal color
Text orange color
Text blue grey color
Underline
Default text
Text pink color
Text cyan color
Text teal color
Text orange color
Text blue grey color
Line Through
Default text
Text pink color
Text cyan color
Text teal color
Text orange color
Text blue grey color
Overline
Default text
Text pink color
Text cyan color
Text teal color
Text orange color
Text blue grey color
FONT SIZES
You can use the classes which samples are .font-6, .font-10, .font-24 The number of can use between 6 - 50px which are near the .font-
TEXT ALIGNS
You can use classes which names are .align-left, .align-center, .align-right, .align-justify
Align Left
Align Center
Align Right
Align Justify
MARGIN & PADDING SPACES
You can use classes which names are .m-t-10, .m-t--10, .m-r-5, .p-t-10, .p-b-5
Margins
.m-t-10
.m-t-0
.m-t--10
.m-l-35
.m-l-0
.m-l--35
.m-b-15
.m-b-0
.m-b--20
.m-r-30
.m-r-0
.m-r--30
.margin-0
Paddings
.p-t-10
.p-t-0
.p-l-35
.p-l-0
.p-b-15
.p-b-0
.p-r-30
.p-r-0
.padding-0
SPECIAL CLASSES FOR EVERY BROWSERS
When the user start the usage this theme, we put the browser info inside the html as class
.ie10, .ie11, .edge, .opera, .chrome, .firefox, .safari to class inside of html element. So you can create new classes for run only you specified browser(s).
Example
/* It will be work only IE10 */
html.ie10 .menu .list {
background-color: #CC0000;
}
/* It will be work only Google Chrome */
html.chrome .right-sidebar .header {
font-size: 15px;
font-weight: bold;
}