bike
/
BikeBikeBike
1
0
Fork 0
Code Issues 4 Pull Requests Projects Releases Wiki Activity
Browse Source

Do not compile translations.scss directly

development
Godwin 9 years ago
parent
1d115d6108
commit
81602650ea
2 changed files with 137 additions and 137 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 138
      app/assets/stylesheets/_application.scss
  2. 136
      app/assets/stylesheets/_translations.scss

138
app/assets/stylesheets/_application.scss
View File

@ -1631,142 +1631,6 @@ $header-tilt: 8deg;
@include default-box-shadow(top, 2, true);
}
.lingua-franca-translations {
position: relative;
@include default-box-shadow(top, 2);
}
.lingua-franca-translations .translation-examples {
//width: 100%;
padding: 0 7.5%;
z-index: 1;
background-color: $white;
padding-bottom: 0.5vh;
}
html #lingua-franca-translation-form {
@include _(box-shadow, none);
}
.lingua-franca-translations .translation-examples ul {
list-style: none;
padding: 0;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
width: 100%;
height: 6vh;
padding-top: 0.25em;
z-index: 1;
margin: 0;
}
.lingua-franca-translations .translation-examples li {
display: inline-block;
position: relative;
width: 5vw;
height: 5vh;
margin: 0 0.5em;
@include after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: pointer;
outline: 0.25em solid rgba($colour-2, 0.25);
background-color: rgba($colour-2, 0.25);
outline-color: rgba($colour-2, 0.25);
@include _(transition, '#{background-color, outline-color 250ms, 250ms ease-in-out, ease-in-out}');
}
iframe {
@include _(transform, scale(0.05) translate(-950vw, -950vh));
width: 100vw;
height: 100vh;
@include _(transform-origin, 50% 50%);
//@include _(transition, '#{transform, position, z-index 250ms, 250ms, 0 ease-in-out, ease-in-out, linear 0, 250ms, 0}');
position: fixed;
margin: auto
}
&:hover {
@include after {
background-color: rgba($colour-3, 0);
outline-color: rgba($colour-3, 0.5);
}
}
&.open {
iframe {
top: 0;
left: 0;
z-index: 100;
//margin: auto;
@include _(transform, scale(0.75) translate(0, 0));
@include default-box-shadow(top, 2);
@include breakpoint(large) {
left: 8.75rem;
}
}
@include after {
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba($colour-3, 0.5);
position: fixed;
z-index: 99;
}
/*@include before {
content: '';
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 101;
cursor: pointer;
}*/
}
}
.highlight-key {
outline: 3rem solid rgba($colour-2, 0.5);
}
#lingua-franca-translation-form button[type="submit"] {
margin-right: 0.25em;
}
.translation-history .translation-diff-info,
.translation-history .diff ul {
list-style: none;
padding: 0;
}
.translation-history .translation-diff-info li {
margin-bottom: 0.5em;
font-style: italic;
}
.translation-history .translation-diff-info li,
.translation-history .diff li {
width: 50%;
display: inline-block;
float: left;
}
#lingua-franca-keys td a .undefined {
font-style: italic;
color: #888;
}
.stats {
list-style: none;
@ -1911,4 +1775,4 @@ html #lingua-franca-translation-form {
display: none;
}
}
}
}

136
app/assets/stylesheets/translations.scss → app/assets/stylesheets/_translations.scss
View File

@ -249,3 +249,139 @@ $bumbleberry-no-markup: true;
@include default-box-shadow(top, 2);
}
}
.lingua-franca-translations {
position: relative;
@include default-box-shadow(top, 2);
}
.lingua-franca-translations .translation-examples {
//width: 100%;
padding: 0 7.5%;
z-index: 1;
background-color: $white;
padding-bottom: 0.5vh;
}
html #lingua-franca-translation-form {
@include _(box-shadow, none);
}
.lingua-franca-translations .translation-examples ul {
list-style: none;
padding: 0;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
width: 100%;
height: 6vh;
padding-top: 0.25em;
z-index: 1;
margin: 0;
}
.lingua-franca-translations .translation-examples li {
display: inline-block;
position: relative;
width: 5vw;
height: 5vh;
margin: 0 0.5em;
@include after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: pointer;
outline: 0.25em solid rgba($colour-2, 0.25);
background-color: rgba($colour-2, 0.25);
outline-color: rgba($colour-2, 0.25);
@include _(transition, '#{background-color, outline-color 250ms, 250ms ease-in-out, ease-in-out}');
}
iframe {
@include _(transform, scale(0.05) translate(-950vw, -950vh));
width: 100vw;
height: 100vh;
@include _(transform-origin, 50% 50%);
//@include _(transition, '#{transform, position, z-index 250ms, 250ms, 0 ease-in-out, ease-in-out, linear 0, 250ms, 0}');
position: fixed;
margin: auto
}
&:hover {
@include after {
background-color: rgba($colour-3, 0);
outline-color: rgba($colour-3, 0.5);
}
}
&.open {
iframe {
top: 0;
left: 0;
z-index: 100;
//margin: auto;
@include _(transform, scale(0.75) translate(0, 0));
@include default-box-shadow(top, 2);
@include breakpoint(large) {
left: 8.75rem;
}
}
@include after {
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba($colour-3, 0.5);
position: fixed;
z-index: 99;
}
/*@include before {
content: '';
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 101;
cursor: pointer;
}*/
}
}
.highlight-key {
outline: 3rem solid rgba($colour-2, 0.5);
}
#lingua-franca-translation-form button[type="submit"] {
margin-right: 0.25em;
}
.translation-history .translation-diff-info,
.translation-history .diff ul {
list-style: none;
padding: 0;
}
.translation-history .translation-diff-info li {
margin-bottom: 0.5em;
font-style: italic;
}
.translation-history .translation-diff-info li,
.translation-history .diff li {
width: 50%;
display: inline-block;
float: left;
}
#lingua-franca-keys td a .undefined {
font-style: italic;
color: #888;
}
Write Preview
Loading…
Cancel
Save