Skip to content
Snippets Groups Projects
Commit d6ae17d8 authored by Olivier Lumineau's avatar Olivier Lumineau
Browse files

Finalisation for edugain and RENATER template environment

parent 19e7174e
No related branches found
No related tags found
No related merge requests found
Showing
with 5493 additions and 462 deletions
.main-nav {
font-size: 1.1em;
display: table;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
padding-top: 0.5em;
padding-bottom: 0.5em;
letter-spacing: 0.1em;
width: 100%;
}
.main-nav ul {
font-size: 0.9em;
list-style-type: none;
margin: 0;
padding: 0;
/* overflow: hidden; */
}
.et-right a {
color: #e87611;
}
.et-has-children {
padding-top: 0.5em;
}
.et-submenu-option>a {
display: inline-block;
width: 100%;
padding-top: 0.5em;
padding-right: 0.5em;
padding-left: 1em;
padding-bottom: 0.5em;
}
.et-submenu-header {
padding-left: 0.5em;
font-weight: bold;
}
.et-option, .et-last-option {
display: none;
padding-top: 0.5em;
}
.et-submenu {
display: none;
}
.et-menu a {
text-decoration: none;
}
.et-option>a:hover {
text-decoration: underline;
}
.et-has-children:hover {
cursor: default;
}
.et-option.et-expanded, .et-last-option.et-expanded, .et-submenu.et-expanded {
display: block;
}
.nav-icon {
float: right;
}
.main-nav {
font-size: 1.1em;
display: table;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
padding-top: 0.5em;
padding-bottom: 0.5em;
letter-spacing: 0.1em;
width: 100%;
}
.main-nav ul {
font-size: 0.9em;
list-style-type: none;
margin: 0;
padding: 0;
/* overflow: hidden; */
}
.et-right a {
color: #e87611;
}
.et-has-children {
padding-top: 0.5em;
}
.et-submenu-option>a {
display: inline-block;
width: 100%;
padding-top: 0.5em;
padding-right: 0.5em;
padding-left: 1em;
padding-bottom: 0.5em;
}
.et-submenu-header {
padding-left: 0.5em;
font-weight: bold;
}
.et-first-option a{
vertical-align: super;
}
.et-option, .et-last-option {
display: none;
padding-top: 0.5em;
}
.et-submenu {
display: none;
}
.et-menu a {
text-decoration: none;
}
.et-option>a:hover {
text-decoration: underline;
}
.et-has-children:hover {
cursor: default;
}
.et-option.et-expanded, .et-last-option.et-expanded, .et-submenu.et-expanded {
display: block;
}
.nav-icon {
float: right;
}
.et-option.et-expanded, .et-last-option.et-expanded {
display: inline-block;
}
.et-has-children {
position: relative;
/* border: 1px solid #BBB; */
border-bottom: none;
background-color: #FFF;
}
.et-submenu {
position: absolute;
top: 2.9em;
left: -1px;
z-index: 9999;
background-color: #FFF;
border-color: #BBB;
border-width: 0px 1px 1px 1px;
border-style: solid;
/* border: 1px solid #999; */
/* border-left: 1px solid #999; */
/* box-shadow: 1px 1px 1px #999; */
}
.et-expanded .et-submenu {
display: block;
white-space: nowrap;
padding: 0.5em 2em 2em 1em;
}
.et-menu-holder {
display: table-cell;
}
.et-submenu-split {
padding-top: 0;
display: inline-block;
}
.nav-icon {
display: none;
}
.et-first-option, .et-option, .et-last-option {
display: inline-block;
padding-bottom: 0.3em;
}
.et-submenu-option {
/* padding-top: 0.5em; */
/* padding-right: 0.5em; */
}
.et-submenu-option:hover {
/* background-color: #FEC; */
}
.et-menu a:hover {
text-decoration: underline;
}
.et-right {
width: auto;
text-align: right;
}
.et-option, .et-last-option {
padding-left: 0.9em;
padding-right: 0.9em;
}
.et-option.et-expanded, .et-last-option.et-expanded {
display: inline-block;
}
.et-has-children {
position: relative;
/* border: 1px solid #BBB; */
border-bottom: none;
background-color: #FFF;
}
.et-submenu {
position: absolute;
top: 2.9em;
left: -1px;
z-index: 9999;
background-color: #FFF;
border-color: #BBB;
border-width: 0px 1px 1px 1px;
border-style: solid;
/* border: 1px solid #999; */
/* border-left: 1px solid #999; */
/* box-shadow: 1px 1px 1px #999; */
}
.et-expanded .et-submenu {
display: block;
white-space: nowrap;
padding: 0.5em 2em 2em 1em;
}
.et-menu-holder {
display: table-cell;
}
.et-submenu-split {
padding-top: 0;
display: inline-block;
}
.nav-icon {
display: none;
}
.et-first-option, .et-option, .et-last-option {
display: inline-block;
padding-bottom: 0.3em;
}
.et-submenu-option {
/* padding-top: 0.5em; */
/* padding-right: 0.5em; */
}
.et-submenu-option:hover {
/* background-color: #FEC; */
}
.et-menu a:hover {
text-decoration: underline;
}
.et-right {
width: auto;
text-align: right;
}
.et-option, .et-last-option {
padding-left: 0.9em;
padding-right: 0.9em;
}
@CHARSET "UTF-8";
h1, h2 {
padding-top: 0.5em;
}
h1.highlight-header {
color: #F1893B;
font-weight: normal;
margin: 0;
}
h2.highlight-header {
color: #F1893B;
background-color: #FFF;
font-weight: normal;
display: inline-block;
padding:0.5em;
margin: 0;
margin-left: 1em;
}
.highlight-section-1 {
background-color: #EEE;
padding-left: 0.5em;
padding-right: 0.5em;
}
.central-section {
display: table;
width: 100%;
}
.col-1-1, .col-1-2 {
display: table-cell;
}
.col-1-1 {
width: 75%;
vertical-align: top;
padding-top: 1em;
padding-right: 1em;
/*padding-bottom: 2em;*/
}
.col-1-2 {
text-align: left;
width: auto;
vertical-align: top;
padding-top: 1em;
padding-bottom: 2em;
}
.col-2-1 {
display: table-cell;
width: 30%;
vertical-align: top;
padding-top: 1em;
padding-bottom: 2em;
}
.alignment-3 {
text-align: right;
}
.info-section {
border: 1px solid #FFCCAA;
padding: 0.6em;
}
.info-section h3 {
margin-top: 0;
}
.info-section .image-holder {
display: table-cell;
padding-right: 10px;
}
.info-section img {
display: inline-block;
width: 75px;
height: 75px;
vertical-align: middle;
}
.info-section .text-holder {
display: table-cell;
vertical-align: top;
}
#world_small {
padding-left: 2em;
width: 300px;
}
#eduGAIN-numbers-table_1 {
display: none;
}
#eduGAIN-numbers-table_2 {
display: block;
}
@media screen and (min-width: 1000px) {
.central-section {
width: 1000px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1200px) {
body {
/* width: 1200px;*/
margin-left: auto;
margin-right: auto;
}
}
@CHARSET "UTF-8";
h1, h2 {
padding-top: 0.5em;
}
h1.highlight-header {
color: #F1893B;
font-weight: normal;
margin: 0;
}
h2.highlight-header {
color: #F1893B;
background-color: #FFF;
font-weight: normal;
display: inline-block;
padding:0.5em;
margin: 0;
margin-left: 1em;
}
.highlight-section-1 {
background-color: #EEE;
padding-left: 0.5em;
padding-right: 0.5em;
}
.central-section {
display: table;
width: 100%;
}
.col-1-1, .col-1-2 {
display: table-cell;
}
.col-1-1 {
width: 75%;
vertical-align: top;
padding-top: 1em;
padding-right: 1em;
/*padding-bottom: 2em;*/
}
.col-1-2 {
text-align: left;
width: auto;
vertical-align: top;
padding-top: 1em;
padding-bottom: 2em;
}
.col-2-1 {
display: table-cell;
width: 30%;
vertical-align: top;
padding-top: 1em;
padding-bottom: 2em;
}
.alignment-3 {
text-align: right;
}
.info-section {
border: 1px solid #FFCCAA;
padding: 0.6em;
}
.info-section h3 {
margin-top: 0;
}
.info-section .image-holder {
display: table-cell;
padding-right: 10px;
}
.info-section img {
display: inline-block;
width: 75px;
height: 75px;
vertical-align: middle;
}
.info-section .text-holder {
display: table-cell;
vertical-align: top;
}
#world_small {
padding-left: 2em;
width: 300px;
}
#eduGAIN-numbers-table_1 {
display: none;
}
#eduGAIN-numbers-table_2 {
display: block;
}
@media screen and (min-width: 1000px) {
.central-section {
width: 1000px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1200px) {
body {
/* width: 1200px;*/
margin-left: auto;
margin-right: auto;
}
}
......@@ -65,25 +65,16 @@ img {
a {
color: #f1893b;
text-decoration: underline;
}
a:hover,a:focus,a:active {
text-decoration: none;
color: #004360;
}
footer {
/*vertical-align: bottom;*/
/*display: table;*/
width: 100%;
background-color: #EEE;
/*padding-top: 1em;*/
/*padding-bottom: 0.5em;*/
/*margin-top: 0.5em;*/
/*border-top: 1px solid #EEE;
border-bottom: 2px solid #FFF;*/
font-size: 12px;
font-size: 12px;
}
footer .col-1-1 {
......@@ -103,17 +94,31 @@ footer a {
text-decoration: none;
}
/*button {
* background-color: #f1893b;
* color: #FFF;
* border-left: 2px solid #FFCC99;
* border-top: 2px solid #FFCC99;
* border-right: 2px solid #D1691B;
* border-bottom: 2px solid #D1691B;
* padding: 2px;
* }*/
button, .button {
background: #214BB5;
border: 2px solid #214BB5;
font-weight: bold;
border-radius: 3px;
text-decoration: none!important;
}
button:hover, .button:hover {
background: none;
color: #214BB5;
}
/* ======= ======= Classes ======= ======= */
/** Wizard **/
.wizard > .steps > ol > li.current {
background: #214BB5;
}
.wizard > .steps > ol > li.done {
background: #9DC8E2;
}
.wizard > .content {
border: 2px solid #214BB5;
}
.help {
vertical-align: bottom;
}
......
File moved
File moved
......@@ -30,10 +30,14 @@ header img {
}
.top-bar-left {
float: left;
margin-top:0;
margin-bottom:0;
}
.top-bar-right {
float: right;
margin-right: 5%;
margin-top:0;
margin-bottom:0;
}
menu.top-bar-right > ul > li {
padding-right: 1.5rem;
......@@ -65,11 +69,6 @@ li.menu-text > a {
display: table-cell;
vertical-align: middle;
}
/*.menu > li > a img, .menu > li > a i {*/
/*margin-right: 0.25rem;*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*}*/
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
display: unset;
}
......@@ -159,13 +158,15 @@ li.menu-text > a {
list-style-type: none;
width: 100%;
text-align: left;
width: intrinsic; /* Safari/WebKit uses a non-standard name */
width: -moz-max-content; /* Firefox/Gecko */
width: -webkit-max-content; /* Chrome */
width: -max-content; /* Opera */
width:max-content:
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu > .is-dropdown-submenu-item:hover {
width: 100%;
background-color: #d90d12;
animation-name: theFade;
animation-duration: 0.3s;
animation-iteration-count: 1;
animation-timing-function: linear;
}
.top-bar .top-bar-right > ul > li > a [class*="fi-"]::before,
.top-bar .top-bar-right > ul > li > a [class*="fa-"]::before {
color: #fff;
......@@ -183,20 +184,21 @@ li.is-dropdown-submenu-item a label{
display:block;
height: 50px;
background: transparent;
color: #0973ff;
color: #d90d12;
}
.title-bar .menu-icon {
height: 35px;
background-color:transparent;
border:none;
}
.title-bar .menu-icon::after {
height: 3px;
width: 120%;
margin-top: 8px;
background: #0973ff;
box-shadow: 0 8px 0 #0973ff, 0 16px 0 #0973ff;
background: #d90d12;
box-shadow: 0 8px 0 #d90d12, 0 16px 0 #d90d12;
border-radius: 5px;
}
......@@ -258,10 +260,10 @@ li.is-dropdown-submenu-item a label{
background-color:#fff;
line-height: 1.5;
padding: 0.5rem;
color:#0973ff;
color:#d90d12;
}
.top-bar .top-bar-right > * label {
color: #0973ff;
color: #d90d12;
display:inline-block;
}
.menu.icon-top > li > a img,
......@@ -290,7 +292,7 @@ li.is-dropdown-submenu-item a label{
.top-bar .top-bar-right .fa::before,
.top-bar .top-bar-right [class^="fi-"]::before {
width: 1rem;
color:#0973ff!important;
color:#d90d12!important;
}
}
......
......@@ -14,41 +14,6 @@
url("../../lib/core/font/foobar_pro-regular-webfont.ttf") format("truetype");
}
/*---------------------------------CSS RESET-------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
a img{
border-width: 0;
vertical-align: middle;
}
dialog{
display: none;
}
dialog[open]{
display: block;
}
/* ------------------------------------------------------------------------*/
* { /* Proportional fonts */
font-family: 'LatoWeb', sans-serif;
font-size: 1rem;
......@@ -78,17 +43,18 @@ body {
background-size: 0 0; /* image should not be drawn here */
z-index:1;
}
body::before{
content: ""; /* important */
z-index: -1; /* important */
position: inherit;
left: inherit;
top: inherit;
width: inherit;
height: inherit;
background-image: inherit;
.background {
display: block;
position: fixed;
width: 100vw;
height: 100vh;
padding: 0;
margin: 0;
background-image: url(../images/background.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
z-index: -1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-webkit-filter: opacity(0.5);
......@@ -96,17 +62,14 @@ body::before{
-o-filter: opacity(0.5);
-ms-filter: opacity(0.5);
filter: opacity(0.5);
}
main {
margin-bottom: 1.5rem;
padding: 1rem 1.5rem;
background-color: rgba(255,255,255,0.8);
box-shadow: 0px 10px 20px 0px;
min-height: 100%;
text-align:left;
line-height:1.7;
line-height:1.5;
animation-name: theFade; /* nom de l'animation */
animation-duration: 1s; /* temps de l'animation (4s) */
animation-iteration-count: 1; /* nombre de boucles (infinie) */
......@@ -126,8 +89,6 @@ main:after {
a, a:link, a:visited {
color: #d90d12;
text-decoration: underline;
transition: background-color 300ms ease-out;
}
a:link:hover, a:visited:hover, a:link:focus, a:visited:focus, a:link:active, a:visited:active {
text-decoration: none;
......@@ -174,6 +135,7 @@ ul{
button, .button{
padding: 0.5em;
background-color: #f0494d;
border: 2px solid #f0494d;
font-family: 'LatoWebItalic';
text-decoration: none!important;
color: #fefefe!important;
......@@ -228,7 +190,7 @@ button:hover, .button:hover {
overflow: hidden;
text-align: center;
z-index: 99999999;
background-color:#4382AA;
background-color:#f0494d;
color: #eeeeee;
width: 50px;
height: 50px;
......@@ -244,7 +206,7 @@ button:hover, .button:hover {
transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
background-color:#333;
background-color: #d90d12;
}
.scroll-top-wrapper.show {
visibility:visible;
......@@ -255,90 +217,6 @@ button:hover, .button:hover {
line-height: inherit;
}
/*Specific for foundation */
/*CallOut*/
.alert-callout-border {
width: 100%;
padding: 1.3rem;
border-left-width: 0.3125rem;
border-left-color: #cacaca;
}
.alert-callout-border strong {
color: #0a0a0a;
}
.alert-callout-border .close-button {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.alert-callout-border.radius {
border-radius: 0.6rem;
}
.alert-callout-border.primary {
border-left-color: #1779ba;
}
.alert-callout-border.primary strong {
color: #1779ba;
}
.alert-callout-border.secondary {
border-left-color: #767676;
}
.alert-callout-border.secondary strong {
color: #767676;
}
.alert-callout-border.alert {
border-left-color: #cc4b37;
}
.alert-callout-border.alert strong {
color: #cc4b37;
}
.alert-callout-border.success {
border-left-color: #3adb76;
}
.alert-callout-border.success strong {
color: #3adb76;
}
.alert-callout-border.warning {
border-left-color: #ffae00;
}
.alert-callout-border.warning strong {
color: #ffae00;
}
/*Callout with icon*/
.callout.alert.icon::before, .callout.primary.icon::before,
.callout.secondary.icon::before, .callout.success.icon::before,
.callout.warning.icon::before {
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
font-size: 1.8em;
top: calc(50% - 1rem);
}
.callout.icon p{
margin: 0.5rem 2.5rem!important;
}
.callout.icon ul {
margin: 0.5rem 2.5rem 0.5rem 3.5rem!important;
}
/*
Accordion
*/
.accordion li {
padding: 0;
margin-bottom: 0.5rem;
}
/*.accordion li > a {*/
/*text-decoration: none;*/
/*}*/
.accordion-title {
font-size: 1rem;
color: #41494c;
background-color: #ddd;
}
[type="text"]{
display: inherit;
height:inherit;
......@@ -404,6 +282,25 @@ td.label {
white-space: normal;
}
/** Wizard **/
.wizard > .steps > ol > li.current {
background: #f0494d;
color: #FFFFFF;
}
.wizard > .steps > ol > li.done {
background: #f0494d;
opacity:0.5;
color: #FFFFFF;
}
.wizard > .content {
border: 2px solid #d90d12;
}
.accounts .account table caption {
background-color: #41494c;
}
.accounts .account table tbody {
border: 1px solid #41494c;
}
/* Small screens */
......
/* ------------------------------------------------------------------------*/
/* le bleu edugain est #19398a ou hsl(223,69%,32%), il est éclairci ici de 10% soit #214BB5 ou hsl(223,69%,42%);*/
/*---------------------------------CSS RESET-------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
a img{
border-width: 0;
vertical-align: middle;
}
dialog{
display: none;
}
dialog[open]{
display: block;
}
/* ------------------------------------------------------------------------*/
/* global */
button, .button {
background: #214BB5;
border: 2px solid #214BB5;
font-weight: bold;
border-radius: 3px;
text-decoration: none!important;
button{
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
button.close-button{
background: transparent;
border:none;
}
.callout {
border-radius: 3px;
}
button:hover, .button:hover {
background: none;
color: #214BB5;
fieldset {
margin-bottom:1rem;
}
a, a:visited, a:active, a:link {
text-decoration: underline;
text-decoration: underline;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
a:hover {
text-decoration: none;
......@@ -52,11 +96,9 @@ main form {
border-radius: 3px;
}
.wizard > .steps > ol > li.current {
background: #214BB5;
color: #FFFFFF;
}
.wizard > .steps > ol > li.done {
background: #9DC8E2;
color: #FFFFFF;
}
.wizard > .steps > ol > li.disabled {
......@@ -69,10 +111,9 @@ main form {
display: block;
margin: 0 0 1em 1em;
padding: 1em;
min-height: 35em;
min-height: 25rem;
position: relative;
width: auto;
border: 2px solid #214BB5;
border-radius: 3px;
overflow: auto;
overflow-x: hidden;
......@@ -106,6 +147,7 @@ main form {
color: #FFFFFF;
width: 100%;
background: #F04124;
padding-left: 1rem;
}
.wizard > .actions {
position: relative;
......@@ -116,19 +158,12 @@ main form {
/* Accounts profile */
.accounts {
box-sizing: border-box;
min-width: 30%;
display: flex;
flex-flow: row wrap;
margin-bottom:1.5rem;
justify-content: space-between;
align-items: stretch;
}
.accounts .account {
flex: 0 0 22em;
margin-right: 1em;
margin-top: 1rem;
box-shadow: 0 3px 5px #333;
padding:0.5rem;
}
.accounts .account table {
table-layout: fixed;
......@@ -146,7 +181,7 @@ main form {
border:1px solid #f1893b;
}
.accounts .account .comment {
display: flex;
/*display: flex;*/
margin: 0;
padding: 0;
height: 7em;
......@@ -163,3 +198,15 @@ main form {
.scrollable {
overflow-y: scroll;
}
.ui-icon {
float:none !important;
}
@media only screen and (max-width: 800px){
.wizard > .steps {
width: 100%;
float: none;
text-align: center;
}
}
\ No newline at end of file
I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project,
Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome,
comprehensive icon sets or copy and paste your own.
Please. Check it out.
-Dave Gandy
This diff is collapsed.
This diff is collapsed.
File added
File added
This diff is collapsed.
File added
File added
File added
// Animated Icons
// --------------------------
.@{fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.@{fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
// Bordered & Pulled
// -------------------------
.@{fa-css-prefix}-border {
padding: .2em .25em .15em;
border: solid .08em @fa-border-color;
border-radius: .1em;
}
.@{fa-css-prefix}-pull-left { float: left; }
.@{fa-css-prefix}-pull-right { float: right; }
.@{fa-css-prefix} {
&.@{fa-css-prefix}-pull-left { margin-right: .3em; }
&.@{fa-css-prefix}-pull-right { margin-left: .3em; }
}
/* Deprecated as of 4.4.0 */
.pull-right { float: right; }
.pull-left { float: left; }
.@{fa-css-prefix} {
&.pull-left { margin-right: .3em; }
&.pull-right { margin-left: .3em; }
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment