raisely / base Goto Github PK
View Code? Open in Web Editor NEWAn intelligent, developer-friendly responsive web framework.
License: Apache License 2.0
An intelligent, developer-friendly responsive web framework.
License: Apache License 2.0
Need to apply .reset-filter();
when the gradient is being cleared with buttons for IE 8 compadibility.
It's not used, and means cleaner code and less overrides of _layout.less
Open for discussion, should typography be calculated on variables set at the responsive level? In the same way that _layout.less is processed. Will this be helpful or a hinderance?
Code eg: [class*="button"]
Something like
//
// Tooltips
// --------------------------------------------------
[data-tooltip] {
position: relative;
cursor: pointer;
.inline-block();
&:before,
&:after {
.transition(all 0.2s ease-out);
position: absolute;
visibility: hidden;
opacity: 0;
}
&:before {
.arrow-up(7px, @textColor);
content: '';
left: 50%;
margin-left: -3.25px;
z-index: 10001;
bottom: -10px;
}
&:after {
.box-sizing(border-box);
content: attr(data-tooltip);
padding: 0.5em 0.75em;
border-radius: 3px;
font-size: 0.875em;
z-index: 10000;
left: 50%;
margin-left: -5em;
margin-top: 10px;
width: 10em;
line-height: 120%;
background: @textColor;
color: @baseColor;
}
&:hover:before,
&:hover:after {
visibility: visible;
opacity: 1;
}
&.tax-tooltip {
&:after {
width: 20em;
}
}
}
Add margin width to column width instead.
On npm-install
we get the deprecated warning:
npm WARN deprecated [email protected]: This project is now 'https://npmjs.org/package/grunt-browser-sync'
Just need to move to grunt-browser-sync.
I'm not sure if this is expected behaviour, but in '_forms.less' - this rule (truncated here for brevity) seems to remove the drop-down arrow from select inputs in FF, Chrome and Safari:
// Form Elements
// -------------------
select {
-webkit-appearance: none;
}
Overriding it restores the drop-down arrow:
// Misc Additions
select {
-webkit-appearance: menulist;
}
Using .menu-primary, the submenu can appear off-screen on small devices.
Using .menu-secondary, the submenu appears by default instead of being hidden by default and appearing on hover.
Every submenu under a 'selected' menu appears with a 'selected' background. This looks like every menu item is concurrently selected.
Fix for (3) - assuming only one level of submenu:
&.selected ul li a {
background: #FFF/inherit/transparent/variable;
}
Would be good, the fallback is usable but a bit lame. Currently the animations are only:
Will do a check on the Modernizer body class to select which method (jQuery/CSS3) to use.
Horizontal and vertical based of <li>
with dropdown support.
Add border-box by default
Wishlist:
There is no indication of the version of BASE i currently have on my box!
Add class-based next/previous buttons and a paged dot thing to the carousel.
Experiment with setting page width / # of columns for each responsive snap size and the system automatically calculations column and maybe gutter width.
This starts precedent for some JS in Base with some bare-bones compadibility fixes, Modernizr style.
For placeholder https://gist.github.com/hagenburger/379601 is a good place to start
Browsersync doesn't seem to be working - looks like an issue with how they're ordered in the task
When you put an offset that equals the column amount the offset doesn't apply. IE
@include columns(4,4)
would have no offset.
Shouldn't the font-size: 100%
be set on the root html
element rather than body
for REMs to be scalable between responsive steps? If I change the font-size
on the body
my REMs don't update, but if I change it on html
they do.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.