Successfully convereted (and improved) variables.less, path.less, core.less, sizes.less into .scss versions.

This commit is contained in:
jordanbrauer 2016-10-04 15:15:59 -05:00
parent 1028c81401
commit 0f3cedb6f0
5 changed files with 102 additions and 0 deletions

View File

@ -0,0 +1,27 @@
// set symbol class
.#{$keyrune_prefix} {
display: $setsymbol_display;
font: $setsymbol_font;
font-size: $setsymbol_font_size;
line-height: $setsymbol_line_height;
text-rendering: $setsymbol_text_rendering;
transform: $setsymbol_transform;
speak: $setsymbol_speak;
text-transform: $setsymbol_text_transform;
vertical-align: $setsymbol_vertical_align;
// Better font rendering
-webkit-font-smoothing: $setsymbol_webkit_font_smoothing;
-moz-font-smoothing: $setsymbol_moz_font_smoothing;
// default symbol if the set does not exist yet, or setcode does not match
&:before {
content: $setsymbol_default_content;
}
}
// set symbol size modifier classes
@each $size in $symbol_sizes {
.#{$keyrune_prefix}.#{nth($size, 1)} {
font-size: #{nth($size, 2)}
}
}

View File

@ -0,0 +1,11 @@
@font-face {
font-family: "#{$keyrune_font_face}";
src:url( '#{$global_font_path}/keyrune.eot?v=#{$keyrune_version}' );
src:url( '#{$global_font_path}/keyrune.eot?#iefix&v=#{$keyrune_version}' ) format( 'embedded-opentype' ),
url( '#{$global_font_path}/keyrune.woff2?v=#{$keyrune_version}' ) format( 'woff2' ),
url( '#{$global_font_path}/keyrune.woff?v=#{$keyrune_version}' ) format( 'woff' ),
url( '#{$global_font_path}/keyrune.ttf?v=#{$keyrune_version}' ) format( 'truetype' ),
url( '#{$global_font_path}/keyrune.svg?v=#{$keyrune_version}#keyrune' ) format( 'svg' );
font-weight: normal;
font-style: normal;
}

View File

@ -0,0 +1 @@
// this is a generated copy of _variables.scss for users.

View File

@ -0,0 +1,54 @@
// _variables.scss
// Table of Contents: ===========================
// 1. Global
// 2. Keyrune
// 3. Symbol Sizes
// 4. Rarity Colors
// 5. Set Symbol
// 6. MtG Setlist
// 1. Global ====================================
$global_font_path: '../fonts' !default;
$global_font_size: 14px !default;
// 2. Keyrune ===================================
$keyrune_font_face: "Keyrune" !default;
$keyrune_version: '1.7.2' !default;
$keyrune_prefix: 'ss' !default;
// 3. Symbol Sizes ==============================
$symbol_sizes: (
'2x': 2em,
'3x': 3em,
'4x': 4em,
'5x': 5em,
'6x': 6em
) !default;
// 4. Rarity Colors =============================
$rarity_palette: (
('common', #1a1718, #302b2c, #474040, #000),
('uncommon', #707883, #5a6572, #9e9e9e, #111),
('rare', #a58e4a, #876a3b, #dfbd6b, #333),
('mythic', #bf4427, #b21f0f, #f38300, #333)
) !default;
// 5. Set Symbol ================================
$setsymbol_display: inline-block !default;
$setsymbol_font: normal normal normal $global_font_size/1 $keyrune_font_face !default;
$setsymbol_font_size: inherit !default;
$setsymbol_line_height: 1em !default;
$setsymbol_text_rendering: auto !default;
$setsymbol_transform: translate(0, 0) !default;
$setsymbol_speak: none !default;
$setsymbol_text_transform: none !default;
$setsymbol_vertical_align: middle !default;
$setsymbol_webkit_font_smoothing: antialiased !default;
$setsymbol_moz_font_smoothing: grayscale !default;
$setsymbol_default_content: "\e684" !default;
// MtG Setlist ===================================
$mtg_setlist: (
) !default;

9
sass/keyrune.scss Normal file
View File

@ -0,0 +1,9 @@
// keyrune.scss
// Config ==============
@import 'config/variables';
//@import 'config/settings'; // used for other users to overwrite default styles.
// Components ==========
@import 'components/typography';
@import 'components/setsymbol';