HELPER CLASSES
Welcome to Swift application
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
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;}